@eui/mobile-core 18.0.0-next.3 → 18.0.0-next.5

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 (256) hide show
  1. package/docs/components/EuiMUserProfileActionComponent.html +1 -1
  2. package/docs/components/EuiMUserProfileAvatarComponent.html +1 -1
  3. package/docs/components/EuiMUserProfileInfosComponent.html +97 -37
  4. package/docs/components/EuiMUserProfileInfosItemComponent.html +1 -1
  5. package/docs/components/EuimAboutComponent.html +1 -1
  6. package/docs/components/EuimAboutContentLoadingComponent.html +1 -1
  7. package/docs/components/EuimAlertMessageComponent.html +1 -1
  8. package/docs/components/EuimAppComponent.html +1 -1
  9. package/docs/components/EuimAvatarBadgeComponent.html +1 -1
  10. package/docs/components/EuimAvatarComponent.html +1 -1
  11. package/docs/components/EuimAvatarIconComponent.html +1 -1
  12. package/docs/components/EuimAvatarIconSubComponent.html +1 -1
  13. package/docs/components/EuimAvatarImageComponent.html +1 -1
  14. package/docs/components/EuimAvatarTextComponent.html +1 -1
  15. package/docs/components/EuimBadgeComponent.html +1 -1
  16. package/docs/components/EuimCardComponent.html +67 -2
  17. package/docs/components/EuimCardListComponent.html +94 -33
  18. package/docs/components/EuimChangelogComponent.html +1 -1
  19. package/docs/components/EuimChipSelectorComponent.html +94 -3
  20. package/docs/components/EuimDataSummaryColComponent.html +1 -1
  21. package/docs/components/EuimDataSummaryComponent.html +1 -1
  22. package/docs/components/EuimEmptyListPlaceholderComponent.html +1 -1
  23. package/docs/components/EuimHeaderDetailsComponent.html +38 -1
  24. package/docs/components/EuimHelpSupportComponent.html +1 -1
  25. package/docs/components/EuimLabelComponent.html +1 -1
  26. package/docs/components/EuimLanguageListComponent.html +1 -1
  27. package/docs/components/EuimLanguageSelectorComponent.html +1 -1
  28. package/docs/components/EuimMediaHeaderComponent.html +26 -2
  29. package/docs/components/EuimMessageComponent.html +1 -1
  30. package/docs/components/EuimMessageTitleComponent.html +1 -1
  31. package/docs/components/EuimMultiselectComponent.html +1 -1
  32. package/docs/components/EuimMultiselectFilterComponent.html +1 -1
  33. package/docs/components/EuimMultiselectInfoComponent.html +1 -1
  34. package/docs/components/EuimMultiselectListComponent.html +1 -1
  35. package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
  36. package/docs/components/EuimNotificationItemComponent.html +1 -1
  37. package/docs/components/EuimOpenSourceLicencesComponent.html +1 -1
  38. package/docs/components/EuimPdfViewerComponent.html +57 -3
  39. package/docs/components/EuimScrollerXComponent.html +1 -1
  40. package/docs/components/EuimSidebarComponent.html +1 -1
  41. package/docs/components/EuimSidebarContentComponent.html +1 -1
  42. package/docs/components/EuimSkeletonListComponent.html +1 -1
  43. package/docs/components/EuimSkeletonListItemComponent.html +1 -1
  44. package/docs/components/EuimSlideInfoScreenComponent.html +1 -1
  45. package/docs/components/EuimSliderInfoScreenComponent.html +153 -47
  46. package/docs/components/EuimSpinnerComponent.html +1 -1
  47. package/docs/components/EuimSpinnerDescriptionComponent.html +1 -1
  48. package/docs/components/EuimSpinnerMessageComponent.html +1 -1
  49. package/docs/components/EuimToolbarActionItemsComponent.html +1 -1
  50. package/docs/components/EuimToolbarComponent.html +1 -1
  51. package/docs/components/EuimToolbarDatepickerComponent.html +116 -3
  52. package/docs/components/EuimToolbarTitleComponent.html +1 -1
  53. package/docs/components/EuimUserProfileComponent.html +89 -33
  54. package/docs/dependencies.html +6 -4
  55. package/docs/directives/EuimAlignCenterDirective.html +350 -0
  56. package/docs/directives/EuimAlignTopDirective.html +350 -0
  57. package/docs/directives/EuimCardImageDirective.html +51 -0
  58. package/docs/directives/EuimListHeaderDirective.html +432 -0
  59. package/docs/directives/EuimListItemNoPaddingsDirective.html +350 -0
  60. package/docs/directives/EuimMediaHeaderCustomContentDirective.html +350 -0
  61. package/docs/directives/EuimMinWidthDirective.html +383 -0
  62. package/docs/directives/EuimReadOnlyFormDirective.html +350 -0
  63. package/docs/directives/EuimReadOnlyFormLabelDirective.html +350 -0
  64. package/docs/directives/EuimReadOnlyFormValueDirective.html +350 -0
  65. package/docs/index.html +3 -3
  66. package/docs/interfaces/ActionBtnsIconsNames.html +348 -0
  67. package/docs/js/menu-wc.js +94 -12
  68. package/docs/js/menu-wc_es5.js +1 -1
  69. package/docs/js/search/search_index.js +2 -2
  70. package/docs/miscellaneous/variables.html +9 -0
  71. package/docs/modules/EuimAllModule.html +54 -0
  72. package/docs/modules/EuimListHeaderModule.html +232 -0
  73. package/docs/modules/EuimMediaHeaderModule.html +13 -0
  74. package/docs/modules.html +12 -0
  75. package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +4 -4
  76. package/esm2022/lib/components/atoms/euim-label/euim-label.module.mjs +4 -4
  77. package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +4 -4
  78. package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.module.mjs +4 -4
  79. package/esm2022/lib/components/base-states.directive.mjs +3 -3
  80. package/esm2022/lib/components/directives/euim-align-center/euim-align-center.directive.mjs +20 -0
  81. package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs +20 -0
  82. package/esm2022/lib/components/directives/euim-divider/euim-divider.directive.mjs +3 -3
  83. package/esm2022/lib/components/directives/euim-divider/euim-divider.module.mjs +4 -4
  84. package/esm2022/lib/components/directives/euim-list-header/euim-list-header.directive.mjs +27 -0
  85. package/esm2022/lib/components/directives/euim-list-header/euim-list-header.module.mjs +28 -0
  86. package/esm2022/lib/components/directives/euim-list-header/index.mjs +3 -0
  87. package/esm2022/lib/components/directives/euim-list-item/euim-list-item.directive.mjs +20 -0
  88. package/esm2022/lib/components/directives/euim-min-width/euim-min-width.directive.mjs +25 -0
  89. package/esm2022/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.mjs +3 -3
  90. package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.mjs +3 -3
  91. package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.mjs +4 -4
  92. package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs +3 -3
  93. package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs +3 -3
  94. package/esm2022/lib/components/euim-about/euim-about.component.mjs +3 -3
  95. package/esm2022/lib/components/euim-about/euim-about.module.mjs +4 -4
  96. package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +4 -4
  97. package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +3 -3
  98. package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +3 -3
  99. package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs +4 -4
  100. package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +4 -4
  101. package/esm2022/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.mjs +3 -3
  102. package/esm2022/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.mjs +3 -3
  103. package/esm2022/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.mjs +3 -3
  104. package/esm2022/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.mjs +3 -3
  105. package/esm2022/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.mjs +3 -3
  106. package/esm2022/lib/components/euim-avatar/euim-avatar.component.mjs +4 -4
  107. package/esm2022/lib/components/euim-avatar/euim-avatar.module.mjs +4 -4
  108. package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +4 -4
  109. package/esm2022/lib/components/euim-badge/euim-badge.module.mjs +4 -4
  110. package/esm2022/lib/components/euim-card/euim-card-image/euim-card-image.directive.mjs +16 -6
  111. package/esm2022/lib/components/euim-card/euim-card.component.mjs +16 -7
  112. package/esm2022/lib/components/euim-card/euim-card.module.mjs +4 -4
  113. package/esm2022/lib/components/euim-card-list/euim-card-list.component.mjs +19 -8
  114. package/esm2022/lib/components/euim-card-list/euim-card-list.module.mjs +4 -4
  115. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +3 -3
  116. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +41 -9
  117. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.module.mjs +4 -4
  118. package/esm2022/lib/components/euim-data-summary/euim-data-summary-col/euim-data-summary-col.component.mjs +3 -3
  119. package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.mjs +3 -3
  120. package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.mjs +3 -3
  121. package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +4 -4
  122. package/esm2022/lib/components/euim-data-summary/euim-data-summary.module.mjs +4 -4
  123. package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +3 -3
  124. package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.module.mjs +4 -4
  125. package/esm2022/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.mjs +20 -0
  126. package/esm2022/lib/components/euim-media-header/euim-media-header-image/euim-media-header-image.directive.mjs +3 -3
  127. package/esm2022/lib/components/euim-media-header/euim-media-header-sub-title/euim-media-header-sub-title.directive.mjs +3 -3
  128. package/esm2022/lib/components/euim-media-header/euim-media-header-title/euim-media-header-title.directive.mjs +3 -3
  129. package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +9 -5
  130. package/esm2022/lib/components/euim-media-header/euim-media-header.module.mjs +11 -7
  131. package/esm2022/lib/components/euim-message/euim-message-title/euim-message-title.component.mjs +3 -3
  132. package/esm2022/lib/components/euim-message/euim-message.component.mjs +4 -4
  133. package/esm2022/lib/components/euim-message/euim-message.module.mjs +4 -4
  134. package/esm2022/lib/components/euim-multiselect/euim-multiselect-all/euim-multiselect-all.directive.mjs +3 -3
  135. package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +3 -3
  136. package/esm2022/lib/components/euim-multiselect/euim-multiselect-info/euim-multiselect-info.component.mjs +3 -3
  137. package/esm2022/lib/components/euim-multiselect/euim-multiselect-list/euim-multiselect-list.component.mjs +3 -3
  138. package/esm2022/lib/components/euim-multiselect/euim-multiselect-select-field/euim-multiselect-select-field.directive.mjs +3 -3
  139. package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +3 -3
  140. package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +3 -3
  141. package/esm2022/lib/components/euim-multiselect/euim-multiselect.module.mjs +4 -4
  142. package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs +21 -20
  143. package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.mjs +9 -5
  144. package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.mjs +20 -0
  145. package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.mjs +20 -0
  146. package/esm2022/lib/components/euim-read-only-form/euim-read-only-form.directive.mjs +20 -0
  147. package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.component.mjs +3 -3
  148. package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.module.mjs +4 -4
  149. package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +3 -3
  150. package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs +4 -4
  151. package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +3 -3
  152. package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.mjs +4 -4
  153. package/esm2022/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.mjs +3 -3
  154. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.mjs +3 -3
  155. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.mjs +3 -3
  156. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.mjs +3 -3
  157. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +39 -10
  158. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.mjs +4 -4
  159. package/esm2022/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.mjs +3 -3
  160. package/esm2022/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.mjs +3 -3
  161. package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +3 -3
  162. package/esm2022/lib/components/euim-spinner/euim-spinner.module.mjs +4 -4
  163. package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive.mjs +3 -3
  164. package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +32 -10
  165. package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.mjs +4 -4
  166. package/esm2022/lib/components/index.mjs +12 -3
  167. package/esm2022/lib/components/layout/euim-app/euim-app.component.mjs +3 -3
  168. package/esm2022/lib/components/layout/euim-app/euim-app.module.mjs +4 -4
  169. package/esm2022/lib/components/layout/euim-header-details/euim-header-details-icon/euim-header-details-icon.directive.mjs +3 -3
  170. package/esm2022/lib/components/layout/euim-header-details/euim-header-details-meta/euim-header-details-meta.directive.mjs +3 -3
  171. package/esm2022/lib/components/layout/euim-header-details/euim-header-details-title/euim-header-details-title.directive.mjs +3 -3
  172. package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +12 -7
  173. package/esm2022/lib/components/layout/euim-header-details/euim-header-details.module.mjs +4 -4
  174. package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +3 -3
  175. package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +3 -3
  176. package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.module.mjs +4 -4
  177. package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.mjs +3 -3
  178. package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +4 -4
  179. package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.module.mjs +4 -4
  180. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component.mjs +3 -3
  181. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +3 -3
  182. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +4 -4
  183. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.module.mjs +4 -4
  184. package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-action/euim-user-profile-action.component.mjs +3 -3
  185. package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-avatar/euim-user-profile-avatar.component.mjs +3 -3
  186. package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.mjs +19 -10
  187. package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos-item/euim-user-profile-infos-item.component.mjs +3 -3
  188. package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.component.mjs +17 -9
  189. package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.module.mjs +4 -4
  190. package/esm2022/lib/euim-all.module.mjs +35 -6
  191. package/esm2022/lib/services/euim-app.service.mjs +3 -3
  192. package/fesm2022/eui-mobile-core.mjs +857 -485
  193. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  194. package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
  195. package/lib/components/base-states.directive.d.ts.map +1 -1
  196. package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts +7 -0
  197. package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts.map +1 -0
  198. package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts +7 -0
  199. package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts.map +1 -0
  200. package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts +9 -0
  201. package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts.map +1 -0
  202. package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts +10 -0
  203. package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts.map +1 -0
  204. package/lib/components/directives/euim-list-header/index.d.ts +3 -0
  205. package/lib/components/directives/euim-list-header/index.d.ts.map +1 -0
  206. package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts +7 -0
  207. package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts.map +1 -0
  208. package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts +10 -0
  209. package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts.map +1 -0
  210. package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
  211. package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts +3 -1
  212. package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts.map +1 -1
  213. package/lib/components/euim-card/euim-card.component.d.ts +7 -2
  214. package/lib/components/euim-card/euim-card.component.d.ts.map +1 -1
  215. package/lib/components/euim-card-list/euim-card-list.component.d.ts +4 -2
  216. package/lib/components/euim-card-list/euim-card-list.component.d.ts.map +1 -1
  217. package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
  218. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +9 -2
  219. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  220. package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts.map +1 -1
  221. package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts +7 -0
  222. package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts.map +1 -0
  223. package/lib/components/euim-media-header/euim-media-header.component.d.ts +3 -1
  224. package/lib/components/euim-media-header/euim-media-header.component.d.ts.map +1 -1
  225. package/lib/components/euim-media-header/euim-media-header.module.d.ts +2 -1
  226. package/lib/components/euim-media-header/euim-media-header.module.d.ts.map +1 -1
  227. package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts.map +1 -1
  228. package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
  229. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts +3 -1
  230. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts.map +1 -1
  231. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts +6 -5
  232. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts.map +1 -1
  233. package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts +7 -0
  234. package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts.map +1 -0
  235. package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts +7 -0
  236. package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts.map +1 -0
  237. package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts +7 -0
  238. package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts.map +1 -0
  239. package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
  240. package/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.d.ts.map +1 -1
  241. package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts +11 -2
  242. package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
  243. package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts +6 -2
  244. package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts.map +1 -1
  245. package/lib/components/index.d.ts +11 -2
  246. package/lib/components/index.d.ts.map +1 -1
  247. package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +4 -1
  248. package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts.map +1 -1
  249. package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts.map +1 -1
  250. package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts +4 -2
  251. package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts.map +1 -1
  252. package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts +4 -2
  253. package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts.map +1 -1
  254. package/lib/euim-all.module.d.ts +13 -4
  255. package/lib/euim-all.module.d.ts.map +1 -1
  256. package/package.json +2 -1
