@rededor/site-front-end-lib 20.0.40 → 20.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/README.md +187 -187
  2. package/components/algolia-search/index.d.ts +1 -1
  3. package/components/filters/filter-generic/index.d.ts +3 -3
  4. package/components/filters/filter-planos-convenios/index.d.ts +3 -2
  5. package/components/footer/index.d.ts +1 -1
  6. package/components/header/index.d.ts +1 -1
  7. package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs +2 -2
  8. package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs.map +1 -1
  9. package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +14 -14
  10. package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs.map +1 -1
  11. package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +7 -7
  12. package/fesm2022/rededor-site-front-end-lib-components-banner.mjs.map +1 -1
  13. package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +4 -4
  14. package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs.map +1 -1
  15. package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +12 -12
  16. package/fesm2022/rededor-site-front-end-lib-components-cards.mjs.map +1 -1
  17. package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +4 -4
  18. package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs.map +1 -1
  19. package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +4 -4
  20. package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs.map +1 -1
  21. package/fesm2022/rededor-site-front-end-lib-components-error.mjs +8 -8
  22. package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
  23. package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +3 -3
  24. package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map +1 -1
  25. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +15 -15
  26. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
  27. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +16 -16
  28. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map +1 -1
  29. package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +3 -3
  30. package/fesm2022/rededor-site-front-end-lib-components-footer.mjs.map +1 -1
  31. package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +3 -3
  32. package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs.map +1 -1
  33. package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +5 -5
  34. package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs.map +1 -1
  35. package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +5 -5
  36. package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map +1 -1
  37. package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +5 -5
  38. package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs.map +1 -1
  39. package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs.map +1 -1
  40. package/fesm2022/rededor-site-front-end-lib-components-header.mjs +5 -5
  41. package/fesm2022/rededor-site-front-end-lib-components-header.mjs.map +1 -1
  42. package/fesm2022/rededor-site-front-end-lib-components-image.mjs +2 -2
  43. package/fesm2022/rededor-site-front-end-lib-components-image.mjs.map +1 -1
  44. package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +3 -3
  45. package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs.map +1 -1
  46. package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +3 -3
  47. package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map +1 -1
  48. package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +3 -3
  49. package/fesm2022/rededor-site-front-end-lib-components-modal.mjs.map +1 -1
  50. package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs +2 -2
  51. package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs.map +1 -1
  52. package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +4 -4
  53. package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map +1 -1
  54. package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +2 -2
  55. package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs.map +1 -1
  56. package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +2 -2
  57. package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs.map +1 -1
  58. package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +4 -4
  59. package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs.map +1 -1
  60. package/fesm2022/rededor-site-front-end-lib-components-search.mjs +5 -5
  61. package/fesm2022/rededor-site-front-end-lib-components-search.mjs.map +1 -1
  62. package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +3 -3
  63. package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs.map +1 -1
  64. package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +12 -12
  65. package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs.map +1 -1
  66. package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +5 -5
  67. package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs.map +1 -1
  68. package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +5 -5
  69. package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs.map +1 -1
  70. package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +4 -4
  71. package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs.map +1 -1
  72. package/fesm2022/rededor-site-front-end-lib-core.mjs +204 -204
  73. package/fesm2022/rededor-site-front-end-lib-core.mjs.map +1 -1
  74. package/fesm2022/rededor-site-front-end-lib-enums.mjs.map +1 -1
  75. package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs.map +1 -1
  76. package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs.map +1 -1
  77. package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs.map +1 -1
  78. package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs.map +1 -1
  79. package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs.map +1 -1
  80. package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs.map +1 -1
  81. package/fesm2022/rededor-site-front-end-lib-shared.mjs.map +1 -1
  82. package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
  83. package/package.json +2 -133
  84. package/styles/_breakpoints.scss +5 -5
  85. package/cura/accordion/index.d.ts +0 -120
  86. package/cura/api/index.d.ts +0 -359
  87. package/cura/badges/cura-badge-counter/index.d.ts +0 -38
  88. package/cura/badges/cura-badge-distance/index.d.ts +0 -21
  89. package/cura/badges/cura-badge-dot/index.d.ts +0 -29
  90. package/cura/badges/cura-badge-pill/index.d.ts +0 -42
  91. package/cura/badges/index.d.ts +0 -5
  92. package/cura/buttons/cura-button/index.d.ts +0 -90
  93. package/cura/buttons/cura-button-outline/index.d.ts +0 -90
  94. package/cura/buttons/cura-button-select/index.d.ts +0 -39
  95. package/cura/buttons/cura-button-transparent/index.d.ts +0 -87
  96. package/cura/buttons/index.d.ts +0 -15
  97. package/cura/cards/cura-card/index.d.ts +0 -49
  98. package/cura/feedback/cura-alert/index.d.ts +0 -55
  99. package/cura/feedback/cura-modal/index.d.ts +0 -97
  100. package/cura/feedback/cura-toast/index.d.ts +0 -104
  101. package/cura/forms/cura-checkbox/index.d.ts +0 -160
  102. package/cura/forms/cura-input-text/index.d.ts +0 -236
  103. package/cura/forms/cura-label/index.d.ts +0 -47
  104. package/cura/forms/cura-radio/index.d.ts +0 -148
  105. package/cura/forms/cura-select/index.d.ts +0 -154
  106. package/cura/forms/cura-select-option/index.d.ts +0 -54
  107. package/cura/forms/cura-select-state/index.d.ts +0 -72
  108. package/cura/forms/cura-switch/index.d.ts +0 -113
  109. package/cura/forms/cura-textarea/index.d.ts +0 -113
  110. package/cura/forms/index.d.ts +0 -20
  111. package/cura/icons/cura-icon/index.d.ts +0 -46
  112. package/cura/loaders/cura-loader-bar/index.d.ts +0 -22
  113. package/cura/loaders/cura-loader-circle/index.d.ts +0 -24
  114. package/cura/texts/cura-display/index.d.ts +0 -54
  115. package/cura/texts/cura-heading/index.d.ts +0 -65
  116. package/cura/texts/cura-paragraph/index.d.ts +0 -54
  117. package/cura/texts/index.d.ts +0 -7
  118. package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +0 -252
  119. package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs.map +0 -1
  120. package/fesm2022/rededor-site-front-end-lib-cura-api.mjs +0 -643
  121. package/fesm2022/rededor-site-front-end-lib-cura-api.mjs.map +0 -1
  122. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs +0 -90
  123. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs.map +0 -1
  124. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs +0 -55
  125. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs.map +0 -1
  126. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs +0 -66
  127. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs.map +0 -1
  128. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs +0 -91
  129. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs.map +0 -1
  130. package/fesm2022/rededor-site-front-end-lib-cura-badges.mjs +0 -4
  131. package/fesm2022/rededor-site-front-end-lib-cura-badges.mjs.map +0 -1
  132. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +0 -170
  133. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs.map +0 -1
  134. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +0 -135
  135. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs.map +0 -1
  136. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +0 -161
  137. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs.map +0 -1
  138. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +0 -170
  139. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs.map +0 -1
  140. package/fesm2022/rededor-site-front-end-lib-cura-buttons.mjs +0 -13
  141. package/fesm2022/rededor-site-front-end-lib-cura-buttons.mjs.map +0 -1
  142. package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +0 -72
  143. package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs.map +0 -1
  144. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs +0 -90
  145. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs.map +0 -1
  146. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +0 -105
  147. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs.map +0 -1
  148. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +0 -198
  149. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map +0 -1
  150. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +0 -262
  151. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map +0 -1
  152. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +0 -586
  153. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs.map +0 -1
  154. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs +0 -82
  155. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs.map +0 -1
  156. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +0 -243
  157. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs.map +0 -1
  158. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs +0 -89
  159. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs.map +0 -1
  160. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs +0 -123
  161. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map +0 -1
  162. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +0 -365
  163. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +0 -1
  164. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs +0 -182
  165. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs.map +0 -1
  166. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs +0 -209
  167. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map +0 -1
  168. package/fesm2022/rededor-site-front-end-lib-cura-forms.mjs +0 -21
  169. package/fesm2022/rededor-site-front-end-lib-cura-forms.mjs.map +0 -1
  170. package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs +0 -88
  171. package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs.map +0 -1
  172. package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs +0 -44
  173. package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs.map +0 -1
  174. package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs +0 -49
  175. package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs.map +0 -1
  176. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +0 -84
  177. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs.map +0 -1
  178. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +0 -104
  179. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs.map +0 -1
  180. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +0 -89
  181. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs.map +0 -1
  182. package/fesm2022/rededor-site-front-end-lib-cura-texts.mjs +0 -4
  183. package/fesm2022/rededor-site-front-end-lib-cura-texts.mjs.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-icons-cura-icon.mjs","sources":["../../../projects/site-front-end-lib/cura/icons/cura-icon/cura-icon.definitions.ts","../../../projects/site-front-end-lib/cura/icons/cura-icon/cura-icon.component.ts","../../../projects/site-front-end-lib/cura/icons/cura-icon/cura-icon.component.html","../../../projects/site-front-end-lib/cura/icons/cura-icon/rededor-site-front-end-lib-cura-icons-cura-icon.ts"],"sourcesContent":["export interface IconSize {\n size: number;\n stroke: number;\n}\n\nexport const iconSizes: Record<string, IconSize> = {\n '128': { size: 128, stroke: 5.25 },\n '72': { size: 72, stroke: 3.5 },\n '64': { size: 64, stroke: 3.25 },\n '48': { size: 48, stroke: 2.75 },\n '40': { size: 40, stroke: 2.5 },\n '32': { size: 32, stroke: 2.25 },\n '24': { size: 24, stroke: 2 },\n '20': { size: 20, stroke: 1.75 },\n '16': { size: 16, stroke: 1.5 },\n micro: { size: 12, stroke: 1.25 },\n default: { size: 24, stroke: 2 },\n};\n\nexport type IconSizeType = keyof typeof iconSizes | string | number;\n","import { Component, inject, input, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { iconSizes, IconSizeType } from './cura-icon.definitions';\n\n@Component({\n selector: 'cura-icon',\n imports: [CommonModule],\n templateUrl: './cura-icon.component.html',\n styleUrls: ['./cura-icon.component.scss'],\n host: {\n role: 'img',\n '[style.--size]': 'iconStyles().size',\n '[style.--stroke]': 'iconStyles().stroke',\n '[style.--color]': 'iconStyles().color',\n },\n})\nexport class CuraIconComponent {\n private curaApi = inject(CuraApiService);\n\n /**\n * Name of the icon to be used from iconset.\n */\n name = input<string>('');\n\n /**\n * Color of the icon. Uses theme color tokens.\n */\n color = input<string>('neutral-base');\n\n /**\n * Size of the icon. Can be a predefined size or custom number.\n */\n size = input<IconSizeType>('default');\n\n /**\n * Custom iconset if needed.\n */\n iconset = input<string>('default');\n\n /**\n * Disabled state. Boolean.\n */\n disabled = input<boolean>(false);\n\n // Computed signals\n private assetsPath = computed(() => this.curaApi.localAssetsPath());\n\n private iconSize = computed(() => {\n const sizeValue = this.size();\n\n const scaledStroke = (iconSize: string | number) => {\n return iconSizes[iconSize].stroke * (iconSizes['default'].size / iconSizes[iconSize].size);\n };\n\n const size = iconSizes[`${sizeValue}`] ? iconSizes[sizeValue].size : iconSizes['default'].size;\n const stroke = iconSizes[`${sizeValue}`] ? scaledStroke(sizeValue) : scaledStroke('default');\n\n return { size, stroke };\n });\n\n private iconColor = computed(() => {\n const colorValue = this.disabled() ? 'neutral-medium' : this.color();\n return this.curaApi.theme.colors.getColor(colorValue);\n });\n\n iconPath = computed(() => {\n return `${this.assetsPath()}/icons/iconset-${this.iconset()}.svg#${this.name()}`;\n });\n\n iconStyles = computed(() => {\n const sizeData = this.iconSize();\n return {\n size: `${sizeData.size}px`,\n stroke: `${sizeData.stroke}px`,\n color: this.iconColor(),\n };\n });\n}\n","<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\n <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,44 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, input, computed, Component } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
6
-
7
- class CuraLoaderBarComponent {
8
- constructor() {
9
- this.curaApi = inject(CuraApiService);
10
- /**
11
- * One from color scheme. Default: primary-base.
12
- */
13
- this.color = input('primary-base', ...(ngDevMode ? [{ debugName: "color" }] : []));
14
- /**
15
- * Progress percentage (0-100).
16
- */
17
- this.progress = input(0, ...(ngDevMode ? [{ debugName: "progress" }] : []));
18
- this.loaderStyles = computed(() => {
19
- return {
20
- '--neutral-base': this.curaApi.theme.colors.getColor('neutral-base', 0.2),
21
- '--color-base': this.curaApi.theme.colors.getColor(this.color()),
22
- '--bar-width': `${this.progress()}%`,
23
- };
24
- }, ...(ngDevMode ? [{ debugName: "loaderStyles" }] : []));
25
- }
26
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraLoaderBarComponent, isStandalone: true, selector: "cura-loader-bar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.aria-valuenow": "progress()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100" } }, ngImport: i0, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n <span class=\"progress-bar-fill\"></span>\n</div>\n", styles: [":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar .progress-bar-fill{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width .2s linear}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
28
- }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderBarComponent, decorators: [{
30
- type: Component,
31
- args: [{ selector: 'cura-loader-bar', imports: [CommonModule], host: {
32
- role: 'progressbar',
33
- '[attr.aria-valuenow]': 'progress()',
34
- '[attr.aria-valuemin]': '0',
35
- '[attr.aria-valuemax]': '100',
36
- }, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n <span class=\"progress-bar-fill\"></span>\n</div>\n", styles: [":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar .progress-bar-fill{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width .2s linear}\n"] }]
37
- }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }] } });
38
-
39
- /**
40
- * Generated bundle index. Do not edit.
41
- */
42
-
43
- export { CuraLoaderBarComponent };
44
- //# sourceMappingURL=rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs","sources":["../../../projects/site-front-end-lib/cura/loaders/cura-loader-bar/cura-loader-bar.component.ts","../../../projects/site-front-end-lib/cura/loaders/cura-loader-bar/cura-loader-bar.component.html","../../../projects/site-front-end-lib/cura/loaders/cura-loader-bar/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'cura-loader-bar',\n imports: [CommonModule],\n templateUrl: './cura-loader-bar.component.html',\n styleUrls: ['./cura-loader-bar.component.scss'],\n host: {\n role: 'progressbar',\n '[attr.aria-valuenow]': 'progress()',\n '[attr.aria-valuemin]': '0',\n '[attr.aria-valuemax]': '100',\n },\n})\nexport class CuraLoaderBarComponent {\n private curaApi = inject(CuraApiService);\n\n /**\n * One from color scheme. Default: primary-base.\n */\n color = input<string>('primary-base');\n\n /**\n * Progress percentage (0-100).\n */\n progress = input<number>(0);\n\n loaderStyles = computed(() => {\n return {\n '--neutral-base': this.curaApi.theme.colors.getColor('neutral-base', 0.2),\n '--color-base': this.curaApi.theme.colors.getColor(this.color()),\n '--bar-width': `${this.progress()}%`,\n };\n });\n}\n","<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n <span class=\"progress-bar-fill\"></span>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAgBa,sBAAsB,CAAA;AAZnC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;AAEG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,cAAc,iDAAC;AAErC;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,oDAAC;AAE3B,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;YAC3B,OAAO;AACL,gBAAA,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,CAAC;AACzE,gBAAA,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAChE,gBAAA,aAAa,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAA,CAAG;aACrC;AACH,QAAA,CAAC,wDAAC;AACH,IAAA;+GApBY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,GAAA,EAAA,oBAAA,EAAA,KAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,sIAGA,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAUX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB,CAAC,YAAY,CAAC,EAAA,IAAA,EAGjB;AACJ,wBAAA,IAAI,EAAE,aAAa;AACnB,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,GAAG;AAC3B,wBAAA,sBAAsB,EAAE,KAAK;AAC9B,qBAAA,EAAA,QAAA,EAAA,sIAAA,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}
@@ -1,49 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, input, computed, Component } from '@angular/core';
3
- import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
4
-
5
- class CuraLoaderCircleComponent {
6
- constructor() {
7
- this.curaApi = inject(CuraApiService);
8
- /**
9
- * Loader size. Values: small, medium, large or xlarge.
10
- */
11
- this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
12
- /**
13
- * One from color scheme. Default: neutral-white.
14
- */
15
- this.color = input('neutral-white', ...(ngDevMode ? [{ debugName: "color" }] : []));
16
- this.sizes = {
17
- xlarge: 32,
18
- large: 24,
19
- medium: 20,
20
- small: 16,
21
- default: 16,
22
- };
23
- // Computed signal
24
- this.loaderStyles = computed(() => {
25
- const pxSize = this.sizes[this.size()] || this.sizes['default'];
26
- return {
27
- size: `${pxSize}px`,
28
- color: this.curaApi.theme.colors.getColor(this.color()),
29
- };
30
- }, ...(ngDevMode ? [{ debugName: "loaderStyles" }] : []));
31
- }
32
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraLoaderCircleComponent, isStandalone: true, selector: "cura-loader-circle", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "style.--size": "loaderStyles().size", "style.--color": "loaderStyles().color" } }, ngImport: i0, template: "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\n <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\n </g>\n <defs>\n <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n <stop />\n <stop offset=\"1\" />\n </linearGradient>\n </defs>\n</svg>\n", styles: [":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate .7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:.14}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }); }
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderCircleComponent, decorators: [{
36
- type: Component,
37
- args: [{ selector: 'cura-loader-circle', host: {
38
- role: 'progressbar',
39
- '[style.--size]': 'loaderStyles().size',
40
- '[style.--color]': 'loaderStyles().color',
41
- }, template: "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\n <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\n </g>\n <defs>\n <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n <stop />\n <stop offset=\"1\" />\n </linearGradient>\n </defs>\n</svg>\n", styles: [":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate .7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:.14}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
42
- }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
43
-
44
- /**
45
- * Generated bundle index. Do not edit.
46
- */
47
-
48
- export { CuraLoaderCircleComponent };
49
- //# sourceMappingURL=rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs","sources":["../../../projects/site-front-end-lib/cura/loaders/cura-loader-circle/cura-loader-circle.component.ts","../../../projects/site-front-end-lib/cura/loaders/cura-loader-circle/cura-loader-circle.component.html","../../../projects/site-front-end-lib/cura/loaders/cura-loader-circle/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\nexport type LoaderSize = 'small' | 'medium' | 'large' | 'xlarge';\n\n@Component({\n selector: 'cura-loader-circle',\n templateUrl: './cura-loader-circle.component.html',\n styleUrls: ['./cura-loader-circle.component.scss'],\n host: {\n role: 'progressbar',\n '[style.--size]': 'loaderStyles().size',\n '[style.--color]': 'loaderStyles().color',\n },\n})\nexport class CuraLoaderCircleComponent {\n private curaApi = inject(CuraApiService);\n\n /**\n * Loader size. Values: small, medium, large or xlarge.\n */\n size = input<LoaderSize>('medium');\n\n /**\n * One from color scheme. Default: neutral-white.\n */\n color = input<string>('neutral-white');\n\n private sizes = {\n xlarge: 32,\n large: 24,\n medium: 20,\n small: 16,\n default: 16,\n };\n\n // Computed signal\n loaderStyles = computed(() => {\n const pxSize = this.sizes[this.size()] || this.sizes['default'];\n return {\n size: `${pxSize}px`,\n color: this.curaApi.theme.colors.getColor(this.color()),\n };\n });\n}\n","<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\n <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\n </g>\n <defs>\n <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n <stop />\n <stop offset=\"1\" />\n </linearGradient>\n </defs>\n</svg>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAea,yBAAyB,CAAA;AAVtC,IAAA,WAAA,GAAA;AAWU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,QAAQ,gDAAC;AAElC;;AAEG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,eAAe,iDAAC;AAE9B,QAAA,IAAA,CAAA,KAAK,GAAG;AACd,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,OAAO,EAAE,EAAE;SACZ;;AAGD,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC3B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YAC/D,OAAO;gBACL,IAAI,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;AACnB,gBAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;aACxD;AACH,QAAA,CAAC,wDAAC;AACH,IAAA;+GA7BY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,wdCftC,wkBAYA,EAAA,MAAA,EAAA,CAAA,+aAAA,CAAA,EAAA,CAAA,CAAA;;4FDGa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,IAAI,EAAE,aAAa;AACnB,wBAAA,gBAAgB,EAAE,qBAAqB;AACvC,wBAAA,iBAAiB,EAAE,sBAAsB;AAC1C,qBAAA,EAAA,QAAA,EAAA,wkBAAA,EAAA,MAAA,EAAA,CAAA,+aAAA,CAAA,EAAA;;;AEbH;;AAEG;;;;"}
@@ -1,84 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, input, computed, Component } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
6
-
7
- class CuraDisplayComponent {
8
- constructor() {
9
- this.curaApi = inject(CuraApiService);
10
- /**
11
- * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
12
- * Values: 1(default) to 6.
13
- */
14
- this.level = input(1, ...(ngDevMode ? [{ debugName: "level" }] : []));
15
- /**
16
- * Display size.
17
- * Values: 'large' (default) | 'small'.
18
- */
19
- this.size = input('large', ...(ngDevMode ? [{ debugName: "size" }] : []));
20
- /**
21
- * Apply design system color to interactive elements like <a> and <abbr> inside the text.
22
- * Values: Color from design system scheme. Default to 'accent-dark'.
23
- */
24
- this.spotColor = input('accent-dark', ...(ngDevMode ? [{ debugName: "spotColor" }] : []));
25
- /**
26
- * Text color.
27
- * Values: Color from design system scheme. Default to the font color from the theme.
28
- */
29
- this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
30
- /**
31
- * CSS margin-block property values.
32
- * Default to 1.25em
33
- */
34
- this.marginBlock = input('1.25em', ...(ngDevMode ? [{ debugName: "marginBlock" }] : []));
35
- /**
36
- * CSS line-height property values.
37
- * Default to 120%
38
- */
39
- this.lineHeight = input('120%', ...(ngDevMode ? [{ debugName: "lineHeight" }] : []));
40
- this.containerClasses = computed(() => {
41
- return this.size().toLowerCase();
42
- }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
43
- this.displayStyles = computed(() => {
44
- return {
45
- marginBlock: this.marginBlock(),
46
- fontSizeBase: this.curaApi.theme.fonts.getSize(),
47
- lineHeight: this.lineHeight(),
48
- };
49
- }, ...(ngDevMode ? [{ debugName: "displayStyles" }] : []));
50
- this.headingStyles = computed(() => {
51
- const weights = this.curaApi.theme.fonts.getWeights();
52
- const bodyColor = this.color()
53
- ? this.curaApi.theme.colors.getColor(this.color())
54
- : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');
55
- return {
56
- '--font-family': this.curaApi.theme.fonts.getFamily('display'),
57
- '--font-size': this.curaApi.theme.fonts.getSize(),
58
- '--font-weight-bold': weights.bold,
59
- '--font-weight-medium': weights.medium,
60
- '--color-body': bodyColor,
61
- '--color-link': this.curaApi.theme.colors.getColor(this.spotColor()),
62
- };
63
- }, ...(ngDevMode ? [{ debugName: "headingStyles" }] : []));
64
- }
65
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
66
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraDisplayComponent, isStandalone: true, selector: "cura-display", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spotColor: { classPropertyName: "spotColor", publicName: "spotColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, marginBlock: { classPropertyName: "marginBlock", publicName: "marginBlock", isSignal: true, isRequired: false, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "level()", "style.--margin-block": "displayStyles().marginBlock", "style.--font-size-base": "displayStyles().fontSizeBase", "style.--line-height": "displayStyles().lineHeight" } }, ngImport: i0, template: "<ng-template #display>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n}\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep i,:host h1 ::ng-deep em,:host h2 ::ng-deep i,:host h2 ::ng-deep em,:host h3 ::ng-deep i,:host h3 ::ng-deep em,:host h4 ::ng-deep i,:host h4 ::ng-deep em,:host h5 ::ng-deep i,:host h5 ::ng-deep em,:host h6 ::ng-deep i,:host h6 ::ng-deep em{font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media(min-width:769px)and (max-width:1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media(min-width:1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
67
- }
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraDisplayComponent, decorators: [{
69
- type: Component,
70
- args: [{ selector: 'cura-display', imports: [CommonModule], host: {
71
- role: 'heading',
72
- '[attr.aria-level]': 'level()',
73
- '[style.--margin-block]': 'displayStyles().marginBlock',
74
- '[style.--font-size-base]': 'displayStyles().fontSizeBase',
75
- '[style.--line-height]': 'displayStyles().lineHeight',
76
- }, template: "<ng-template #display>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n}\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep i,:host h1 ::ng-deep em,:host h2 ::ng-deep i,:host h2 ::ng-deep em,:host h3 ::ng-deep i,:host h3 ::ng-deep em,:host h4 ::ng-deep i,:host h4 ::ng-deep em,:host h5 ::ng-deep i,:host h5 ::ng-deep em,:host h6 ::ng-deep i,:host h6 ::ng-deep em{font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media(min-width:769px)and (max-width:1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media(min-width:1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}\n"] }]
77
- }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], spotColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], marginBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBlock", required: false }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }] } });
78
-
79
- /**
80
- * Generated bundle index. Do not edit.
81
- */
82
-
83
- export { CuraDisplayComponent };
84
- //# sourceMappingURL=rededor-site-front-end-lib-cura-texts-cura-display.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-texts-cura-display.mjs","sources":["../../../projects/site-front-end-lib/cura/texts/cura-display/cura-display.component.ts","../../../projects/site-front-end-lib/cura/texts/cura-display/cura-display.component.html","../../../projects/site-front-end-lib/cura/texts/cura-display/rededor-site-front-end-lib-cura-texts-cura-display.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { HeadingLevel, DisplaySize } from '@rededor/site-front-end-lib/cura/texts';\n\n@Component({\n selector: 'cura-display',\n imports: [CommonModule],\n templateUrl: './cura-display.component.html',\n styleUrls: ['./cura-display.component.scss'],\n host: {\n role: 'heading',\n '[attr.aria-level]': 'level()',\n '[style.--margin-block]': 'displayStyles().marginBlock',\n '[style.--font-size-base]': 'displayStyles().fontSizeBase',\n '[style.--line-height]': 'displayStyles().lineHeight',\n },\n})\nexport class CuraDisplayComponent {\n private curaApi = inject(CuraApiService);\n\n /**\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1(default) to 6.\n */\n level = input<HeadingLevel>(1);\n\n /**\n * Display size.\n * Values: 'large' (default) | 'small'.\n */\n size = input<DisplaySize>('large');\n\n /**\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n * Values: Color from design system scheme. Default to 'accent-dark'.\n */\n spotColor = input<string>('accent-dark');\n\n /**\n * Text color.\n * Values: Color from design system scheme. Default to the font color from the theme.\n */\n color = input<string>('');\n\n /**\n * CSS margin-block property values.\n * Default to 1.25em\n */\n marginBlock = input<string>('1.25em');\n\n /**\n * CSS line-height property values.\n * Default to 120%\n */\n lineHeight = input<string>('120%');\n\n containerClasses = computed(() => {\n return this.size().toLowerCase();\n });\n\n displayStyles = computed(() => {\n return {\n marginBlock: this.marginBlock(),\n fontSizeBase: this.curaApi.theme.fonts.getSize(),\n lineHeight: this.lineHeight(),\n };\n });\n\n headingStyles = computed(() => {\n const weights = this.curaApi.theme.fonts.getWeights();\n const bodyColor = this.color()\n ? this.curaApi.theme.colors.getColor(this.color())\n : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');\n\n return {\n '--font-family': this.curaApi.theme.fonts.getFamily('display'),\n '--font-size': this.curaApi.theme.fonts.getSize(),\n '--font-weight-bold': weights.bold,\n '--font-weight-medium': weights.medium,\n '--color-body': bodyColor,\n '--color-link': this.curaApi.theme.colors.getColor(this.spotColor()),\n };\n });\n}\n","<ng-template #display>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,104 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, input, computed, Component } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
6
-
7
- class CuraHeadingComponent {
8
- constructor() {
9
- this.curaApi = inject(CuraApiService);
10
- /**
11
- * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
12
- * Values: 1(default) to 6.
13
- */
14
- this.level = input(1, ...(ngDevMode ? [{ debugName: "level" }] : []));
15
- /**
16
- * Heading style size.
17
- * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
18
- */
19
- this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
20
- /**
21
- * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
22
- * Values: regular (default) | bold.
23
- */
24
- this.weight = input('regular', ...(ngDevMode ? [{ debugName: "weight" }] : []));
25
- /**
26
- * Apply design system color to interactive elements like <a> and <abbr> inside the text.
27
- * Values: Color from design system scheme. Default to 'accent-dark'.
28
- */
29
- this.spotColor = input('accent-dark', ...(ngDevMode ? [{ debugName: "spotColor" }] : []));
30
- /**
31
- * Text color.
32
- * Values: Color from design system scheme. Default to the font color from the theme.
33
- */
34
- this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
35
- /**
36
- * CSS margin-block property values.
37
- * Default to 1.25em
38
- */
39
- this.marginBlock = input('1.25em', ...(ngDevMode ? [{ debugName: "marginBlock" }] : []));
40
- /**
41
- * CSS line-height property values.
42
- * Default to 130%
43
- */
44
- this.lineHeight = input('130%', ...(ngDevMode ? [{ debugName: "lineHeight" }] : []));
45
- /**
46
- * Apply text-overflow ellipsis definitions.
47
- * Default to none
48
- */
49
- this.textOverflow = input('none', ...(ngDevMode ? [{ debugName: "textOverflow" }] : []));
50
- // Computed signals
51
- this.containerClasses = computed(() => {
52
- const classes = [];
53
- classes.push(this.size().toLowerCase());
54
- classes.push(`${this.weight().toLowerCase()}-weight`);
55
- if (this.textOverflow() === 'single') {
56
- classes.push('textoverflow-single');
57
- }
58
- return classes.join(' ');
59
- }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
60
- this.hostStyles = computed(() => {
61
- const bodyColor = this.color()
62
- ? this.curaApi.theme.colors.getColor(this.color())
63
- : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');
64
- return {
65
- marginBlock: this.marginBlock(),
66
- fontSizeBase: this.curaApi.theme.fonts.getSize(),
67
- lineHeight: this.lineHeight(),
68
- colorBody: bodyColor,
69
- colorSpot: this.curaApi.theme.colors.getColor(this.spotColor()),
70
- };
71
- }, ...(ngDevMode ? [{ debugName: "hostStyles" }] : []));
72
- this.headingStyles = computed(() => {
73
- const weights = this.curaApi.theme.fonts.getWeights();
74
- return {
75
- '--font-family': this.curaApi.theme.fonts.getFamily('heading'),
76
- '--font-weight-regular': weights.regular,
77
- '--font-weight-medium': weights.medium,
78
- '--font-weight-bold': weights.bold,
79
- '--font-weight-black': weights.black,
80
- };
81
- }, ...(ngDevMode ? [{ debugName: "headingStyles" }] : []));
82
- }
83
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
84
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraHeadingComponent, isStandalone: true, selector: "cura-heading", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, spotColor: { classPropertyName: "spotColor", publicName: "spotColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, marginBlock: { classPropertyName: "marginBlock", publicName: "marginBlock", isSignal: true, isRequired: false, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, textOverflow: { classPropertyName: "textOverflow", publicName: "textOverflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "level()", "style.--margin-block": "hostStyles().marginBlock", "style.--font-size-base": "hostStyles().fontSizeBase", "style.--line-height": "hostStyles().lineHeight", "style.--color-body": "hostStyles().colorBody", "style.--color-spot": "hostStyles().colorSpot" } }, ngImport: i0, template: "<ng-template #heading>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h1>\n }\n}\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;font-weight:var(--font-weight-medium);letter-spacing:.6px}:host h1.xsmall.bold-weight,:host h2.xsmall.bold-weight,:host h3.xsmall.bold-weight,:host h4.xsmall.bold-weight,:host h5.xsmall.bold-weight,:host h6.xsmall.bold-weight{font-weight:var(--font-weight-bold)}:host h1.textoverflow-single,:host h2.textoverflow-single,:host h3.textoverflow-single,:host h4.textoverflow-single,:host h5.textoverflow-single,:host h6.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-spot);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}:host h1 ::ng-deep i,:host h2 ::ng-deep i,:host h3 ::ng-deep i,:host h4 ::ng-deep i,:host h5 ::ng-deep i,:host h6 ::ng-deep i{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep em,:host h2 ::ng-deep em,:host h3 ::ng-deep em,:host h4 ::ng-deep em,:host h5 ::ng-deep em,:host h6 ::ng-deep em{color:var(--color-spot);font-weight:var(--font-weight-bold);font-style:normal}:host h1.small ::ng-deep b,:host h1.small ::ng-deep strong,:host h2.small ::ng-deep b,:host h2.small ::ng-deep strong,:host h3.small ::ng-deep b,:host h3.small ::ng-deep strong,:host h4.small ::ng-deep b,:host h4.small ::ng-deep strong,:host h5.small ::ng-deep b,:host h5.small ::ng-deep strong,:host h6.small ::ng-deep b,:host h6.small ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1.xsmall ::ng-deep b,:host h1.xsmall ::ng-deep strong,:host h2.xsmall ::ng-deep b,:host h2.xsmall ::ng-deep strong,:host h3.xsmall ::ng-deep b,:host h3.xsmall ::ng-deep strong,:host h4.xsmall ::ng-deep b,:host h4.xsmall ::ng-deep strong,:host h5.xsmall ::ng-deep b,:host h5.xsmall ::ng-deep strong,:host h6.xsmall ::ng-deep b,:host h6.xsmall ::ng-deep strong{font-weight:var(--font-weight-bold)}@media(min-width:769px)and (max-width:1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) + 3%);letter-spacing:.72px}}@media(min-width:1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:.28px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
85
- }
86
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraHeadingComponent, decorators: [{
87
- type: Component,
88
- args: [{ selector: 'cura-heading', imports: [CommonModule], host: {
89
- role: 'heading',
90
- '[attr.aria-level]': 'level()',
91
- '[style.--margin-block]': 'hostStyles().marginBlock',
92
- '[style.--font-size-base]': 'hostStyles().fontSizeBase',
93
- '[style.--line-height]': 'hostStyles().lineHeight',
94
- '[style.--color-body]': 'hostStyles().colorBody',
95
- '[style.--color-spot]': 'hostStyles().colorSpot',
96
- }, template: "<ng-template #heading>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h1>\n }\n}\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;font-weight:var(--font-weight-medium);letter-spacing:.6px}:host h1.xsmall.bold-weight,:host h2.xsmall.bold-weight,:host h3.xsmall.bold-weight,:host h4.xsmall.bold-weight,:host h5.xsmall.bold-weight,:host h6.xsmall.bold-weight{font-weight:var(--font-weight-bold)}:host h1.textoverflow-single,:host h2.textoverflow-single,:host h3.textoverflow-single,:host h4.textoverflow-single,:host h5.textoverflow-single,:host h6.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-spot);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}:host h1 ::ng-deep i,:host h2 ::ng-deep i,:host h3 ::ng-deep i,:host h4 ::ng-deep i,:host h5 ::ng-deep i,:host h6 ::ng-deep i{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep em,:host h2 ::ng-deep em,:host h3 ::ng-deep em,:host h4 ::ng-deep em,:host h5 ::ng-deep em,:host h6 ::ng-deep em{color:var(--color-spot);font-weight:var(--font-weight-bold);font-style:normal}:host h1.small ::ng-deep b,:host h1.small ::ng-deep strong,:host h2.small ::ng-deep b,:host h2.small ::ng-deep strong,:host h3.small ::ng-deep b,:host h3.small ::ng-deep strong,:host h4.small ::ng-deep b,:host h4.small ::ng-deep strong,:host h5.small ::ng-deep b,:host h5.small ::ng-deep strong,:host h6.small ::ng-deep b,:host h6.small ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1.xsmall ::ng-deep b,:host h1.xsmall ::ng-deep strong,:host h2.xsmall ::ng-deep b,:host h2.xsmall ::ng-deep strong,:host h3.xsmall ::ng-deep b,:host h3.xsmall ::ng-deep strong,:host h4.xsmall ::ng-deep b,:host h4.xsmall ::ng-deep strong,:host h5.xsmall ::ng-deep b,:host h5.xsmall ::ng-deep strong,:host h6.xsmall ::ng-deep b,:host h6.xsmall ::ng-deep strong{font-weight:var(--font-weight-bold)}@media(min-width:769px)and (max-width:1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) + 3%);letter-spacing:.72px}}@media(min-width:1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:.28px}}\n"] }]
97
- }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], weight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], spotColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], marginBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBlock", required: false }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }], textOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOverflow", required: false }] }] } });
98
-
99
- /**
100
- * Generated bundle index. Do not edit.
101
- */
102
-
103
- export { CuraHeadingComponent };
104
- //# sourceMappingURL=rededor-site-front-end-lib-cura-texts-cura-heading.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-texts-cura-heading.mjs","sources":["../../../projects/site-front-end-lib/cura/texts/cura-heading/cura-heading.component.ts","../../../projects/site-front-end-lib/cura/texts/cura-heading/cura-heading.component.html","../../../projects/site-front-end-lib/cura/texts/cura-heading/rededor-site-front-end-lib-cura-texts-cura-heading.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { HeadingLevel, TextSize, TextWeight, TextOverflow } from '@rededor/site-front-end-lib/cura/texts';\n\n@Component({\n selector: 'cura-heading',\n imports: [CommonModule],\n templateUrl: './cura-heading.component.html',\n styleUrls: ['./cura-heading.component.scss'],\n host: {\n role: 'heading',\n '[attr.aria-level]': 'level()',\n '[style.--margin-block]': 'hostStyles().marginBlock',\n '[style.--font-size-base]': 'hostStyles().fontSizeBase',\n '[style.--line-height]': 'hostStyles().lineHeight',\n '[style.--color-body]': 'hostStyles().colorBody',\n '[style.--color-spot]': 'hostStyles().colorSpot',\n },\n})\nexport class CuraHeadingComponent {\n private curaApi = inject(CuraApiService);\n\n /**\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1(default) to 6.\n */\n level = input<HeadingLevel>(1);\n\n /**\n * Heading style size.\n * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n */\n size = input<TextSize>('medium');\n\n /**\n * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n * Values: regular (default) | bold.\n */\n weight = input<TextWeight>('regular');\n\n /**\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n * Values: Color from design system scheme. Default to 'accent-dark'.\n */\n spotColor = input<string>('accent-dark');\n\n /**\n * Text color.\n * Values: Color from design system scheme. Default to the font color from the theme.\n */\n color = input<string>('');\n\n /**\n * CSS margin-block property values.\n * Default to 1.25em\n */\n marginBlock = input<string>('1.25em');\n\n /**\n * CSS line-height property values.\n * Default to 130%\n */\n lineHeight = input<string>('130%');\n\n /**\n * Apply text-overflow ellipsis definitions.\n * Default to none\n */\n textOverflow = input<TextOverflow>('none');\n\n // Computed signals\n containerClasses = computed(() => {\n const classes = [];\n\n classes.push(this.size().toLowerCase());\n classes.push(`${this.weight().toLowerCase()}-weight`);\n\n if (this.textOverflow() === 'single') {\n classes.push('textoverflow-single');\n }\n\n return classes.join(' ');\n });\n\n hostStyles = computed(() => {\n const bodyColor = this.color()\n ? this.curaApi.theme.colors.getColor(this.color())\n : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');\n\n return {\n marginBlock: this.marginBlock(),\n fontSizeBase: this.curaApi.theme.fonts.getSize(),\n lineHeight: this.lineHeight(),\n colorBody: bodyColor,\n colorSpot: this.curaApi.theme.colors.getColor(this.spotColor()),\n };\n });\n\n headingStyles = computed(() => {\n const weights = this.curaApi.theme.fonts.getWeights();\n\n return {\n '--font-family': this.curaApi.theme.fonts.getFamily('heading'),\n '--font-weight-regular': weights.regular,\n '--font-weight-medium': weights.medium,\n '--font-weight-bold': weights.bold,\n '--font-weight-black': weights.black,\n };\n });\n}\n","<ng-template #heading>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n </h1>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAoBa,oBAAoB,CAAA;AAfjC,IAAA,WAAA,GAAA;AAgBU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;;AAGG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAe,CAAC,iDAAC;AAE9B;;;AAGG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAW,QAAQ,gDAAC;AAEhC;;;AAGG;AACH,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAa,SAAS,kDAAC;AAErC;;;AAGG;AACH,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,aAAa,qDAAC;AAExC;;;AAGG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AAEzB;;;AAGG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,QAAQ,uDAAC;AAErC;;;AAGG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,MAAM,sDAAC;AAElC;;;AAGG;AACH,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAe,MAAM,wDAAC;;AAG1C,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;YAC/B,MAAM,OAAO,GAAG,EAAE;YAElB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AACvC,YAAA,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAA,OAAA,CAAS,CAAC;AAErD,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,QAAQ,EAAE;AACpC,gBAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;YACrC;AAEA,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,CAAC,4DAAC;AAEF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACzB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;AAC1B,kBAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE;kBAC/C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC;YAE/F,OAAO;AACL,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;gBAC/B,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;AAChD,gBAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC7B,gBAAA,SAAS,EAAE,SAAS;AACpB,gBAAA,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;aAChE;AACH,QAAA,CAAC,sDAAC;AAEF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC5B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE;YAErD,OAAO;AACL,gBAAA,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;gBAC9D,uBAAuB,EAAE,OAAO,CAAC,OAAO;gBACxC,sBAAsB,EAAE,OAAO,CAAC,MAAM;gBACtC,oBAAoB,EAAE,OAAO,CAAC,IAAI;gBAClC,qBAAqB,EAAE,OAAO,CAAC,KAAK;aACrC;AACH,QAAA,CAAC,yDAAC;AACH,IAAA;+GA1FY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,wBAAA,EAAA,2BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBjC,+vCAyCA,EAAA,MAAA,EAAA,CAAA,wvJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAaX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAfhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,OAAA,EACf,CAAC,YAAY,CAAC,EAAA,IAAA,EAGjB;AACJ,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,wBAAwB,EAAE,0BAA0B;AACpD,wBAAA,0BAA0B,EAAE,2BAA2B;AACvD,wBAAA,uBAAuB,EAAE,yBAAyB;AAClD,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,sBAAsB,EAAE,wBAAwB;AACjD,qBAAA,EAAA,QAAA,EAAA,+vCAAA,EAAA,MAAA,EAAA,CAAA,wvJAAA,CAAA,EAAA;;;AElBH;;AAEG;;;;"}
@@ -1,89 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, input, computed, Component } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
6
-
7
- class CuraParagraphComponent {
8
- constructor() {
9
- this.curaApi = inject(CuraApiService);
10
- /**
11
- * Set size of body text.
12
- * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
13
- */
14
- this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
15
- /**
16
- * Apply design system color to interactive elements like <a> and <abbr> inside the text.
17
- * Values: Color from design system scheme. Default to 'accent-dark'.
18
- */
19
- this.spotColor = input('accent-dark', ...(ngDevMode ? [{ debugName: "spotColor" }] : []));
20
- /**
21
- * Text color.
22
- * Values: Color from design system scheme. Default to the font color from the theme.
23
- */
24
- this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
25
- /**
26
- * CSS margin-block property values.
27
- * Default to 1.25em
28
- */
29
- this.marginBlock = input('1.25em', ...(ngDevMode ? [{ debugName: "marginBlock" }] : []));
30
- /**
31
- * CSS line-height property values.
32
- * Default to 140%
33
- */
34
- this.lineHeight = input('140%', ...(ngDevMode ? [{ debugName: "lineHeight" }] : []));
35
- /**
36
- * Apply text-overflow ellipsis definitions.
37
- * Default to none
38
- */
39
- this.textOverflow = input('none', ...(ngDevMode ? [{ debugName: "textOverflow" }] : []));
40
- this.containerClasses = computed(() => {
41
- const classes = [];
42
- classes.push(this.size().toLowerCase());
43
- if (this.textOverflow() === 'single') {
44
- classes.push('textoverflow-single');
45
- }
46
- return classes.join(' ');
47
- }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
48
- this.hostStyles = computed(() => {
49
- const bodyColor = this.color()
50
- ? this.curaApi.theme.colors.getColor(this.color())
51
- : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');
52
- return {
53
- marginBlock: this.marginBlock(),
54
- fontSizeBase: this.curaApi.theme.fonts.getSize(),
55
- lineHeight: this.lineHeight(),
56
- colorBody: bodyColor,
57
- colorSpot: this.curaApi.theme.colors.getColor(this.spotColor()),
58
- };
59
- }, ...(ngDevMode ? [{ debugName: "hostStyles" }] : []));
60
- this.paragraphStyles = computed(() => {
61
- const weights = this.curaApi.theme.fonts.getWeights();
62
- return {
63
- '--font-family': this.curaApi.theme.fonts.getFamily('body'),
64
- '--font-weight-regular': weights.regular,
65
- '--font-weight-medium': weights.medium,
66
- '--font-weight-bold': weights.bold,
67
- };
68
- }, ...(ngDevMode ? [{ debugName: "paragraphStyles" }] : []));
69
- }
70
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
71
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraParagraphComponent, isStandalone: true, selector: "cura-paragraph", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spotColor: { classPropertyName: "spotColor", publicName: "spotColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, marginBlock: { classPropertyName: "marginBlock", publicName: "marginBlock", isSignal: true, isRequired: false, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, textOverflow: { classPropertyName: "textOverflow", publicName: "textOverflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--margin-block": "hostStyles().marginBlock", "style.--font-size-base": "hostStyles().fontSizeBase", "style.--line-height": "hostStyles().lineHeight", "style.--color-body": "hostStyles().colorBody", "style.--color-spot": "hostStyles().colorSpot" } }, ngImport: i0, template: "<p [class]=\"containerClasses()\" [ngStyle]=\"paragraphStyles()\">\n <ng-content></ng-content>\n</p>\n", styles: [":host{display:block;font-size:var(--font-size-base);min-width:0}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:.28px;width:100%}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:.48px}:host p.caption,:host p.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:.6px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::ng-deep b,:host p ::ng-deep strong{font-weight:var(--font-weight-bold)}:host p ::ng-deep a{font-weight:var(--font-weight-medium);color:var(--color-spot);text-underline-offset:10%}:host p ::ng-deep u{font-weight:var(--font-weight-medium);text-underline-offset:10%}:host p ::ng-deep i{font-style:italic}:host p ::ng-deep em{font-weight:var(--font-weight-bold);color:var(--color-spot);font-style:normal}:host p ::ng-deep abbr{color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}@media(min-width:769px)and (max-width:1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:.56px}:host p.caption,:host p.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:.72px}}@media(min-width:1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:.28px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
72
- }
73
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraParagraphComponent, decorators: [{
74
- type: Component,
75
- args: [{ selector: 'cura-paragraph', imports: [CommonModule], host: {
76
- '[style.--margin-block]': 'hostStyles().marginBlock',
77
- '[style.--font-size-base]': 'hostStyles().fontSizeBase',
78
- '[style.--line-height]': 'hostStyles().lineHeight',
79
- '[style.--color-body]': 'hostStyles().colorBody',
80
- '[style.--color-spot]': 'hostStyles().colorSpot',
81
- }, template: "<p [class]=\"containerClasses()\" [ngStyle]=\"paragraphStyles()\">\n <ng-content></ng-content>\n</p>\n", styles: [":host{display:block;font-size:var(--font-size-base);min-width:0}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:.28px;width:100%}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:.48px}:host p.caption,:host p.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:.6px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::ng-deep b,:host p ::ng-deep strong{font-weight:var(--font-weight-bold)}:host p ::ng-deep a{font-weight:var(--font-weight-medium);color:var(--color-spot);text-underline-offset:10%}:host p ::ng-deep u{font-weight:var(--font-weight-medium);text-underline-offset:10%}:host p ::ng-deep i{font-style:italic}:host p ::ng-deep em{font-weight:var(--font-weight-bold);color:var(--color-spot);font-style:normal}:host p ::ng-deep abbr{color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}@media(min-width:769px)and (max-width:1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:.56px}:host p.caption,:host p.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:.72px}}@media(min-width:1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:.28px}}\n"] }]
82
- }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], spotColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], marginBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBlock", required: false }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }], textOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOverflow", required: false }] }] } });
83
-
84
- /**
85
- * Generated bundle index. Do not edit.
86
- */
87
-
88
- export { CuraParagraphComponent };
89
- //# sourceMappingURL=rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs","sources":["../../../projects/site-front-end-lib/cura/texts/cura-paragraph/cura-paragraph.component.ts","../../../projects/site-front-end-lib/cura/texts/cura-paragraph/cura-paragraph.component.html","../../../projects/site-front-end-lib/cura/texts/cura-paragraph/rededor-site-front-end-lib-cura-texts-cura-paragraph.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { TextSize, TextOverflow } from '@rededor/site-front-end-lib/cura/texts';\n\n@Component({\n selector: 'cura-paragraph',\n imports: [CommonModule],\n templateUrl: './cura-paragraph.component.html',\n styleUrls: ['./cura-paragraph.component.scss'],\n host: {\n '[style.--margin-block]': 'hostStyles().marginBlock',\n '[style.--font-size-base]': 'hostStyles().fontSizeBase',\n '[style.--line-height]': 'hostStyles().lineHeight',\n '[style.--color-body]': 'hostStyles().colorBody',\n '[style.--color-spot]': 'hostStyles().colorSpot',\n },\n})\nexport class CuraParagraphComponent {\n private curaApi = inject(CuraApiService);\n\n /**\n * Set size of body text.\n * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n */\n size = input<TextSize>('medium');\n\n /**\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n * Values: Color from design system scheme. Default to 'accent-dark'.\n */\n spotColor = input<string>('accent-dark');\n\n /**\n * Text color.\n * Values: Color from design system scheme. Default to the font color from the theme.\n */\n color = input<string>('');\n\n /**\n * CSS margin-block property values.\n * Default to 1.25em\n */\n marginBlock = input<string>('1.25em');\n\n /**\n * CSS line-height property values.\n * Default to 140%\n */\n lineHeight = input<string>('140%');\n\n /**\n * Apply text-overflow ellipsis definitions.\n * Default to none\n */\n textOverflow = input<TextOverflow>('none');\n\n containerClasses = computed(() => {\n const classes = [];\n\n classes.push(this.size().toLowerCase());\n\n if (this.textOverflow() === 'single') {\n classes.push('textoverflow-single');\n }\n\n return classes.join(' ');\n });\n\n hostStyles = computed(() => {\n const bodyColor = this.color()\n ? this.curaApi.theme.colors.getColor(this.color())\n : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');\n\n return {\n marginBlock: this.marginBlock(),\n fontSizeBase: this.curaApi.theme.fonts.getSize(),\n lineHeight: this.lineHeight(),\n colorBody: bodyColor,\n colorSpot: this.curaApi.theme.colors.getColor(this.spotColor()),\n };\n });\n\n paragraphStyles = computed(() => {\n const weights = this.curaApi.theme.fonts.getWeights();\n\n return {\n '--font-family': this.curaApi.theme.fonts.getFamily('body'),\n '--font-weight-regular': weights.regular,\n '--font-weight-medium': weights.medium,\n '--font-weight-bold': weights.bold,\n };\n });\n}\n","<p [class]=\"containerClasses()\" [ngStyle]=\"paragraphStyles()\">\n <ng-content></ng-content>\n</p>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- //# sourceMappingURL=rededor-site-front-end-lib-cura-texts.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-cura-texts.mjs","sources":["../../../projects/site-front-end-lib/cura/texts/rededor-site-front-end-lib-cura-texts.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}