@ifsworld/granite-components 15.0.1 → 15.0.2

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 (164) hide show
  1. package/date-picker/lib/date-picker-base.d.ts +3 -3
  2. package/date-picker/lib/date-picker.module.d.ts +2 -2
  3. package/esm2022/carousel/ifsworld-granite-components-carousel.mjs +5 -0
  4. package/esm2022/carousel/index.mjs +3 -0
  5. package/esm2022/carousel/lib/carousel.component.mjs +156 -0
  6. package/esm2022/carousel/lib/carousel.module.mjs +31 -0
  7. package/esm2022/date-picker/ifsworld-granite-components-date-picker.mjs +5 -0
  8. package/esm2022/date-picker/index.mjs +5 -0
  9. package/esm2022/date-picker/lib/date-picker-base.mjs +53 -0
  10. package/esm2022/date-picker/lib/date-picker-trigger-for.directive.mjs +228 -0
  11. package/esm2022/date-picker/lib/date-picker.component.mjs +30 -0
  12. package/esm2022/date-picker/lib/date-picker.module.mjs +58 -0
  13. package/esm2022/date-picker/lib/date-range-picker.component.mjs +46 -0
  14. package/esm2022/file-upload/ifsworld-granite-components-file-upload.mjs +5 -0
  15. package/esm2022/file-upload/index.mjs +3 -0
  16. package/esm2022/file-upload/lib/directives/file-drag-and-drop.directive.mjs +102 -0
  17. package/esm2022/file-upload/lib/file-upload.component.mjs +182 -0
  18. package/esm2022/file-upload/lib/file-upload.constants.mjs +45 -0
  19. package/esm2022/file-upload/lib/file-upload.module.mjs +32 -0
  20. package/esm2022/file-upload/lib/file-upload.utils.mjs +13 -0
  21. package/esm2022/ifsworld-granite-components.mjs +5 -0
  22. package/esm2022/index.mjs +90 -0
  23. package/esm2022/lib/arrange-grid/arrange-grid-item.component.mjs +44 -0
  24. package/esm2022/lib/arrange-grid/arrange-grid.component.mjs +125 -0
  25. package/esm2022/lib/arrange-grid/arrange-grid.module.mjs +19 -0
  26. package/esm2022/lib/avatar/avatar-default-status/avatar-default-status.component.mjs +36 -0
  27. package/esm2022/lib/avatar/avatar.component.mjs +68 -0
  28. package/esm2022/lib/avatar/avatar.component.public-types.mjs +7 -0
  29. package/esm2022/lib/avatar/avatar.module.mjs +37 -0
  30. package/esm2022/lib/avatar/custom-avatar-status.directive.mjs +18 -0
  31. package/esm2022/lib/avatar/empty-avatar/empty-avatar.component.mjs +37 -0
  32. package/esm2022/lib/badge/badge.component.mjs +39 -0
  33. package/esm2022/lib/badge/badge.module.mjs +18 -0
  34. package/esm2022/lib/badge/testing/badge.harness.mjs +25 -0
  35. package/esm2022/lib/button/button.component.mjs +87 -0
  36. package/esm2022/lib/button/button.module.mjs +16 -0
  37. package/esm2022/lib/card-list/card/card-avatar.component.mjs +11 -0
  38. package/esm2022/lib/card-list/card/card-content/card-actions.component.mjs +11 -0
  39. package/esm2022/lib/card-list/card/card-content/card-body.component.mjs +11 -0
  40. package/esm2022/lib/card-list/card/card-content/card-content.component.mjs +11 -0
  41. package/esm2022/lib/card-list/card/card-content/card-footer.component.mjs +11 -0
  42. package/esm2022/lib/card-list/card/card-content/card-header-subtitle.component.mjs +11 -0
  43. package/esm2022/lib/card-list/card/card-content/card-header-title.component.mjs +11 -0
  44. package/esm2022/lib/card-list/card/card-content/card-header.component.mjs +11 -0
  45. package/esm2022/lib/card-list/card/card.component.mjs +11 -0
  46. package/esm2022/lib/card-list/card-list.component.mjs +24 -0
  47. package/esm2022/lib/card-list/card-list.module.mjs +68 -0
  48. package/esm2022/lib/checkbox/checkbox-group.component.mjs +17 -0
  49. package/esm2022/lib/checkbox/checkbox.component.mjs +99 -0
  50. package/esm2022/lib/checkbox/checkbox.module.mjs +17 -0
  51. package/esm2022/lib/chips/chip-input.mjs +195 -0
  52. package/esm2022/lib/chips/chip-list.component.mjs +567 -0
  53. package/esm2022/lib/chips/chip.component.mjs +288 -0
  54. package/esm2022/lib/chips/chips.module.mjs +31 -0
  55. package/esm2022/lib/collapsible-group/collapsible-group-body.directive.mjs +17 -0
  56. package/esm2022/lib/collapsible-group/collapsible-group-header.directive.mjs +17 -0
  57. package/esm2022/lib/collapsible-group/collapsible-group.component.mjs +46 -0
  58. package/esm2022/lib/collapsible-group/collapsible-group.module.mjs +33 -0
  59. package/esm2022/lib/contacts/contact-item/contact-item.component.mjs +27 -0
  60. package/esm2022/lib/contacts/contact-item-default-status/contact-item-default-status.component.mjs +20 -0
  61. package/esm2022/lib/contacts/contact-item-title/contact-item-title.component.mjs +15 -0
  62. package/esm2022/lib/contacts/contacts-profile/contacts-profile.component.mjs +18 -0
  63. package/esm2022/lib/contacts/contacts-trigger/contacts-trigger-data.mjs +24 -0
  64. package/esm2022/lib/contacts/contacts-trigger/contacts-trigger-for.directive.mjs +231 -0
  65. package/esm2022/lib/contacts/contacts-types/contacts.component.private-types.mjs +2 -0
  66. package/esm2022/lib/contacts/contacts-types/contacts.component.public-types.mjs +9 -0
  67. package/esm2022/lib/contacts/contacts.component.mjs +92 -0
  68. package/esm2022/lib/contacts/contacts.module.mjs +53 -0
  69. package/esm2022/lib/contacts/custom-profile.directive.mjs +16 -0
  70. package/esm2022/lib/contacts/custom-status.directive.mjs +18 -0
  71. package/esm2022/lib/core/animation.mjs +34 -0
  72. package/esm2022/lib/core/client-environment.mjs +20 -0
  73. package/esm2022/lib/core/common-behaviors/disabled.mjs +27 -0
  74. package/esm2022/lib/core/core.module.mjs +44 -0
  75. package/esm2022/lib/core/devices/client-input-desktop.directive.mjs +29 -0
  76. package/esm2022/lib/core/devices/client-input-touch.directive.mjs +29 -0
  77. package/esm2022/lib/core/devices/client-output-desktop.directive.mjs +29 -0
  78. package/esm2022/lib/core/devices/client-output-touch.directive.mjs +29 -0
  79. package/esm2022/lib/core/hide-on-overflow.directive.mjs +83 -0
  80. package/esm2022/lib/core/overlay-base.mjs +18 -0
  81. package/esm2022/lib/core/overlay-position-config.mjs +2 -0
  82. package/esm2022/lib/core/overlay-trigger-for-base.directive.mjs +121 -0
  83. package/esm2022/lib/core/overlay.service.mjs +90 -0
  84. package/esm2022/lib/core/pipes/pure-pipes.module.mjs +16 -0
  85. package/esm2022/lib/core/pipes/title.pipe.mjs +21 -0
  86. package/esm2022/lib/core/radio-checkbox-base.mjs +19 -0
  87. package/esm2022/lib/core/services/names-utils-service.mjs +51 -0
  88. package/esm2022/lib/core/theme.library.mjs +59 -0
  89. package/esm2022/lib/core/types.mjs +2 -0
  90. package/esm2022/lib/grid/grid.component.mjs +128 -0
  91. package/esm2022/lib/grid/grid.module.mjs +18 -0
  92. package/esm2022/lib/icon/icon.component.mjs +43 -0
  93. package/esm2022/lib/icon/icon.module.mjs +16 -0
  94. package/esm2022/lib/input-field/input-field.component.mjs +167 -0
  95. package/esm2022/lib/input-field/input-field.module.mjs +20 -0
  96. package/esm2022/lib/label/label.component.mjs +31 -0
  97. package/esm2022/lib/label/label.module.mjs +18 -0
  98. package/esm2022/lib/menu/divider.directive.mjs +23 -0
  99. package/esm2022/lib/menu/menu-base.mjs +364 -0
  100. package/esm2022/lib/menu/menu-desktop-animations.mjs +23 -0
  101. package/esm2022/lib/menu/menu-errors.mjs +37 -0
  102. package/esm2022/lib/menu/menu-item.component.mjs +89 -0
  103. package/esm2022/lib/menu/menu-panel.mjs +7 -0
  104. package/esm2022/lib/menu/menu-positions.mjs +9 -0
  105. package/esm2022/lib/menu/menu-touch-animations.mjs +137 -0
  106. package/esm2022/lib/menu/menu-touch-close.component.mjs +13 -0
  107. package/esm2022/lib/menu/menu-touch-title.component.mjs +59 -0
  108. package/esm2022/lib/menu/menu-trigger-for.directive.mjs +738 -0
  109. package/esm2022/lib/menu/menu.component.mjs +30 -0
  110. package/esm2022/lib/menu/menu.module.mjs +55 -0
  111. package/esm2022/lib/menu/testing/menu.harness.mjs +109 -0
  112. package/esm2022/lib/menu/title.directive.mjs +17 -0
  113. package/esm2022/lib/progress-bar/progress-bar-legend/progress-bar-legend.component.mjs +19 -0
  114. package/esm2022/lib/progress-bar/progress-bar-legend-base.mjs +17 -0
  115. package/esm2022/lib/progress-bar/progress-bar-legend-trigger-for.directive.mjs +54 -0
  116. package/esm2022/lib/progress-bar/progress-bar.component.mjs +92 -0
  117. package/esm2022/lib/progress-bar/progress-bar.model.mjs +2 -0
  118. package/esm2022/lib/progress-bar/progress-bar.module.mjs +44 -0
  119. package/esm2022/lib/radio-button/radio-button.component.mjs +119 -0
  120. package/esm2022/lib/radio-button/radio-button.module.mjs +17 -0
  121. package/esm2022/lib/radio-button/radio-group.component.mjs +17 -0
  122. package/esm2022/lib/toggle-switch/toggle-switch.component.mjs +100 -0
  123. package/esm2022/lib/toggle-switch/toggle-switch.module.mjs +16 -0
  124. package/esm2022/table/ifsworld-granite-components-table.mjs +5 -0
  125. package/esm2022/table/index.mjs +5 -0
  126. package/esm2022/table/lib/cell/cell-align/cell-align-classes.directive.mjs +26 -0
  127. package/esm2022/table/lib/cell/cell.mjs +15 -0
  128. package/esm2022/table/lib/cell/table-data-cell.component.mjs +25 -0
  129. package/esm2022/table/lib/cell/table-header-cell.component.mjs +14 -0
  130. package/esm2022/table/lib/column/table-column.directive.mjs +33 -0
  131. package/esm2022/table/lib/column-size/column-size.directive.mjs +34 -0
  132. package/esm2022/table/lib/table-constants.library.mjs +7 -0
  133. package/esm2022/table/lib/table.component.mjs +62 -0
  134. package/esm2022/table/lib/table.model.mjs +2 -0
  135. package/esm2022/table/lib/table.module.mjs +38 -0
  136. package/esm2022/tooltip/ifsworld-granite-components-tooltip.mjs +5 -0
  137. package/esm2022/tooltip/index.mjs +4 -0
  138. package/esm2022/tooltip/lib/Services/granite-tooltip.service.mjs +28 -0
  139. package/esm2022/tooltip/lib/tooltip-constants.library.mjs +4 -0
  140. package/esm2022/tooltip/lib/tooltip-trigger-for.directive.mjs +147 -0
  141. package/esm2022/tooltip/lib/tooltip.component.mjs +14 -0
  142. package/esm2022/tooltip/lib/tooltip.module.mjs +19 -0
  143. package/fesm2022/ifsworld-granite-components-carousel.mjs +9 -9
  144. package/fesm2022/ifsworld-granite-components-carousel.mjs.map +1 -1
  145. package/fesm2022/ifsworld-granite-components-date-picker.mjs +30 -34
  146. package/fesm2022/ifsworld-granite-components-date-picker.mjs.map +1 -1
  147. package/fesm2022/ifsworld-granite-components-file-upload.mjs +12 -13
  148. package/fesm2022/ifsworld-granite-components-file-upload.mjs.map +1 -1
  149. package/fesm2022/ifsworld-granite-components-table.mjs +29 -32
  150. package/fesm2022/ifsworld-granite-components-table.mjs.map +1 -1
  151. package/fesm2022/ifsworld-granite-components-tooltip.mjs +15 -16
  152. package/fesm2022/ifsworld-granite-components-tooltip.mjs.map +1 -1
  153. package/fesm2022/ifsworld-granite-components.mjs +321 -340
  154. package/fesm2022/ifsworld-granite-components.mjs.map +1 -1
  155. package/lib/contacts/contacts-trigger/contacts-trigger-data.d.ts +1 -1
  156. package/lib/core/overlay-base.d.ts +1 -1
  157. package/lib/core/radio-checkbox-base.d.ts +1 -1
  158. package/lib/menu/menu-base.d.ts +1 -1
  159. package/lib/progress-bar/progress-bar-legend-base.d.ts +1 -1
  160. package/package.json +21 -9
  161. package/src/lib/core/style/_mixins.scss +9 -10
  162. package/src/lib/core/style/_range-functions.scss +4 -6
  163. package/src/lib/core/style/_z-index.scss +4 -6
  164. package/table/lib/cell/cell.d.ts +1 -1