@@ -63,10 +63,10 @@ export class EuimAlertMessageComponent {
63
63
  this.isVisible = false;
64
64
  this.euimClose.emit();
65
65
  }
66
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
67
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
66
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
67
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info)}.euim-alert-message--info ion-icon{color:var(--eui-c-info)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success)}.euim-alert-message--success ion-icon{color:var(--eui-c-success)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-darker);color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral)}.euim-alert-message--dark{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-primary-contrast);background:var(--eui-c-primary)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-c-neutral);color:var(--eui-c-neutral)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
68
68
  }
69
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
70
70
  type: Component,
71
71
  args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
72
72
  {
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
75
75
  'color',
76
76
  ],
77
77
  },
78
- ], template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
78
+ ], template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info)}.euim-alert-message--info ion-icon{color:var(--eui-c-info)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success)}.euim-alert-message--success ion-icon{color:var(--eui-c-success)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-darker);color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral)}.euim-alert-message--dark{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-primary-contrast);background:var(--eui-c-primary)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-c-neutral);color:var(--eui-c-neutral)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
79
79
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimClose: [{
80
80
  type: Output
81
81
  }], euimLabelTruncate: [{
@@ -10,10 +10,10 @@ export class EuimAvatarBadgeComponent {
10
10
  `euim-avatar-badge--position-${this.position}`,
11
11
  ].join(' ').trim();
12
12
  }
13
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarBadgeComponent, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
13
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarBadgeComponent, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
15
15
  }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
17
17
  type: Component,
18
18
  args: [{ selector: 'euim-avatar-badge', template: "<ng-content></ng-content>\n" }]
19
19
  }], propDecorators: { cssClasses: [{
@@ -4,10 +4,10 @@ export class EuimAvatarIconComponent {
4
4
  constructor() {
5
5
  this.string = 'euim-avatar-icon';
6
6
  }
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{ selector: 'euim-avatar-icon', template: "<ng-content></ng-content>\n" }]
13
13
  }], propDecorators: { string: [{
@@ -21,10 +21,10 @@ export class EuimAvatarIconSubComponent {
21
21
  this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
22
22
  ].join(' ');
23
23
  }
24
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
25
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarIconSubComponent, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
24
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
25
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarIconSubComponent, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
26
26
  }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
28
28
  type: Component,
29
29
  args: [{ selector: 'euim-avatar-icon-sub', template: "<ng-content></ng-content>\n" }]
30
30
  }], propDecorators: { color: [{
@@ -4,10 +4,10 @@ export class EuimAvatarImageComponent {
4
4
  constructor() {
5
5
  this.string = 'euim-avatar-image';
6
6
  }
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimAvatarImageComponent, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAvatarImageComponent, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
13
13
  }], propDecorators: { string: [{
@@ -13,10 +13,10 @@ export class EuimAvatarTextComponent {
13
13
  this.color ? `euim-avatar-text--color-${this.color}` : '',
14
14
  ].join(' ');
15
15
  }
16
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarTextComponent, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
16
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarTextComponent, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
18
18
  }
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
20
20
  type: Component,
21
21
  args: [{ selector: 'euim-avatar-text', template: "<ng-content></ng-content>\n" }]
22
22
  }], propDecorators: { color: [{
@@ -21,12 +21,12 @@ export class EuimAvatarComponent {
21
21
  this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
22
22
  ].join(' ');
23
23
  }
24
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
25
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarComponent, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar--variant-rectangle{border-radius:0}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
24
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
25
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarComponent, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
26
26
  }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarComponent, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarComponent, decorators: [{
28
28
  type: Component,
29
- args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar--variant-rectangle{border-radius:0}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"] }]
29
+ args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"] }]
30
30
  }], propDecorators: { color: [{
31
31
  type: Input
32
32
  }], size: [{
@@ -9,8 +9,8 @@ import { EuimAvatarImageComponent } from './euim-avatar-image/euim-avatar-image.
9
9
  import { EuimAvatarBadgeComponent } from './euim-avatar-badge/euim-avatar-badge.component';
10
10
  import * as i0 from "@angular/core";
11
11
  export class EuimAvatarModule {
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
13
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
13
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
14
14
  EuimAvatarIconComponent,
15
15
  EuimAvatarIconSubComponent,
16
16
  EuimAvatarTextComponent,
@@ -22,10 +22,10 @@ export class EuimAvatarModule {
22
22
  EuimAvatarTextComponent,
23
23
  EuimAvatarImageComponent,
24
24
  EuimAvatarBadgeComponent] }); }
25
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
25
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
26
26
  IonicModule] }); }