@@ -0,0 +1,90 @@
1
+ /*
2
+ * Public API Surface of ui
3
+ */
4
+ export * from './lib/arrange-grid/arrange-grid.module';
5
+ export * from './lib/arrange-grid/arrange-grid.component';
6
+ export * from './lib/arrange-grid/arrange-grid-item.component';
7
+ export * from './lib/grid/grid.module';
8
+ export * from './lib/grid/grid.component';
9
+ export * from './lib/badge/badge.module';
10
+ export * from './lib/badge/badge.component';
11
+ export * from './lib/badge/testing/badge.harness';
12
+ export * from './lib/menu/menu.module';
13
+ export * from './lib/menu/menu.component';
14
+ export * from './lib/menu/menu-desktop-animations';
15
+ export * from './lib/menu/menu-touch-animations';
16
+ export * from './lib/menu/menu-item.component';
17
+ export * from './lib/menu/menu-trigger-for.directive';
18
+ export * from './lib/menu/testing/menu.harness';
19
+ export * from './lib/menu/divider.directive';
20
+ export * from './lib/menu/title.directive';
21
+ export * from './lib/menu/menu-touch-close.component';
22
+ export * from './lib/menu/menu-touch-title.component';
23
+ export * from './lib/icon/icon.module';
24
+ export * from './lib/icon/icon.component';
25
+ export * from './lib/toggle-switch/toggle-switch.module';
26
+ export * from './lib/toggle-switch/toggle-switch.component';
27
+ export * from './lib/radio-button/radio-button.module';
28
+ export * from './lib/radio-button/radio-button.component';
29
+ export * from './lib/radio-button/radio-group.component';
30
+ export * from './lib/checkbox/checkbox.module';
31
+ export * from './lib/checkbox/checkbox.component';
32
+ export * from './lib/checkbox/checkbox-group.component';
33
+ export * from './lib/button/button.module';
34
+ export * from './lib/button/button.component';
35
+ export * from './lib/input-field/input-field.module';
36
+ export * from './lib/input-field/input-field.component';
37
+ export * from './lib/chips/chips.module';
38
+ export * from './lib/chips/chip-list.component';
39
+ export * from './lib/chips/chip.component';
40
+ export * from './lib/chips/chip-input';
41
+ export * from './lib/label/label.module';
42
+ export * from './lib/label/label.component';
43
+ export * from './lib/contacts/contacts.module';
44
+ export * from './lib/contacts/contacts.component';
45
+ export * from './lib/contacts/contacts-types/contacts.component.public-types';
46
+ export * from './lib/contacts/contacts-profile/contacts-profile.component';
47
+ export * from './lib/contacts/contact-item/contact-item.component';
48
+ export * from './lib/contacts/contact-item-default-status/contact-item-default-status.component';
49
+ export * from './lib/contacts/contact-item-title/contact-item-title.component';
50
+ export * from './lib/contacts/contacts-trigger/contacts-trigger-for.directive';
51
+ export * from './lib/contacts/custom-status.directive';
52
+ export * from './lib/contacts/custom-profile.directive';
53
+ export * from './lib/contacts/contacts-types/contacts.component.public-types';
54
+ export * from './lib/avatar/avatar.module';
55
+ export * from './lib/avatar/avatar.component';
56
+ export * from './lib/avatar/avatar-default-status/avatar-default-status.component';
57
+ export * from './lib/avatar/custom-avatar-status.directive';
58
+ export * from './lib/avatar/empty-avatar/empty-avatar.component';
59
+ export * from './lib/avatar/avatar.component.public-types';
60
+ export * from './lib/progress-bar/progress-bar.module';
61
+ export * from './lib/progress-bar/progress-bar.component';
62
+ export * from './lib/progress-bar/progress-bar.model';
63
+ // Temporary
64
+ export * from './lib/core/client-environment';
65
+ export * from './lib/core/core.module';
66
+ export * from './lib/core/devices/client-output-touch.directive';
67
+ export * from './lib/core/devices/client-output-desktop.directive';
68
+ export * from './lib/core/devices/client-input-touch.directive';
69
+ export * from './lib/core/devices/client-input-desktop.directive';
70
+ export * from './lib/core/common-behaviors/disabled';
71
+ export * from './lib/core/hide-on-overflow.directive';
72
+ export * from './lib/core/pipes/pure-pipes.module';
73
+ export * from './lib/core/pipes/title.pipe';
74
+ export * from './lib/core/types';
75
+ export * from './lib/card-list/card-list.module';
76
+ export * from './lib/card-list/card-list.component';
77
+ export * from './lib/card-list/card/card.component';
78
+ export * from './lib/card-list/card/card-content/card-content.component';
79
+ export * from './lib/card-list/card/card-content/card-actions.component';
80
+ export * from './lib/card-list/card/card-content/card-body.component';
81
+ export * from './lib/card-list/card/card-content/card-header.component';
82
+ export * from './lib/card-list/card/card-avatar.component';
83
+ export * from './lib/card-list/card/card-content/card-header-title.component';
84
+ export * from './lib/card-list/card/card-content/card-header-subtitle.component';
85
+ export * from './lib/card-list/card/card-content/card-footer.component';
86
+ export * from './lib/collapsible-group/collapsible-group.module';
87
+ export * from './lib/collapsible-group/collapsible-group.component';
88
+ export * from './lib/collapsible-group/collapsible-group-body.directive';
89
+ export * from './lib/collapsible-group/collapsible-group-header.directive';
90
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxnREFBZ0QsQ0FBQztBQUUvRCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUNBQW1DLENBQUM7QUFFbEQsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBRXRELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNkNBQTZDLENBQUM7QUFFNUQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDJDQUEyQyxDQUFDO0FBRTFELGNBQWMsMENBQTBDLENBQUM7QUFFekQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG1DQUFtQyxDQUFDO0FBRWxELGNBQWMseUNBQXlDLENBQUM7QUFFeEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBRTlDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyxrRkFBa0YsQ0FBQztBQUNqRyxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsK0RBQStELENBQUM7QUFFOUUsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsb0VBQW9FLENBQUM7QUFDbkYsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsNENBQTRDLENBQUM7QUFFM0QsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsdUNBQXVDLENBQUM7QUFFdEQsWUFBWTtBQUNaLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx1Q0FBdUMsQ0FBQztBQUV0RCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxrQkFBa0IsQ0FBQztBQUVqQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMseURBQXlELENBQUM7QUFFeEUsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyw0REFBNEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdWlcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC9ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9ncmlkL2dyaWQuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UvYmFkZ2UubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYWRnZS90ZXN0aW5nL2JhZGdlLmhhcm5lc3MnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUvbWVudS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS9tZW51LWRlc2t0b3AtYW5pbWF0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUtdG91Y2gtYW5pbWF0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS9tZW51LXRyaWdnZXItZm9yLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L3Rlc3RpbmcvbWVudS5oYXJuZXNzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUvZGl2aWRlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS90aXRsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS9tZW51LXRvdWNoLWNsb3NlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tZW51L21lbnUtdG91Y2gtdGl0bGUuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi9pY29uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9nZ2xlLXN3aXRjaC90b2dnbGUtc3dpdGNoLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUtc3dpdGNoL3RvZ2dsZS1zd2l0Y2guY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby1idXR0b24vcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LWdyb3VwLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtZmllbGQvaW5wdXQtZmllbGQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LWZpZWxkL2lucHV0LWZpZWxkLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXBzL2NoaXBzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwcy9jaGlwLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXBzL2NoaXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXBzL2NoaXAtaW5wdXQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sYWJlbC9sYWJlbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGFiZWwvbGFiZWwuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY29udGFjdHMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRhY3RzL2NvbnRhY3RzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250YWN0cy9jb250YWN0cy10eXBlcy9jb250YWN0cy5jb21wb25lbnQucHVibGljLXR5cGVzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRhY3RzL2NvbnRhY3RzLXByb2ZpbGUvY29udGFjdHMtcHJvZmlsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY29udGFjdC1pdGVtL2NvbnRhY3QtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY29udGFjdC1pdGVtLWRlZmF1bHQtc3RhdHVzL2NvbnRhY3QtaXRlbS1kZWZhdWx0LXN0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY29udGFjdC1pdGVtLXRpdGxlL2NvbnRhY3QtaXRlbS10aXRsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY29udGFjdHMtdHJpZ2dlci9jb250YWN0cy10cmlnZ2VyLWZvci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY3VzdG9tLXN0YXR1cy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFjdHMvY3VzdG9tLXByb2ZpbGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRhY3RzL2NvbnRhY3RzLXR5cGVzL2NvbnRhY3RzLmNvbXBvbmVudC5wdWJsaWMtdHlwZXMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXIvYXZhdGFyLWRlZmF1bHQtc3RhdHVzL2F2YXRhci1kZWZhdWx0LXN0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXZhdGFyL2N1c3RvbS1hdmF0YXItc3RhdHVzLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXIvZW1wdHktYXZhdGFyL2VtcHR5LWF2YXRhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQucHVibGljLXR5cGVzJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5tb2RlbCc7XG5cbi8vIFRlbXBvcmFyeVxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9jbGllbnQtZW52aXJvbm1lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9jb3JlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb3JlL2RldmljZXMvY2xpZW50LW91dHB1dC10b3VjaC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9kZXZpY2VzL2NsaWVudC1vdXRwdXQtZGVza3RvcC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9kZXZpY2VzL2NsaWVudC1pbnB1dC10b3VjaC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9kZXZpY2VzL2NsaWVudC1pbnB1dC1kZXNrdG9wLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb3JlL2NvbW1vbi1iZWhhdmlvcnMvZGlzYWJsZWQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9oaWRlLW9uLW92ZXJmbG93LmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvcGlwZXMvcHVyZS1waXBlcy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9waXBlcy90aXRsZS5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvdHlwZXMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC1saXN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC9jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC9jYXJkLWNvbnRlbnQvY2FyZC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC9jYXJkLWNvbnRlbnQvY2FyZC1hY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC9jYXJkLWNvbnRlbnQvY2FyZC1ib2R5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC9jYXJkLWNvbnRlbnQvY2FyZC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC9jYXJkL2NhcmQtYXZhdGFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QvY2FyZC9jYXJkLWNvbnRlbnQvY2FyZC1oZWFkZXItdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC9jYXJkL2NhcmQtY29udGVudC9jYXJkLWhlYWRlci1zdWJ0aXRsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0L2NhcmQvY2FyZC1jb250ZW50L2NhcmQtZm9vdGVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbGxhcHNpYmxlLWdyb3VwL2NvbGxhcHNpYmxlLWdyb3VwLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb2xsYXBzaWJsZS1ncm91cC9jb2xsYXBzaWJsZS1ncm91cC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29sbGFwc2libGUtZ3JvdXAvY29sbGFwc2libGUtZ3JvdXAtYm9keS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29sbGFwc2libGUtZ3JvdXAvY29sbGFwc2libGUtZ3JvdXAtaGVhZGVyLmRpcmVjdGl2ZSc7XG4iXX0=
@@ -0,0 +1,44 @@
1
+ import { Component, ChangeDetectionStrategy, ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class GraniteArrangeGridItemComponent {
4
+ constructor(element) {
5
+ this.element = element;
6
+ /**
7
+ * Column span to render.
8
+ * For use in template only. Do not use outside of this component.
9
+ * @ignore
10
+ */
11
+ this._columnSpan = null;
12
+ /* no-op */
13
+ }
14
+ /**
15
+ * Number of cells the item would span. Used by arrange grid in column
16
+ * orientation to fill any unused space caused by wrapped items.
17
+ */
18
+ set columnSpan(value) {
19
+ this._columnSpan = value;
20
+ this.updateStyles();
21
+ }
22
+ /**
23
+ * Update element styles
24
+ */
25
+ updateStyles() {
26
+ this.setCssProperty('--column-span', this._columnSpan ? this._columnSpan.toString() : null);
27
+ }
28
+ /**
29
+ * Set CSS variable value or remove it if a null value is given.
30
+ * Would of course rather have used property binding but that is not
31
+ * supported until (perhaps) Angular 9.
32
+ * See: https://github.com/angular/angular/issues/9343
33
+ */
34
+ setCssProperty(variable, value) {
35
+ this.element.nativeElement.style.setProperty(variable, value);
36
+ }
37
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
38
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteArrangeGridItemComponent, selector: "granite-arrange-grid-item", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--column-span: $default-column-span;display:grid;grid-column:span var(--column-span, 1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
39
+ }
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridItemComponent, decorators: [{
41
+ type: Component,
42
+ args: [{ selector: 'granite-arrange-grid-item', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--column-span: $default-column-span;display:grid;grid-column:span var(--column-span, 1)}\n"] }]
43
+ }], ctorParameters: () => [{ type: i0.ElementRef }] });
44
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9hcnJhbmdlLWdyaWQvYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVEvRSxNQUFNLE9BQU8sK0JBQStCO0lBUTFDLFlBQW9CLE9BQWdDO1FBQWhDLFlBQU8sR0FBUCxPQUFPLENBQXlCO1FBUHBEOzs7O1dBSUc7UUFDSCxnQkFBVyxHQUFrQixJQUFJLENBQUM7UUFHaEMsV0FBVztJQUNiLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFJLFVBQVUsQ0FBQyxLQUFvQjtRQUNqQyxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNWLElBQUksQ0FBQyxjQUFjLENBQ2pCLGVBQWUsRUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ3RELENBQUM7SUFDSixDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDTyxjQUFjLENBQUMsUUFBZ0IsRUFBRSxLQUFvQjtRQUM3RCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNoRSxDQUFDOytHQXZDVSwrQkFBK0I7bUdBQS9CLCtCQUErQixpRUFKaEMsMkJBQTJCOzs0RkFJMUIsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLDJCQUEyQixZQUMzQiwyQkFBMkIsbUJBRXBCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYW5pdGUtYXJyYW5nZS1ncmlkLWl0ZW0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVBcnJhbmdlR3JpZEl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogQ29sdW1uIHNwYW4gdG8gcmVuZGVyLlxuICAgKiBGb3IgdXNlIGluIHRlbXBsYXRlIG9ubHkuIERvIG5vdCB1c2Ugb3V0c2lkZSBvZiB0aGlzIGNvbXBvbmVudC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgX2NvbHVtblNwYW46IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgICAvKiBuby1vcCAqL1xuICB9XG5cbiAgLyoqXG4gICAqIE51bWJlciBvZiBjZWxscyB0aGUgaXRlbSB3b3VsZCBzcGFuLiBVc2VkIGJ5IGFycmFuZ2UgZ3JpZCBpbiBjb2x1bW5cbiAgICogb3JpZW50YXRpb24gdG8gZmlsbCBhbnkgdW51c2VkIHNwYWNlIGNhdXNlZCBieSB3cmFwcGVkIGl0ZW1zLlxuICAgKi9cbiAgc2V0IGNvbHVtblNwYW4odmFsdWU6IG51bWJlciB8IG51bGwpIHtcbiAgICB0aGlzLl9jb2x1bW5TcGFuID0gdmFsdWU7XG4gICAgdGhpcy51cGRhdGVTdHlsZXMoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZWxlbWVudCBzdHlsZXNcbiAgICovXG4gIHVwZGF0ZVN0eWxlcygpOiB2b2lkIHtcbiAgICB0aGlzLnNldENzc1Byb3BlcnR5KFxuICAgICAgJy0tY29sdW1uLXNwYW4nLFxuICAgICAgdGhpcy5fY29sdW1uU3BhbiA/IHRoaXMuX2NvbHVtblNwYW4udG9TdHJpbmcoKSA6IG51bGxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldCBDU1MgdmFyaWFibGUgdmFsdWUgb3IgcmVtb3ZlIGl0IGlmIGEgbnVsbCB2YWx1ZSBpcyBnaXZlbi5cbiAgICogV291bGQgb2YgY291cnNlIHJhdGhlciBoYXZlIHVzZWQgcHJvcGVydHkgYmluZGluZyBidXQgdGhhdCBpcyBub3RcbiAgICogc3VwcG9ydGVkIHVudGlsIChwZXJoYXBzKSBBbmd1bGFyIDkuXG4gICAqIFNlZTogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvYW5ndWxhci9pc3N1ZXMvOTM0M1xuICAgKi9cbiAgcHJvdGVjdGVkIHNldENzc1Byb3BlcnR5KHZhcmlhYmxlOiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkodmFyaWFibGUsIHZhbHVlKTtcbiAgfVxufVxuIl19
@@ -0,0 +1,125 @@
1
+ import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostBinding, Input, QueryList, } from '@angular/core';
2
+ import { coerceNumberProperty } from '@angular/cdk/coercion';
3
+ import { Subject } from 'rxjs';
4
+ import { takeUntil } from 'rxjs/operators';
5
+ import { GraniteArrangeGridItemComponent } from './arrange-grid-item.component';
6
+ import * as i0 from "@angular/core";
7
+ export var GraniteArrangeGridOrientation;
8
+ (function (GraniteArrangeGridOrientation) {
9
+ GraniteArrangeGridOrientation["columns"] = "columns";
10
+ GraniteArrangeGridOrientation["rows"] = "rows";
11
+ })(GraniteArrangeGridOrientation || (GraniteArrangeGridOrientation = {}));
12
+ export class GraniteArrangeGridComponent {
13
+ /** Default number of columns to use in column orientation */
14
+ static { this.defaultCols = 2; }
15
+ /**
16
+ * Number of grid columns to use when orientation is set to `column`. The
17
+ * default is two columns.
18
+ */
19
+ set cols(value) {
20
+ this._cols = Math.max(1, Math.round(coerceNumberProperty(value)));
21
+ }
22
+ get cols() {
23
+ return this._cols;
24
+ }
25
+ set rows(value) {
26
+ // Prevent pointless usage
27
+ throw Error('Explicitly setting rows value for arrange grid is unsupported');
28
+ }
29
+ get rows() {
30
+ return this._rows;
31
+ }
32
+ constructor(element) {
33
+ this.element = element;
34
+ /** How to present grid items; `columns` (default) or `rows` */
35
+ this.orientation = GraniteArrangeGridOrientation.columns;
36
+ /** Exposes column orientation to template */
37
+ this.classColumnOrientation = false;
38
+ /** Exposes row orientation to template */
39
+ this.classRowOrientation = false;
40
+ /** Number of columns to render */
41
+ this._cols = GraniteArrangeGridComponent.defaultCols;
42
+ /** Nexted on component destruction to complete other observables. */
43
+ this.destroy$ = new Subject();
44
+ /* no-op */
45
+ }
46
+ ngAfterContentInit() {
47
+ // Update style whenever grid item components change in content
48
+ this.arrangeGridItemComponents.changes
49
+ .pipe(takeUntil(this.destroy$))
50
+ .subscribe(() => this.updateStyles());
51
+ this.updateStyles();
52
+ }
53
+ ngOnChanges(changes) {
54
+ if ((changes.orientation && !changes.orientation.isFirstChange()) ||
55
+ (changes.cols && !changes.cols.isFirstChange())) {
56
+ this.updateStyles();
57
+ }
58
+ }
59
+ ngOnDestroy() {
60
+ this.destroy$.next();
61
+ }
62
+ /**
63
+ * Update grid row template style.
64
+ *
65
+ * Use content height of all but last row and let the last grow
66
+ * to take up any remaining space.
67
+ */
68
+ updateStyles() {
69
+ const children = (this.arrangeGridItemComponents || []).length;
70
+ if (this.orientation === GraniteArrangeGridOrientation.columns) {
71
+ // If too many items was placed into too few colums, there would
72
+ // be some wrapping. Take that into account when calculating the
73
+ // number of rows.
74
+ this._rows = Math.trunc((children - 1) / (this._cols || 1)) + 1;
75
+ this.classColumnOrientation = true;
76
+ this.classRowOrientation = false;
77
+ if (children > 0) {
78
+ // Fill any unused space caused by wrapped items by making the
79
+ // last item also span over remaining cells.
80
+ this.arrangeGridItemComponents.forEach((c) => (c.columnSpan = null));
81
+ this.arrangeGridItemComponents.last.columnSpan =
82
+ this._rows * this._cols - children + 1;
83
+ }
84
+ }
85
+ else {
86
+ this._cols = 1; // In row orientation, there is just a single column
87
+ this._rows = children;
88
+ this.classColumnOrientation = false;
89
+ this.classRowOrientation = true;
90
+ }
91
+ this.setCssProperty('--cols', this._cols.toString());
92
+ this.setCssProperty('--rows', this._rows.toString());
93
+ }
94
+ /**
95
+ * Set CSS variable value or remove it if a null value is given.
96
+ * Would of course rather have used property binding but that is not
97
+ * supported until (perhaps) Angular 9.
98
+ * See: https://github.com/angular/angular/issues/9343
99
+ *
100
+ * TODO: Replace with property binding with Angular 9 upgrade
101
+ */
102
+ setCssProperty(variable, value) {
103
+ this.element.nativeElement.style.setProperty(variable, value);
104
+ }
105
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
106
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteArrangeGridComponent, selector: "granite-arrange-grid", inputs: { orientation: "orientation", cols: "cols" }, host: { properties: { "class.column-orientation": "this.classColumnOrientation", "class.row-orientation": "this.classRowOrientation" } }, queries: [{ propertyName: "arrangeGridItemComponents", predicate: GraniteArrangeGridItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"granite-arrange-grid-item\"></ng-content>\n", styles: ["@media only screen and (min-width: 960px){:host{--cols: 1;--rows: 1;display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);gap:var(--granite-spacing-8)}:host.row-orientation{grid-template-columns:auto;grid-template-rows:repeat(calc(var(--rows, 1) - 1),max-content)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
107
+ }
108
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridComponent, decorators: [{
109
+ type: Component,
110
+ args: [{ selector: 'granite-arrange-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"granite-arrange-grid-item\"></ng-content>\n", styles: ["@media only screen and (min-width: 960px){:host{--cols: 1;--rows: 1;display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);gap:var(--granite-spacing-8)}:host.row-orientation{grid-template-columns:auto;grid-template-rows:repeat(calc(var(--rows, 1) - 1),max-content)}}\n"] }]
111
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { orientation: [{
112
+ type: Input
113
+ }], classColumnOrientation: [{
114
+ type: HostBinding,
115
+ args: ['class.column-orientation']
116
+ }], classRowOrientation: [{
117
+ type: HostBinding,
118
+ args: ['class.row-orientation']
119
+ }], arrangeGridItemComponents: [{
120
+ type: ContentChildren,
121
+ args: [GraniteArrangeGridItemComponent]
122
+ }], cols: [{
123
+ type: Input
124
+ }] } });
125
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYW5nZS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXJyYW5nZS1ncmlkL2FycmFuZ2UtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL2FycmFuZ2UtZ3JpZC9hcnJhbmdlLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUdMLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFFaEYsTUFBTSxDQUFOLElBQVksNkJBR1g7QUFIRCxXQUFZLDZCQUE2QjtJQUN2QyxvREFBbUIsQ0FBQTtJQUNuQiw4Q0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLDZCQUE2QixLQUE3Qiw2QkFBNkIsUUFHeEM7QUFRRCxNQUFNLE9BQU8sMkJBQTJCO0lBbUJ0Qyw2REFBNkQ7YUFDN0MsZ0JBQVcsR0FBVyxDQUFDLEFBQVosQ0FBYTtJQUV4Qzs7O09BR0c7SUFDSCxJQUNJLElBQUksQ0FBQyxLQUFhO1FBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBV0QsSUFBSSxJQUFJLENBQUMsS0FBYTtRQUNwQiwwQkFBMEI7UUFDMUIsTUFBTSxLQUFLLENBQ1QsK0RBQStELENBQ2hFLENBQUM7SUFDSixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFLRCxZQUFvQixPQUFnQztRQUFoQyxZQUFPLEdBQVAsT0FBTyxDQUF5QjtRQXZEcEQsK0RBQStEO1FBRS9ELGdCQUFXLEdBQ1QsNkJBQTZCLENBQUMsT0FBTyxDQUFDO1FBRXhDLDZDQUE2QztRQUU3QywyQkFBc0IsR0FBRyxLQUFLLENBQUM7UUFFL0IsMENBQTBDO1FBRTFDLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQXFCNUIsa0NBQWtDO1FBQ3hCLFVBQUssR0FBVywyQkFBMkIsQ0FBQyxXQUFXLENBQUM7UUFtQmxFLHFFQUFxRTtRQUM3RCxhQUFRLEdBQWtCLElBQUksT0FBTyxFQUFFLENBQUM7UUFHOUMsV0FBVztJQUNiLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsK0RBQStEO1FBQy9ELElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxPQUFPO2FBQ25DLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztRQUV4QyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUNFLENBQUMsT0FBTyxDQUFDLFdBQVcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDN0QsQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxFQUMvQyxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsWUFBWTtRQUNWLE1BQU0sUUFBUSxHQUFXLENBQUMsSUFBSSxDQUFDLHlCQUF5QixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUV2RSxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssNkJBQTZCLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDL0QsZ0VBQWdFO1lBQ2hFLGdFQUFnRTtZQUNoRSxrQkFBa0I7WUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNoRSxJQUFJLENBQUMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDO1lBQ25DLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7WUFFakMsSUFBSSxRQUFRLEdBQUcsQ0FBQyxFQUFFLENBQUM7Z0JBQ2pCLDhEQUE4RDtnQkFDOUQsNENBQTRDO2dCQUM1QyxJQUFJLENBQUMseUJBQXlCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQztnQkFDckUsSUFBSSxDQUFDLHlCQUF5QixDQUFDLElBQUksQ0FBQyxVQUFVO29CQUM1QyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxHQUFHLENBQUMsQ0FBQztZQUMzQyxDQUFDO1FBQ0gsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLG9EQUFvRDtZQUNwRSxJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztZQUN0QixJQUFJLENBQUMsc0JBQXNCLEdBQUcsS0FBSyxDQUFDO1lBQ3BDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUM7UUFDbEMsQ0FBQztRQUVELElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVEOzs7Ozs7O09BT0c7SUFDTyxjQUFjLENBQUMsUUFBZ0IsRUFBRSxLQUFvQjtRQUM3RCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNoRSxDQUFDOytHQWpJVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixzU0FnQnJCLCtCQUErQixrRENoRGxELGtFQUNBOzs0RkQrQmEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNOytFQU8vQyxXQUFXO3NCQURWLEtBQUs7Z0JBTU4sc0JBQXNCO3NCQURyQixXQUFXO3VCQUFDLDBCQUEwQjtnQkFLdkMsbUJBQW1CO3NCQURsQixXQUFXO3VCQUFDLHVCQUF1QjtnQkFJcEMseUJBQXlCO3NCQUR4QixlQUFlO3VCQUFDLCtCQUErQjtnQkFXNUMsSUFBSTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBjb2VyY2VOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgR3Jhbml0ZUFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYXJyYW5nZS1ncmlkLWl0ZW0uY29tcG9uZW50JztcblxuZXhwb3J0IGVudW0gR3Jhbml0ZUFycmFuZ2VHcmlkT3JpZW50YXRpb24ge1xuICBjb2x1bW5zID0gJ2NvbHVtbnMnLFxuICByb3dzID0gJ3Jvd3MnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmFuaXRlLWFycmFuZ2UtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnYXJyYW5nZS1ncmlkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2FycmFuZ2UtZ3JpZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUFycmFuZ2VHcmlkQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3lcbntcbiAgLyoqIEhvdyB0byBwcmVzZW50IGdyaWQgaXRlbXM7IGBjb2x1bW5zYCAoZGVmYXVsdCkgb3IgYHJvd3NgICovXG4gIEBJbnB1dCgpXG4gIG9yaWVudGF0aW9uOiBHcmFuaXRlQXJyYW5nZUdyaWRPcmllbnRhdGlvbiA9XG4gICAgR3Jhbml0ZUFycmFuZ2VHcmlkT3JpZW50YXRpb24uY29sdW1ucztcblxuICAvKiogRXhwb3NlcyBjb2x1bW4gb3JpZW50YXRpb24gdG8gdGVtcGxhdGUgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb2x1bW4tb3JpZW50YXRpb24nKVxuICBjbGFzc0NvbHVtbk9yaWVudGF0aW9uID0gZmFsc2U7XG5cbiAgLyoqIEV4cG9zZXMgcm93IG9yaWVudGF0aW9uIHRvIHRlbXBsYXRlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm93LW9yaWVudGF0aW9uJylcbiAgY2xhc3NSb3dPcmllbnRhdGlvbiA9IGZhbHNlO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oR3Jhbml0ZUFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudClcbiAgYXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50czogUXVlcnlMaXN0PEdyYW5pdGVBcnJhbmdlR3JpZEl0ZW1Db21wb25lbnQ+O1xuXG4gIC8qKiBEZWZhdWx0IG51bWJlciBvZiBjb2x1bW5zIHRvIHVzZSBpbiBjb2x1bW4gb3JpZW50YXRpb24gKi9cbiAgc3RhdGljIHJlYWRvbmx5IGRlZmF1bHRDb2xzOiBudW1iZXIgPSAyO1xuXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgZ3JpZCBjb2x1bW5zIHRvIHVzZSB3aGVuIG9yaWVudGF0aW9uIGlzIHNldCB0byBgY29sdW1uYC4gVGhlXG4gICAqIGRlZmF1bHQgaXMgdHdvIGNvbHVtbnMuXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgY29scyh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5fY29scyA9IE1hdGgubWF4KDEsIE1hdGgucm91bmQoY29lcmNlTnVtYmVyUHJvcGVydHkodmFsdWUpKSk7XG4gIH1cblxuICBnZXQgY29scygpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9jb2xzO1xuICB9XG5cbiAgLyoqIE51bWJlciBvZiBjb2x1bW5zIHRvIHJlbmRlciAqL1xuICBwcm90ZWN0ZWQgX2NvbHM6IG51bWJlciA9IEdyYW5pdGVBcnJhbmdlR3JpZENvbXBvbmVudC5kZWZhdWx0Q29scztcblxuICAvKipcbiAgICogTnVtYmVyIG9mIHJvd3MgdG8gcmVuZGVyLiBXaWxsIGJlIHNldCBpbnRlcm5hbGx5IHRha2luZyBjb2x1bW4gY291bnQsXG4gICAqIHRoZSBudW1iZXIgb2YgaXRlbXMgYW5kIGFueSBjZWxsIHdyYXBwaW5nIGludG8gY29uc2lkZXJhdGlvbi5cbiAgICovXG4gIHByb3RlY3RlZCBfcm93czogbnVtYmVyO1xuXG4gIHNldCByb3dzKHZhbHVlOiBudW1iZXIpIHtcbiAgICAvLyBQcmV2ZW50IHBvaW50bGVzcyB1c2FnZVxuICAgIHRocm93IEVycm9yKFxuICAgICAgJ0V4cGxpY2l0bHkgc2V0dGluZyByb3dzIHZhbHVlIGZvciBhcnJhbmdlIGdyaWQgaXMgdW5zdXBwb3J0ZWQnXG4gICAgKTtcbiAgfVxuXG4gIGdldCByb3dzKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3Jvd3M7XG4gIH1cblxuICAvKiogTmV4dGVkIG9uIGNvbXBvbmVudCBkZXN0cnVjdGlvbiB0byBjb21wbGV0ZSBvdGhlciBvYnNlcnZhYmxlcy4gKi9cbiAgcHJpdmF0ZSBkZXN0cm95JDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge1xuICAgIC8qIG5vLW9wICovXG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgLy8gVXBkYXRlIHN0eWxlIHdoZW5ldmVyIGdyaWQgaXRlbSBjb21wb25lbnRzIGNoYW5nZSBpbiBjb250ZW50XG4gICAgdGhpcy5hcnJhbmdlR3JpZEl0ZW1Db21wb25lbnRzLmNoYW5nZXNcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy51cGRhdGVTdHlsZXMoKSk7XG5cbiAgICB0aGlzLnVwZGF0ZVN0eWxlcygpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgIChjaGFuZ2VzLm9yaWVudGF0aW9uICYmICFjaGFuZ2VzLm9yaWVudGF0aW9uLmlzRmlyc3RDaGFuZ2UoKSkgfHxcbiAgICAgIChjaGFuZ2VzLmNvbHMgJiYgIWNoYW5nZXMuY29scy5pc0ZpcnN0Q2hhbmdlKCkpXG4gICAgKSB7XG4gICAgICB0aGlzLnVwZGF0ZVN0eWxlcygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBncmlkIHJvdyB0ZW1wbGF0ZSBzdHlsZS5cbiAgICpcbiAgICogVXNlIGNvbnRlbnQgaGVpZ2h0IG9mIGFsbCBidXQgbGFzdCByb3cgYW5kIGxldCB0aGUgbGFzdCBncm93XG4gICAqIHRvIHRha2UgdXAgYW55IHJlbWFpbmluZyBzcGFjZS5cbiAgICovXG4gIHVwZGF0ZVN0eWxlcygpOiB2b2lkIHtcbiAgICBjb25zdCBjaGlsZHJlbjogbnVtYmVyID0gKHRoaXMuYXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50cyB8fCBbXSkubGVuZ3RoO1xuXG4gICAgaWYgKHRoaXMub3JpZW50YXRpb24gPT09IEdyYW5pdGVBcnJhbmdlR3JpZE9yaWVudGF0aW9uLmNvbHVtbnMpIHtcbiAgICAgIC8vIElmIHRvbyBtYW55IGl0ZW1zIHdhcyBwbGFjZWQgaW50byB0b28gZmV3IGNvbHVtcywgdGhlcmUgd291bGRcbiAgICAgIC8vIGJlIHNvbWUgd3JhcHBpbmcuIFRha2UgdGhhdCBpbnRvIGFjY291bnQgd2hlbiBjYWxjdWxhdGluZyB0aGVcbiAgICAgIC8vIG51bWJlciBvZiByb3dzLlxuICAgICAgdGhpcy5fcm93cyA9IE1hdGgudHJ1bmMoKGNoaWxkcmVuIC0gMSkgLyAodGhpcy5fY29scyB8fCAxKSkgKyAxO1xuICAgICAgdGhpcy5jbGFzc0NvbHVtbk9yaWVudGF0aW9uID0gdHJ1ZTtcbiAgICAgIHRoaXMuY2xhc3NSb3dPcmllbnRhdGlvbiA9IGZhbHNlO1xuXG4gICAgICBpZiAoY2hpbGRyZW4gPiAwKSB7XG4gICAgICAgIC8vIEZpbGwgYW55IHVudXNlZCBzcGFjZSBjYXVzZWQgYnkgd3JhcHBlZCBpdGVtcyBieSBtYWtpbmcgdGhlXG4gICAgICAgIC8vIGxhc3QgaXRlbSBhbHNvIHNwYW4gb3ZlciByZW1haW5pbmcgY2VsbHMuXG4gICAgICAgIHRoaXMuYXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50cy5mb3JFYWNoKChjKSA9PiAoYy5jb2x1bW5TcGFuID0gbnVsbCkpO1xuICAgICAgICB0aGlzLmFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudHMubGFzdC5jb2x1bW5TcGFuID1cbiAgICAgICAgICB0aGlzLl9yb3dzICogdGhpcy5fY29scyAtIGNoaWxkcmVuICsgMTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY29scyA9IDE7IC8vIEluIHJvdyBvcmllbnRhdGlvbiwgdGhlcmUgaXMganVzdCBhIHNpbmdsZSBjb2x1bW5cbiAgICAgIHRoaXMuX3Jvd3MgPSBjaGlsZHJlbjtcbiAgICAgIHRoaXMuY2xhc3NDb2x1bW5PcmllbnRhdGlvbiA9IGZhbHNlO1xuICAgICAgdGhpcy5jbGFzc1Jvd09yaWVudGF0aW9uID0gdHJ1ZTtcbiAgICB9XG5cbiAgICB0aGlzLnNldENzc1Byb3BlcnR5KCctLWNvbHMnLCB0aGlzLl9jb2xzLnRvU3RyaW5nKCkpO1xuICAgIHRoaXMuc2V0Q3NzUHJvcGVydHkoJy0tcm93cycsIHRoaXMuX3Jvd3MudG9TdHJpbmcoKSk7XG4gIH1cblxuICAvKipcbiAgICogU2V0IENTUyB2YXJpYWJsZSB2YWx1ZSBvciByZW1vdmUgaXQgaWYgYSBudWxsIHZhbHVlIGlzIGdpdmVuLlxuICAgKiBXb3VsZCBvZiBjb3Vyc2UgcmF0aGVyIGhhdmUgdXNlZCBwcm9wZXJ0eSBiaW5kaW5nIGJ1dCB0aGF0IGlzIG5vdFxuICAgKiBzdXBwb3J0ZWQgdW50aWwgKHBlcmhhcHMpIEFuZ3VsYXIgOS5cbiAgICogU2VlOiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9hbmd1bGFyL2lzc3Vlcy85MzQzXG4gICAqXG4gICAqIFRPRE86IFJlcGxhY2Ugd2l0aCBwcm9wZXJ0eSBiaW5kaW5nIHdpdGggQW5ndWxhciA5IHVwZ3JhZGVcbiAgICovXG4gIHByb3RlY3RlZCBzZXRDc3NQcm9wZXJ0eSh2YXJpYWJsZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nIHwgbnVsbCk6IHZvaWQge1xuICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KHZhcmlhYmxlLCB2YWx1ZSk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImdyYW5pdGUtYXJyYW5nZS1ncmlkLWl0ZW1cIj48L25nLWNvbnRlbnQ+XG4iXX0=
@@ -0,0 +1,19 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { GraniteArrangeGridComponent } from './arrange-grid.component';
4
+ import { GraniteArrangeGridItemComponent } from './arrange-grid-item.component';
5
+ import * as i0 from "@angular/core";
6
+ export class GraniteArrangeGridModule {
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridModule, declarations: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent], imports: [CommonModule], exports: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent] }); }
9
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridModule, imports: [CommonModule] }); }
10
+ }
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteArrangeGridModule, decorators: [{
12
+ type: NgModule,
13
+ args: [{
14
+ declarations: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent],
15
+ imports: [CommonModule],
16
+ exports: [GraniteArrangeGridComponent, GraniteArrangeGridItemComponent],
17
+ }]
18
+ }] });
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYW5nZS1ncmlkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXJyYW5nZS1ncmlkL2FycmFuZ2UtZ3JpZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdkUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBT2hGLE1BQU0sT0FBTyx3QkFBd0I7K0dBQXhCLHdCQUF3QjtnSEFBeEIsd0JBQXdCLGlCQUpwQiwyQkFBMkIsRUFBRSwrQkFBK0IsYUFDakUsWUFBWSxhQUNaLDJCQUEyQixFQUFFLCtCQUErQjtnSEFFM0Qsd0JBQXdCLFlBSHpCLFlBQVk7OzRGQUdYLHdCQUF3QjtrQkFMcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsRUFBRSwrQkFBK0IsQ0FBQztvQkFDNUUsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQywyQkFBMkIsRUFBRSwrQkFBK0IsQ0FBQztpQkFDeEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgR3Jhbml0ZUFycmFuZ2VHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9hcnJhbmdlLWdyaWQuY29tcG9uZW50JztcbmltcG9ydCB7IEdyYW5pdGVBcnJhbmdlR3JpZEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2FycmFuZ2UtZ3JpZC1pdGVtLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0dyYW5pdGVBcnJhbmdlR3JpZENvbXBvbmVudCwgR3Jhbml0ZUFycmFuZ2VHcmlkSXRlbUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbR3Jhbml0ZUFycmFuZ2VHcmlkQ29tcG9uZW50LCBHcmFuaXRlQXJyYW5nZUdyaWRJdGVtQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUFycmFuZ2VHcmlkTW9kdWxlIHt9XG4iXX0=
@@ -0,0 +1,36 @@
1
+ import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
2
+ import { AVATAR_DEFAULT_STATUS, } from '../avatar.component.public-types';
3
+ import * as i0 from "@angular/core";
4
+ export class GraniteAvatarDefaultStatusComponent {
5
+ constructor() {
6
+ this.AVATAR_STATUS = AVATAR_DEFAULT_STATUS;
7
+ }
8
+ get statusClass() {
9
+ switch (this.status) {
10
+ case this.AVATAR_STATUS.AVAILABLE:
11
+ return 'available';
12
+ case this.AVATAR_STATUS.DO_NOT_DISTURB:
13
+ return 'do-not-disturb';
14
+ case this.AVATAR_STATUS.DISABLED: {
15
+ return 'disabled';
16
+ }
17
+ case this.AVATAR_STATUS.AWAY: {
18
+ return 'away';
19
+ }
20
+ }
21
+ }
22
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarDefaultStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteAvatarDefaultStatusComponent, selector: "granite-avatar-default-status", inputs: { status: "status" }, host: { properties: { "class": "this.statusClass" }, classAttribute: "granite-avatar-default-status" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:calc(var(--granite-size-base-rem)/2);height:calc(var(--granite-size-base-rem)/2);outline:var(--granite-border-width-focus) solid var(--granite-color-background);border-radius:100%}:host.available{background:var(--granite-color-signal-ok)}:host.do-not-disturb{background:var(--granite-color-signal-failure)}:host.disabled{background:var(--granite-color-signal-neutral)}:host.away{background:var(--granite-color-signal-warning)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
24
+ }
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarDefaultStatusComponent, decorators: [{
26
+ type: Component,
27
+ args: [{ selector: 'granite-avatar-default-status', host: {
28
+ class: 'granite-avatar-default-status',
29
+ }, template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:calc(var(--granite-size-base-rem)/2);height:calc(var(--granite-size-base-rem)/2);outline:var(--granite-border-width-focus) solid var(--granite-color-background);border-radius:100%}:host.available{background:var(--granite-color-signal-ok)}:host.do-not-disturb{background:var(--granite-color-signal-failure)}:host.disabled{background:var(--granite-color-signal-neutral)}:host.away{background:var(--granite-color-signal-warning)}\n"] }]
30
+ }], propDecorators: { status: [{
31
+ type: Input
32
+ }], statusClass: [{
33
+ type: HostBinding,
34
+ args: ['class']
35
+ }] } });
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWRlZmF1bHQtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci1kZWZhdWx0LXN0YXR1cy9hdmF0YXItZGVmYXVsdC1zdGF0dXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHFCQUFxQixHQUV0QixNQUFNLGtDQUFrQyxDQUFDOztBQWlCMUMsTUFBTSxPQUFPLG1DQUFtQztJQVRoRDtRQVlFLGtCQUFhLEdBQUcscUJBQXFCLENBQUM7S0FrQnZDO0lBaEJDLElBQTBCLFdBQVc7UUFDbkMsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDcEIsS0FBSyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVM7Z0JBQy9CLE9BQU8sV0FBVyxDQUFDO1lBRXJCLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxjQUFjO2dCQUNwQyxPQUFPLGdCQUFnQixDQUFDO1lBRTFCLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO2dCQUNqQyxPQUFPLFVBQVUsQ0FBQztZQUNwQixDQUFDO1lBQ0QsS0FBSyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7Z0JBQzdCLE9BQU8sTUFBTSxDQUFDO1lBQ2hCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzsrR0FwQlUsbUNBQW1DO21HQUFuQyxtQ0FBbUMsMk1BSnBDLEVBQUU7OzRGQUlELG1DQUFtQztrQkFUL0MsU0FBUzsrQkFDRSwrQkFBK0IsUUFDbkM7d0JBQ0osS0FBSyxFQUFFLCtCQUErQjtxQkFDdkMsWUFDUyxFQUFFLG1CQUVLLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSztnQkFJb0IsV0FBVztzQkFBcEMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFWQVRBUl9ERUZBVUxUX1NUQVRVUyxcbiAgQXZhdGFyRGVmYXVsdFN0YXR1c2VzLFxufSBmcm9tICcuLi9hdmF0YXIuY29tcG9uZW50LnB1YmxpYy10eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFN0YXR1c0NsYXNzZXMgPVxuICB8ICdhdmFpbGFibGUnXG4gIHwgJ2RvLW5vdC1kaXN0dXJiJ1xuICB8ICdkaXNhYmxlZCdcbiAgfCAnYXdheSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYW5pdGUtYXZhdGFyLWRlZmF1bHQtc3RhdHVzJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ3Jhbml0ZS1hdmF0YXItZGVmYXVsdC1zdGF0dXMnLFxuICB9LFxuICB0ZW1wbGF0ZTogJycsXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci1kZWZhdWx0LXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZUF2YXRhckRlZmF1bHRTdGF0dXNDb21wb25lbnQge1xuICBASW5wdXQoKSBzdGF0dXM6IEF2YXRhckRlZmF1bHRTdGF0dXNlcztcblxuICBBVkFUQVJfU1RBVFVTID0gQVZBVEFSX0RFRkFVTFRfU1RBVFVTO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgc3RhdHVzQ2xhc3MoKTogU3RhdHVzQ2xhc3NlcyB7XG4gICAgc3dpdGNoICh0aGlzLnN0YXR1cykge1xuICAgICAgY2FzZSB0aGlzLkFWQVRBUl9TVEFUVVMuQVZBSUxBQkxFOlxuICAgICAgICByZXR1cm4gJ2F2YWlsYWJsZSc7XG5cbiAgICAgIGNhc2UgdGhpcy5BVkFUQVJfU1RBVFVTLkRPX05PVF9ESVNUVVJCOlxuICAgICAgICByZXR1cm4gJ2RvLW5vdC1kaXN0dXJiJztcblxuICAgICAgY2FzZSB0aGlzLkFWQVRBUl9TVEFUVVMuRElTQUJMRUQ6IHtcbiAgICAgICAgcmV0dXJuICdkaXNhYmxlZCc7XG4gICAgICB9XG4gICAgICBjYXNlIHRoaXMuQVZBVEFSX1NUQVRVUy5BV0FZOiB7XG4gICAgICAgIHJldHVybiAnYXdheSc7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0=
@@ -0,0 +1,68 @@
1
+ import { ChangeDetectionStrategy, Component, Input, ContentChildren, QueryList, ChangeDetectorRef, } from '@angular/core';
2
+ import { ContactsTriggerDataComponent } from '../contacts/contacts-trigger/contacts-trigger-data';
3
+ import { GraniteCustomAvatarStatusDirective } from './custom-avatar-status.directive';
4
+ import { NamesUtilsService } from '../core/services/names-utils-service';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/common";
7
+ import * as i2 from "./avatar-default-status/avatar-default-status.component";
8
+ import * as i3 from "./empty-avatar/empty-avatar.component";
9
+ export class GraniteAvatarComponent extends ContactsTriggerDataComponent {
10
+ constructor(cd) {
11
+ super();
12
+ this.cd = cd;
13
+ this.ariaLabel = null;
14
+ this.avatarAriaLabel = '';
15
+ }
16
+ ngOnChanges(changes) {
17
+ if (changes.firstName ||
18
+ changes.lastName ||
19
+ changes.name ||
20
+ changes.ariaLabel) {
21
+ const nameData = NamesUtilsService.buildNameData({
22
+ firstName: changes.firstName?.currentValue,
23
+ lastName: changes.lastName?.currentValue,
24
+ name: changes.name?.currentValue,
25
+ });
26
+ this._nameInitials = nameData?.initials;
27
+ this.avatarAriaLabel =
28
+ changes.ariaLabel?.currentValue ??
29
+ `${nameData?.firstName ?? ''} ${nameData?.lastName ?? ''}`.trim();
30
+ this.cd.markForCheck();
31
+ }
32
+ }
33
+ ngAfterContentChecked() {
34
+ this._customStatusDirectives = this._customStatusesQueryList
35
+ .toArray()
36
+ .reduce((directives, next) => {
37
+ return {
38
+ ...directives,
39
+ [next.graniteCustomAvatarStatus]: next.templateRef,
40
+ };
41
+ }, {});
42
+ }
43
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
44
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: GraniteAvatarComponent, selector: "granite-avatar", inputs: { name: "name", firstName: "firstName", lastName: "lastName", avatar: "avatar", status: "status", ariaLabel: ["aria-label", "ariaLabel"] }, host: { classAttribute: "granite-avatar" }, queries: [{ propertyName: "_customStatusesQueryList", predicate: GraniteCustomAvatarStatusDirective }], exportAs: ["graniteAvatar"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<img\n data-fnd=\"profile-avatar\"\n *ngIf=\"avatar; else noProfileAvatar\"\n [src]=\"avatar\"\n alt=\"avatar\"\n class=\"profile-avatar profile-size\"\n [attr.aria-label]=\"avatarAriaLabel\"\n/>\n\n<ng-template #noProfileAvatar>\n <granite-empty-avatar\n class=\"profile-size\"\n [initials]=\"_nameInitials\"\n [aria-label]=\"avatarAriaLabel\"\n ></granite-empty-avatar>\n</ng-template>\n\n@if (status && _customStatusDirectives[status]) {\n <ng-container *ngTemplateOutlet=\"customStatus\"></ng-container>\n} @else if (status) {\n <ng-container *ngTemplateOutlet=\"defaultStatus\"></ng-container>\n}\n\n<ng-template #defaultStatus>\n <granite-avatar-default-status\n class=\"profile-default-status\"\n [attr.data-fnd]=\"status + '-status'\"\n [status]=\"status\"\n ></granite-avatar-default-status>\n</ng-template>\n\n<ng-template #customStatus>\n <div\n [attr.data-fnd]=\"'profile-status-custom'\"\n [class]=\"'profile-status-' + status\"\n class=\"profile-custom-status\"\n >\n <ng-container\n *ngTemplateOutlet=\"_customStatusDirectives[status]\"\n ></ng-container>\n </div>\n</ng-template>\n", styles: [":host .profile-default-status,:host .profile-custom-status{position:absolute;inset-inline-end:0;bottom:0}:host{display:block;position:relative;width:1.5rem;height:1.5rem;color:var(--granite-color-signal-info);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);object-fit:contain}:host .profile{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:var(--granite-spacing-8);gap:var(--granite-spacing-4)}:host .profile-avatar{width:inherit;height:inherit;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.GraniteAvatarDefaultStatusComponent, selector: "granite-avatar-default-status", inputs: ["status"] }, { kind: "component", type: i3.GraniteEmptyAvatarComponent, selector: "granite-empty-avatar", inputs: ["initials", "aria-label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
45
+ }
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarComponent, decorators: [{
47
+ type: Component,
48
+ args: [{ selector: 'granite-avatar', exportAs: 'graniteAvatar', host: {
49
+ class: 'granite-avatar',
50
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n data-fnd=\"profile-avatar\"\n *ngIf=\"avatar; else noProfileAvatar\"\n [src]=\"avatar\"\n alt=\"avatar\"\n class=\"profile-avatar profile-size\"\n [attr.aria-label]=\"avatarAriaLabel\"\n/>\n\n<ng-template #noProfileAvatar>\n <granite-empty-avatar\n class=\"profile-size\"\n [initials]=\"_nameInitials\"\n [aria-label]=\"avatarAriaLabel\"\n ></granite-empty-avatar>\n</ng-template>\n\n@if (status && _customStatusDirectives[status]) {\n <ng-container *ngTemplateOutlet=\"customStatus\"></ng-container>\n} @else if (status) {\n <ng-container *ngTemplateOutlet=\"defaultStatus\"></ng-container>\n}\n\n<ng-template #defaultStatus>\n <granite-avatar-default-status\n class=\"profile-default-status\"\n [attr.data-fnd]=\"status + '-status'\"\n [status]=\"status\"\n ></granite-avatar-default-status>\n</ng-template>\n\n<ng-template #customStatus>\n <div\n [attr.data-fnd]=\"'profile-status-custom'\"\n [class]=\"'profile-status-' + status\"\n class=\"profile-custom-status\"\n >\n <ng-container\n *ngTemplateOutlet=\"_customStatusDirectives[status]\"\n ></ng-container>\n </div>\n</ng-template>\n", styles: [":host .profile-default-status,:host .profile-custom-status{position:absolute;inset-inline-end:0;bottom:0}:host{display:block;position:relative;width:1.5rem;height:1.5rem;color:var(--granite-color-signal-info);font-size:var(--granite-font-size-body-small);font-weight:var(--granite-font-weight-regular);object-fit:contain}:host .profile{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:var(--granite-spacing-8);gap:var(--granite-spacing-4)}:host .profile-avatar{width:inherit;height:inherit;border-radius:50%}\n"] }]
51
+ }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { name: [{
52
+ type: Input
53
+ }], firstName: [{
54
+ type: Input
55
+ }], lastName: [{
56
+ type: Input
57
+ }], avatar: [{
58
+ type: Input
59
+ }], status: [{
60
+ type: Input
61
+ }], ariaLabel: [{
62
+ type: Input,
63
+ args: ['aria-label']
64
+ }], _customStatusesQueryList: [{
65
+ type: ContentChildren,
66
+ args: [GraniteCustomAvatarStatusDirective]
67
+ }] } });
68
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLGVBQWUsRUFDZixTQUFTLEVBR1QsaUJBQWlCLEdBR2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXRGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7OztBQVl6RSxNQUFNLE9BQU8sc0JBQ1gsU0FBUSw0QkFBNEI7SUFtQnBDLFlBQW9CLEVBQXFCO1FBQ3ZDLEtBQUssRUFBRSxDQUFDO1FBRFUsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFWekMsY0FBUyxHQUFrQixJQUFJLENBQUM7UUFRaEMsb0JBQWUsR0FBVyxFQUFFLENBQUM7SUFJN0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUNFLE9BQU8sQ0FBQyxTQUFTO1lBQ2pCLE9BQU8sQ0FBQyxRQUFRO1lBQ2hCLE9BQU8sQ0FBQyxJQUFJO1lBQ1osT0FBTyxDQUFDLFNBQVMsRUFDakIsQ0FBQztZQUNELE1BQU0sUUFBUSxHQUFHLGlCQUFpQixDQUFDLGFBQWEsQ0FBQztnQkFDL0MsU0FBUyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUUsWUFBWTtnQkFDMUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRLEVBQUUsWUFBWTtnQkFDeEMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJLEVBQUUsWUFBWTthQUNqQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsYUFBYSxHQUFHLFFBQVEsRUFBRSxRQUFRLENBQUM7WUFFeEMsSUFBSSxDQUFDLGVBQWU7Z0JBQ2xCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsWUFBWTtvQkFDL0IsR0FBRyxRQUFRLEVBQUUsU0FBUyxJQUFJLEVBQUUsSUFBSSxRQUFRLEVBQUUsUUFBUSxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDO1lBRXBFLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDekIsQ0FBQztJQUNILENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyx3QkFBd0I7YUFDekQsT0FBTyxFQUFFO2FBQ1QsTUFBTSxDQUFDLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxFQUFFO1lBQzNCLE9BQU87Z0JBQ0wsR0FBRyxVQUFVO2dCQUNiLENBQUMsSUFBSSxDQUFDLHlCQUF5QixDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVc7YUFDbkQsQ0FBQztRQUNKLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNYLENBQUM7K0dBeERVLHNCQUFzQjttR0FBdEIsc0JBQXNCLCtSQVloQixrQ0FBa0Msc0dDdkNyRCxnb0NBMENBOzs0RkRmYSxzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBQ2hCLGVBQWUsUUFDbkI7d0JBQ0osS0FBSyxFQUFFLGdCQUFnQjtxQkFDeEIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07c0ZBTXRDLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFFTixTQUFTO3NCQURSLEtBQUs7dUJBQUMsWUFBWTtnQkFJbkIsd0JBQXdCO3NCQUR2QixlQUFlO3VCQUFDLGtDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgVGVtcGxhdGVSZWYsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBPbkNoYW5nZXMsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGFjdHNUcmlnZ2VyRGF0YUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbnRhY3RzL2NvbnRhY3RzLXRyaWdnZXIvY29udGFjdHMtdHJpZ2dlci1kYXRhJztcbmltcG9ydCB7IEdyYW5pdGVDdXN0b21BdmF0YXJTdGF0dXNEaXJlY3RpdmUgfSBmcm9tICcuL2N1c3RvbS1hdmF0YXItc3RhdHVzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBdmF0YXJEZWZhdWx0U3RhdHVzZXMgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQucHVibGljLXR5cGVzJztcbmltcG9ydCB7IE5hbWVzVXRpbHNTZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9zZXJ2aWNlcy9uYW1lcy11dGlscy1zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhbml0ZS1hdmF0YXInLFxuICBleHBvcnRBczogJ2dyYW5pdGVBdmF0YXInLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdncmFuaXRlLWF2YXRhcicsXG4gIH0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVBdmF0YXJDb21wb25lbnRcbiAgZXh0ZW5kcyBDb250YWN0c1RyaWdnZXJEYXRhQ29tcG9uZW50XG4gIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50Q2hlY2tlZCwgT25DaGFuZ2VzXG57XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgZmlyc3ROYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhc3ROYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGF2YXRhcjogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0dXM6IEF2YXRhckRlZmF1bHRTdGF0dXNlcztcbiAgQElucHV0KCdhcmlhLWxhYmVsJylcbiAgYXJpYUxhYmVsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBAQ29udGVudENoaWxkcmVuKEdyYW5pdGVDdXN0b21BdmF0YXJTdGF0dXNEaXJlY3RpdmUpXG4gIF9jdXN0b21TdGF0dXNlc1F1ZXJ5TGlzdDogUXVlcnlMaXN0PEdyYW5pdGVDdXN0b21BdmF0YXJTdGF0dXNEaXJlY3RpdmU+O1xuICBfY3VzdG9tU3RhdHVzRGlyZWN0aXZlczogUmVjb3JkPHN0cmluZywgVGVtcGxhdGVSZWY8dW5rbm93bj4+O1xuXG4gIF9uYW1lSW5pdGlhbHM6IHN0cmluZztcblxuICBhdmF0YXJBcmlhTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzLmZpcnN0TmFtZSB8fFxuICAgICAgY2hhbmdlcy5sYXN0TmFtZSB8fFxuICAgICAgY2hhbmdlcy5uYW1lIHx8XG4gICAgICBjaGFuZ2VzLmFyaWFMYWJlbFxuICAgICkge1xuICAgICAgY29uc3QgbmFtZURhdGEgPSBOYW1lc1V0aWxzU2VydmljZS5idWlsZE5hbWVEYXRhKHtcbiAgICAgICAgZmlyc3ROYW1lOiBjaGFuZ2VzLmZpcnN0TmFtZT8uY3VycmVudFZhbHVlLFxuICAgICAgICBsYXN0TmFtZTogY2hhbmdlcy5sYXN0TmFtZT8uY3VycmVudFZhbHVlLFxuICAgICAgICBuYW1lOiBjaGFuZ2VzLm5hbWU/LmN1cnJlbnRWYWx1ZSxcbiAgICAgIH0pO1xuXG4gICAgICB0aGlzLl9uYW1lSW5pdGlhbHMgPSBuYW1lRGF0YT8uaW5pdGlhbHM7XG5cbiAgICAgIHRoaXMuYXZhdGFyQXJpYUxhYmVsID1cbiAgICAgICAgY2hhbmdlcy5hcmlhTGFiZWw/LmN1cnJlbnRWYWx1ZSA/P1xuICAgICAgICBgJHtuYW1lRGF0YT8uZmlyc3ROYW1lID8/ICcnfSAke25hbWVEYXRhPy5sYXN0TmFtZSA/PyAnJ31gLnRyaW0oKTtcblxuICAgICAgdGhpcy5jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5fY3VzdG9tU3RhdHVzRGlyZWN0aXZlcyA9IHRoaXMuX2N1c3RvbVN0YXR1c2VzUXVlcnlMaXN0XG4gICAgICAudG9BcnJheSgpXG4gICAgICAucmVkdWNlKChkaXJlY3RpdmVzLCBuZXh0KSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZGlyZWN0aXZlcyxcbiAgICAgICAgICBbbmV4dC5ncmFuaXRlQ3VzdG9tQXZhdGFyU3RhdHVzXTogbmV4dC50ZW1wbGF0ZVJlZixcbiAgICAgICAgfTtcbiAgICAgIH0sIHt9KTtcbiAgfVxufVxuIiwiPGltZ1xuICBkYXRhLWZuZD1cInByb2ZpbGUtYXZhdGFyXCJcbiAgKm5nSWY9XCJhdmF0YXI7IGVsc2Ugbm9Qcm9maWxlQXZhdGFyXCJcbiAgW3NyY109XCJhdmF0YXJcIlxuICBhbHQ9XCJhdmF0YXJcIlxuICBjbGFzcz1cInByb2ZpbGUtYXZhdGFyIHByb2ZpbGUtc2l6ZVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXZhdGFyQXJpYUxhYmVsXCJcbi8+XG5cbjxuZy10ZW1wbGF0ZSAjbm9Qcm9maWxlQXZhdGFyPlxuICA8Z3Jhbml0ZS1lbXB0eS1hdmF0YXJcbiAgICBjbGFzcz1cInByb2ZpbGUtc2l6ZVwiXG4gICAgW2luaXRpYWxzXT1cIl9uYW1lSW5pdGlhbHNcIlxuICAgIFthcmlhLWxhYmVsXT1cImF2YXRhckFyaWFMYWJlbFwiXG4gID48L2dyYW5pdGUtZW1wdHktYXZhdGFyPlxuPC9uZy10ZW1wbGF0ZT5cblxuQGlmIChzdGF0dXMgJiYgX2N1c3RvbVN0YXR1c0RpcmVjdGl2ZXNbc3RhdHVzXSkge1xuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY3VzdG9tU3RhdHVzXCI+PC9uZy1jb250YWluZXI+XG59IEBlbHNlIGlmIChzdGF0dXMpIHtcbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRlZmF1bHRTdGF0dXNcIj48L25nLWNvbnRhaW5lcj5cbn1cblxuPG5nLXRlbXBsYXRlICNkZWZhdWx0U3RhdHVzPlxuICA8Z3Jhbml0ZS1hdmF0YXItZGVmYXVsdC1zdGF0dXNcbiAgICBjbGFzcz1cInByb2ZpbGUtZGVmYXVsdC1zdGF0dXNcIlxuICAgIFthdHRyLmRhdGEtZm5kXT1cInN0YXR1cyArICctc3RhdHVzJ1wiXG4gICAgW3N0YXR1c109XCJzdGF0dXNcIlxuICA+PC9ncmFuaXRlLWF2YXRhci1kZWZhdWx0LXN0YXR1cz5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY3VzdG9tU3RhdHVzPlxuICA8ZGl2XG4gICAgW2F0dHIuZGF0YS1mbmRdPVwiJ3Byb2ZpbGUtc3RhdHVzLWN1c3RvbSdcIlxuICAgIFtjbGFzc109XCIncHJvZmlsZS1zdGF0dXMtJyArIHN0YXR1c1wiXG4gICAgY2xhc3M9XCJwcm9maWxlLWN1c3RvbS1zdGF0dXNcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJfY3VzdG9tU3RhdHVzRGlyZWN0aXZlc1tzdGF0dXNdXCJcbiAgICA+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
@@ -0,0 +1,7 @@
1
+ export const AVATAR_DEFAULT_STATUS = {
2
+ AVAILABLE: 'Available',
3
+ DO_NOT_DISTURB: 'DoNotDisturb',
4
+ DISABLED: 'Disabled',
5
+ AWAY: 'Away',
6
+ };
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5wdWJsaWMtdHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnB1YmxpYy10eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRztJQUNuQyxTQUFTLEVBQUUsV0FBVztJQUN0QixjQUFjLEVBQUUsY0FBYztJQUM5QixRQUFRLEVBQUUsVUFBVTtJQUNwQixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBBdmF0YXJEZWZhdWx0U3RhdHVzZXMgPVxuICAodHlwZW9mIEFWQVRBUl9ERUZBVUxUX1NUQVRVUylba2V5b2YgdHlwZW9mIEFWQVRBUl9ERUZBVUxUX1NUQVRVU107XG5cbmV4cG9ydCBjb25zdCBBVkFUQVJfREVGQVVMVF9TVEFUVVMgPSB7XG4gIEFWQUlMQUJMRTogJ0F2YWlsYWJsZScsXG4gIERPX05PVF9ESVNUVVJCOiAnRG9Ob3REaXN0dXJiJyxcbiAgRElTQUJMRUQ6ICdEaXNhYmxlZCcsXG4gIEFXQVk6ICdBd2F5Jyxcbn0gYXMgY29uc3Q7XG4iXX0=
@@ -0,0 +1,37 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { GraniteAvatarComponent } from './avatar.component';
4
+ import { GraniteCustomAvatarStatusDirective } from './custom-avatar-status.directive';
5
+ import { GraniteAvatarDefaultStatusComponent } from './avatar-default-status/avatar-default-status.component';
6
+ import { GraniteEmptyAvatarComponent } from './empty-avatar/empty-avatar.component';
7
+ import * as i0 from "@angular/core";
8
+ export class GraniteAvatarModule {
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
10
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarModule, declarations: [GraniteAvatarComponent,
11
+ GraniteAvatarDefaultStatusComponent,
12
+ GraniteCustomAvatarStatusDirective,
13
+ GraniteEmptyAvatarComponent], imports: [CommonModule], exports: [GraniteAvatarComponent,
14
+ GraniteAvatarDefaultStatusComponent,
15
+ GraniteCustomAvatarStatusDirective,
16
+ GraniteEmptyAvatarComponent] }); }
17
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarModule, imports: [CommonModule] }); }
18
+ }
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteAvatarModule, decorators: [{
20
+ type: NgModule,
21
+ args: [{
22
+ imports: [CommonModule],
23
+ declarations: [
24
+ GraniteAvatarComponent,
25
+ GraniteAvatarDefaultStatusComponent,
26
+ GraniteCustomAvatarStatusDirective,
27
+ GraniteEmptyAvatarComponent,
28
+ ],
29
+ exports: [
30
+ GraniteAvatarComponent,
31
+ GraniteAvatarDefaultStatusComponent,
32
+ GraniteCustomAvatarStatusDirective,
33
+ GraniteEmptyAvatarComponent,
34
+ ],
35
+ }]
36
+ }] });
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUQsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0seURBQXlELENBQUM7QUFDOUcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBaUJwRixNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixpQkFaNUIsc0JBQXNCO1lBQ3RCLG1DQUFtQztZQUNuQyxrQ0FBa0M7WUFDbEMsMkJBQTJCLGFBTG5CLFlBQVksYUFRcEIsc0JBQXNCO1lBQ3RCLG1DQUFtQztZQUNuQyxrQ0FBa0M7WUFDbEMsMkJBQTJCO2dIQUdsQixtQkFBbUIsWUFkcEIsWUFBWTs7NEZBY1gsbUJBQW1CO2tCQWYvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjt3QkFDdEIsbUNBQW1DO3dCQUNuQyxrQ0FBa0M7d0JBQ2xDLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjt3QkFDdEIsbUNBQW1DO3dCQUNuQyxrQ0FBa0M7d0JBQ2xDLDJCQUEyQjtxQkFDNUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEdyYW5pdGVBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgR3Jhbml0ZUN1c3RvbUF2YXRhclN0YXR1c0RpcmVjdGl2ZSB9IGZyb20gJy4vY3VzdG9tLWF2YXRhci1zdGF0dXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEdyYW5pdGVBdmF0YXJEZWZhdWx0U3RhdHVzQ29tcG9uZW50IH0gZnJvbSAnLi9hdmF0YXItZGVmYXVsdC1zdGF0dXMvYXZhdGFyLWRlZmF1bHQtc3RhdHVzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmFuaXRlRW1wdHlBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2VtcHR5LWF2YXRhci9lbXB0eS1hdmF0YXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEdyYW5pdGVBdmF0YXJDb21wb25lbnQsXG4gICAgR3Jhbml0ZUF2YXRhckRlZmF1bHRTdGF0dXNDb21wb25lbnQsXG4gICAgR3Jhbml0ZUN1c3RvbUF2YXRhclN0YXR1c0RpcmVjdGl2ZSxcbiAgICBHcmFuaXRlRW1wdHlBdmF0YXJDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBHcmFuaXRlQXZhdGFyQ29tcG9uZW50LFxuICAgIEdyYW5pdGVBdmF0YXJEZWZhdWx0U3RhdHVzQ29tcG9uZW50LFxuICAgIEdyYW5pdGVDdXN0b21BdmF0YXJTdGF0dXNEaXJlY3RpdmUsXG4gICAgR3Jhbml0ZUVtcHR5QXZhdGFyQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQXZhdGFyTW9kdWxlIHt9XG4iXX0=
@@ -0,0 +1,18 @@
1
+ import { Directive, Input, TemplateRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class GraniteCustomAvatarStatusDirective {
4
+ constructor(templateRef) {
5
+ this.templateRef = templateRef;
6
+ }
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCustomAvatarStatusDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
8
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: GraniteCustomAvatarStatusDirective, selector: "[graniteCustomAvatarStatus]", inputs: { graniteCustomAvatarStatus: "graniteCustomAvatarStatus" }, ngImport: i0 }); }
9
+ }
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteCustomAvatarStatusDirective, decorators: [{
11
+ type: Directive,
12
+ args: [{
13
+ selector: '[graniteCustomAvatarStatus]',
14
+ }]
15
+ }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { graniteCustomAvatarStatus: [{
16
+ type: Input
17
+ }] } });
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWF2YXRhci1zdGF0dXMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9hdmF0YXIvY3VzdG9tLWF2YXRhci1zdGF0dXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLOUQsTUFBTSxPQUFPLGtDQUFrQztJQUk3QyxZQUFtQixXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFBRyxDQUFDOytHQUo3QyxrQ0FBa0M7bUdBQWxDLGtDQUFrQzs7NEZBQWxDLGtDQUFrQztrQkFIOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO2lCQUN4QztnRkFHQyx5QkFBeUI7c0JBRHhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZ3Jhbml0ZUN1c3RvbUF2YXRhclN0YXR1c10nLFxufSlcbmV4cG9ydCBjbGFzcyBHcmFuaXRlQ3VzdG9tQXZhdGFyU3RhdHVzRGlyZWN0aXZlIHtcbiAgQElucHV0KClcbiAgZ3Jhbml0ZUN1c3RvbUF2YXRhclN0YXR1czogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj4pIHt9XG59XG4iXX0=
@@ -0,0 +1,37 @@
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class GraniteEmptyAvatarComponent {
4
+ constructor() {
5
+ this.ariaLabel = null;
6
+ }
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteEmptyAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteEmptyAvatarComponent, selector: "granite-empty-avatar", inputs: { initials: "initials", ariaLabel: ["aria-label", "ariaLabel"] }, host: { classAttribute: "granite-empty-avatar" }, ngImport: i0, template: `
9
+ <div class="no-profile-avatar" [attr.aria-label]="ariaLabel" role="img">
10
+ <span
11
+ data-fnd="no-profile-avatar-initials"
12
+ class="no-profile-avatar-initials"
13
+ >{{ initials }}</span
14
+ >
15
+ </div>
16
+ `, isInline: true, styles: [":host{width:inherit;height:inherit}:host .no-profile-avatar{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:inherit;height:inherit;border-radius:100%;background:var(--granite-color-background-info);justify-content:center;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
17
+ }
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteEmptyAvatarComponent, decorators: [{
19
+ type: Component,
20
+ args: [{ selector: 'granite-empty-avatar', host: {
21
+ class: 'granite-empty-avatar',
22
+ }, template: `
23
+ <div class="no-profile-avatar" [attr.aria-label]="ariaLabel" role="img">
24
+ <span
25
+ data-fnd="no-profile-avatar-initials"
26
+ class="no-profile-avatar-initials"
27
+ >{{ initials }}</span
28
+ >
29
+ </div>
30
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:inherit;height:inherit}:host .no-profile-avatar{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:inherit;height:inherit;border-radius:100%;background:var(--granite-color-background-info);justify-content:center;align-items:center}\n"] }]
31
+ }], propDecorators: { initials: [{
32
+ type: Input
33
+ }], ariaLabel: [{
34
+ type: Input,
35
+ args: ['aria-label']
36
+ }] } });
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZ3Jhbml0ZS1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2VtcHR5LWF2YXRhci9lbXB0eS1hdmF0YXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQW1CMUUsTUFBTSxPQUFPLDJCQUEyQjtJQWpCeEM7UUFxQkUsY0FBUyxHQUFrQixJQUFJLENBQUM7S0FDakM7K0dBTFksMkJBQTJCO21HQUEzQiwyQkFBMkIsd0xBWjVCOzs7Ozs7OztHQVFUOzs0RkFJVSwyQkFBMkI7a0JBakJ2QyxTQUFTOytCQUNFLHNCQUFzQixRQUMxQjt3QkFDSixLQUFLLEVBQUUsc0JBQXNCO3FCQUM5QixZQUNTOzs7Ozs7OztHQVFULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxRQUFRO3NCQUFoQixLQUFLO2dCQUdOLFNBQVM7c0JBRFIsS0FBSzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhbml0ZS1lbXB0eS1hdmF0YXInLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdncmFuaXRlLWVtcHR5LWF2YXRhcicsXG4gIH0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm5vLXByb2ZpbGUtYXZhdGFyXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIiByb2xlPVwiaW1nXCI+XG4gICAgICA8c3BhblxuICAgICAgICBkYXRhLWZuZD1cIm5vLXByb2ZpbGUtYXZhdGFyLWluaXRpYWxzXCJcbiAgICAgICAgY2xhc3M9XCJuby1wcm9maWxlLWF2YXRhci1pbml0aWFsc1wiXG4gICAgICAgID57eyBpbml0aWFscyB9fTwvc3BhblxuICAgICAgPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9lbXB0eS1hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVFbXB0eUF2YXRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGluaXRpYWxzOiBzdHJpbmc7XG5cbiAgQElucHV0KCdhcmlhLWxhYmVsJylcbiAgYXJpYUxhYmVsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbn1cbiJdfQ==