27
27
  }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, decorators: [{
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, decorators: [{
29
29
  type: NgModule,
30
30
  args: [{
31
31
  imports: [
@@ -14,10 +14,10 @@ export class EuimBadgeComponent {
14
14
  this.baseStatesDirective.getCssClasses('euim-badge'),
15
15
  ].join(' ').trim();
16
16
  }
17
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
18
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-bc-info-100)}.euim-badge--success{background:var(--eui-bc-success-100)}.euim-badge--warning{background:var(--eui-bc-warning-100)}.euim-badge--danger{background:var(--eui-bc-danger-100)}.euim-badge--default{background:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
17
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
18
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-base-color-primary-100)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
19
19
  }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeComponent, decorators: [{
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeComponent, decorators: [{
21
21
  type: Component,
22
22
  args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
23
23
  {
@@ -30,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
30
30
  'color',
31
31
  ],
32
32
  },
33
- ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-bc-info-100)}.euim-badge--success{background:var(--eui-bc-success-100)}.euim-badge--warning{background:var(--eui-bc-warning-100)}.euim-badge--danger{background:var(--eui-bc-danger-100)}.euim-badge--default{background:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"] }]
33
+ ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-base-color-primary-100)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"] }]
34
34
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
35
35
  type: HostBinding,
36
36
  args: ['class']
@@ -4,13 +4,13 @@ import { IonicModule } from '@ionic/angular';
4
4
  import { EuimBadgeComponent } from './euim-badge.component';
5
5
  import * as i0 from "@angular/core";
6
6
  export class EuimBadgeModule {
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeModule, declarations: [EuimBadgeComponent], imports: [CommonModule,
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, declarations: [EuimBadgeComponent], imports: [CommonModule,
9
9
  IonicModule], exports: [EuimBadgeComponent] }); }
10
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeModule, imports: [CommonModule,
10
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, imports: [CommonModule,
11
11
  IonicModule] }); }
12
12
  }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeModule, decorators: [{
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, decorators: [{
14
14
  type: NgModule,
15
15
  args: [{
16
16
  imports: [
@@ -1,19 +1,29 @@
1
- import { Directive, HostBinding } from '@angular/core';
1
+ import { Directive, HostBinding, Input } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export class EuimCardImageDirective {
4
4
  constructor() {
5
5
  this.className = 'euim-card__image';
6
6
  }
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
8
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimCardImageDirective, selector: "[euimCardImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
8
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardImageDirective, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardImageDirective, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardImageDirective, decorators: [{
11
11
  type: Directive,
12
12
  args: [{
13
13
  selector: '[euimCardImage]',
14
14
  }]
15
- }], propDecorators: { className: [{
15
+ }], propDecorators: { euimCardImageHeight: [{
16
+ type: HostBinding,
17
+ args: ['style.--euimImageHeight']
18
+ }, {
19
+ type: Input
20
+ }], euimCardImageWidth: [{
21
+ type: HostBinding,
22
+ args: ['style.--euimImageWidth']
23
+ }, {
24
+ type: Input
25
+ }], className: [{
16
26
  type: HostBinding,
17
27
  args: ['class']
18
28
  }] } });
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1jYXJkLWltYWdlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQvZXVpbS1jYXJkLWltYWdlL2V1aW0tY2FyZC1pbWFnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBS3ZELE1BQU0sT0FBTyxzQkFBc0I7SUFIbkM7UUFJMEIsY0FBUyxHQUFHLGtCQUFrQixDQUFDO0tBQ3hEO2lJQUZZLHNCQUFzQjtxSEFBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQUhsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7aUJBQzlCOzhCQUV5QixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2V1aW1DYXJkSW1hZ2VdJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUNhcmRJbWFnZURpcmVjdGl2ZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdldWltLWNhcmRfX2ltYWdlJztcbn1cbiJdfQ==
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1jYXJkLWltYWdlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQvZXVpbS1jYXJkLWltYWdlL2V1aW0tY2FyZC1pbWFnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUs5RCxNQUFNLE9BQU8sc0JBQXNCO0lBSG5DO1FBTzBCLGNBQVMsR0FBRyxrQkFBa0IsQ0FBQztLQUN4RDtpSUFMWSxzQkFBc0I7cUhBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsaUJBQWlCO2lCQUM5Qjs4QkFFb0QsbUJBQW1CO3NCQUFuRSxXQUFXO3VCQUFDLHlCQUF5Qjs7c0JBQUcsS0FBSztnQkFDRSxrQkFBa0I7c0JBQWpFLFdBQVc7dUJBQUMsd0JBQXdCOztzQkFBRyxLQUFLO2dCQUV2QixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tldWltQ2FyZEltYWdlXScsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1DYXJkSW1hZ2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS1ldWltSW1hZ2VIZWlnaHQnKSBASW5wdXQoKSBldWltQ2FyZEltYWdlSGVpZ2h0OiBzdHJpbmc7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWV1aW1JbWFnZVdpZHRoJykgQElucHV0KCkgZXVpbUNhcmRJbWFnZVdpZHRoOiBzdHJpbmc7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ2V1aW0tY2FyZF9faW1hZ2UnO1xufVxuIl19
@@ -1,5 +1,6 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, } from '@angular/core';
1
+ import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, ContentChild, } from '@angular/core';
2
2
  import { BaseStatesDirective } from '../base-states.directive';
3
+ import { EuimCardImageDirective } from './euim-card-image/euim-card-image.directive';
3
4
  import * as i0 from "@angular/core";
4
5
  import * as i1 from "../base-states.directive";
5
6
  import * as i2 from "@ionic/angular";
@@ -15,10 +16,15 @@ export class EuimCardComponent {
15
16
  this.baseStatesDirective.getCssClasses('euim-card'),
16
17
  ].join(' ').trim();
17
18
  }
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
19
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative;display:flex}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card{display:flex}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}\n"], dependencies: [{ kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
19
+ ngAfterContentInit() {
20
+ if (this.cardImageDirective?.euimCardImageWidth) {
21
+ this.imageWidth = this.cardImageDirective.euimCardImageWidth;
22
+ }
23
+ }
24
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
25
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"], dependencies: [{ kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
20
26
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardComponent, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardComponent, decorators: [{
22
28
  type: Component,
23
29
  args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
24
30
  {
@@ -29,9 +35,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
29
35
  'euimSizeL',
30
36
  ],
31
37
  },
32
- ], template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative;display:flex}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card{display:flex}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}\n"] }]
33
- }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
38
+ ], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"] }]
39
+ }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cardImageDirective: [{
40
+ type: ContentChild,
41
+ args: [EuimCardImageDirective]
42
+ }], cssClasses: [{
34
43
  type: HostBinding,
35
44
  args: ['class']
36
45
  }] } });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQvZXVpbS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQvZXVpbS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFtQi9ELE1BQU0sT0FBTyxpQkFBaUI7SUFDMUIsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUFHLENBQUM7SUFFL0QsYUFBYTtRQUNULE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztTQUN0RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO2lJQVpRLGlCQUFpQjtxSEFBakIsaUJBQWlCLHdQQ3pCOUIsNEtBTUE7OzJGRG1CYSxpQkFBaUI7a0JBakI3QixTQUFTOytCQUNJLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFDckI7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFO2dDQUNKLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxXQUFXOzZCQUNkO3lCQUNKO3FCQUNKO3dGQUlVLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICcuLi9iYXNlLXN0YXRlcy5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tY2FyZCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpbVNpemVNJyxcbiAgICAgICAgICAgICAgICAnZXVpbVNpemVTJyxcbiAgICAgICAgICAgICAgICAnZXVpbVNpemVMJyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUNhcmRDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBnZXRDc3NDbGFzc2VzKCkgOnN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZ2V0Q3NzQ2xhc3NlcygnZXVpbS1jYXJkJyksXG4gICAgICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG59XG4iLCI8aW9uLWNhcmQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aW1DYXJkSW1hZ2VdXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJldWltLWNhcmRfX2NvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9pb24tY2FyZD5cbiJdfQ==
46
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQvZXVpbS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQvZXVpbS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxpQkFBaUIsRUFFakIsWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBbUJyRixNQUFNLE9BQU8saUJBQWlCO0lBRzFCLElBQ1csVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7SUFBRyxDQUFDO0lBRS9ELGFBQWE7UUFDVCxPQUFPO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7U0FDdEQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGtCQUFrQjtRQUNkLElBQUksSUFBSSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLENBQUM7WUFDOUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsa0JBQWtCLENBQUM7UUFDakUsQ0FBQztJQUNMLENBQUM7aUlBcEJRLGlCQUFpQjtxSEFBakIsaUJBQWlCLHVKQUNaLHNCQUFzQixpTUM3QnhDLDJOQU1BOzsyRkRzQmEsaUJBQWlCO2tCQWpCN0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixXQUFXO2dDQUNYLFdBQVc7Z0NBQ1gsV0FBVzs2QkFDZDt5QkFDSjtxQkFDSjt3RkFHcUMsa0JBQWtCO3NCQUF2RCxZQUFZO3VCQUFDLHNCQUFzQjtnQkFHekIsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDb250ZW50Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJy4uL2Jhc2Utc3RhdGVzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBFdWltQ2FyZEltYWdlRGlyZWN0aXZlIH0gZnJvbSAnLi9ldWltLWNhcmQtaW1hZ2UvZXVpbS1jYXJkLWltYWdlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1jYXJkJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWltU2l6ZU0nLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZVMnLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZUwnLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBDb250ZW50Q2hpbGQoRXVpbUNhcmRJbWFnZURpcmVjdGl2ZSkgY2FyZEltYWdlRGlyZWN0aXZlOiBFdWltQ2FyZEltYWdlRGlyZWN0aXZlO1xuICAgIGltYWdlV2lkdGg6IHN0cmluZztcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpIDpzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0tY2FyZCcpLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5jYXJkSW1hZ2VEaXJlY3RpdmU/LmV1aW1DYXJkSW1hZ2VXaWR0aCkge1xuICAgICAgICAgICAgdGhpcy5pbWFnZVdpZHRoID0gdGhpcy5jYXJkSW1hZ2VEaXJlY3RpdmUuZXVpbUNhcmRJbWFnZVdpZHRoO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGlvbi1jYXJkIFtzdHlsZS53aWR0aF09XCJpbWFnZVdpZHRoID8gaW1hZ2VXaWR0aCA6ICcnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aW1DYXJkSW1hZ2VdXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJldWltLWNhcmRfX2NvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9pb24tY2FyZD5cbiJdfQ==
@@ -5,11 +5,11 @@ import { EuimCardComponent } from './euim-card.component';
5
5
  import { EuimCardImageDirective } from './euim-card-image/euim-card-image.directive';
6
6
  import * as i0 from "@angular/core";
7
7
  export class EuimCardModule {
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
10
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
10
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  imports: [CommonModule, IonicModule],
@@ -1,17 +1,28 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, } from '@angular/core';
1
+ import { ChangeDetectionStrategy, Component, Input, HostBinding, ViewEncapsulation, } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export class EuimCardListComponent {
4
4
  constructor() {
5
- this.className = 'euim-card-list';
5
+ this.direction = '';
6
6
  }
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimCardListComponent, selector: "euim-card-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) 0;overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list .euim-card:first-child{padding-left:var(--eui-base-spacing-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
7
+ get cssClasses() {
8
+ return this.getCssClasses();
9
+ }
10
+ getCssClasses() {
11
+ return [
12
+ 'euim-card-list',
13
+ this.direction ? `euim-card-list--direction-${this.direction}` : '',
14
+ ].join(' ').trim();
15
+ }
16
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardListComponent, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-base-spacing-xs)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
9
18
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListComponent, decorators: [{
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListComponent, decorators: [{
11
20
  type: Component,
12
- args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) 0;overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list .euim-card:first-child{padding-left:var(--eui-base-spacing-m)}\n"] }]
13
- }], propDecorators: { className: [{
21
+ args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-base-spacing-xs)}}\n"] }]
22
+ }], propDecorators: { direction: [{
23
+ type: Input
24
+ }], cssClasses: [{
14
25
  type: HostBinding,
15
26
  args: ['class']
16
27
  }] } });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tY2FyZC1saXN0L2V1aW0tY2FyZC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQtbGlzdC9ldWltLWNhcmQtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDOztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUTBCLGNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztLQUN0RDtpSUFGWSxxQkFBcUI7cUhBQXJCLHFCQUFxQiwyR0NkbEMsNkJBQ0E7OzJGRGFhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFHZixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1jYXJkLWxpc3QnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWNhcmQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUNhcmRMaXN0Q29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ2V1aW0tY2FyZC1saXN0Jztcbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tY2FyZC1saXN0L2V1aW0tY2FyZC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWNhcmQtbGlzdC9ldWltLWNhcmQtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsV0FBVyxFQUNYLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQzs7QUFTdkIsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVFhLGNBQVMsR0FBa0IsRUFBRSxDQUFDO0tBWTFDO0lBWEcsSUFDSSxVQUFVO1FBQ1YsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDVCxPQUFPO1lBQ0gsZ0JBQWdCO1lBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDdEUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztpSUFaUSxxQkFBcUI7cUhBQXJCLHFCQUFxQixnSkNmbEMsNkJBQ0E7OzJGRGNhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsU0FBUztzQkFBakIsS0FBSztnQkFFRixVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWNhcmQtbGlzdCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tY2FyZC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltQ2FyZExpc3RDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGRpcmVjdGlvbjogJ2NvbHVtbicgfCAnJyA9ICcnO1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG5cbiAgICBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZXVpbS1jYXJkLWxpc3QnLFxuICAgICAgICAgICAgdGhpcy5kaXJlY3Rpb24gPyBgZXVpbS1jYXJkLWxpc3QtLWRpcmVjdGlvbi0ke3RoaXMuZGlyZWN0aW9ufWAgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
@@ -5,15 +5,15 @@ import { EuimCardListComponent } from './euim-card-list.component';
5
5
  import { EuimScrollerXComponentModule } from '../euim-scroller-x';
6
6
  import * as i0 from "@angular/core";
7
7
  export class EuimCardListModule {
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
10
10
  IonicModule,
11
11
  EuimScrollerXComponentModule], exports: [EuimCardListComponent] }); }
12
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
12
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
13
13
  IonicModule,
14
14
  EuimScrollerXComponentModule] }); }
15
15
  }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, decorators: [{
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, decorators: [{
17
17
  type: NgModule,
18
18
  args: [{
19
19
  imports: [