@rededor/site-front-end-lib 20.0.33 → 20.0.34

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 (67) hide show
  1. package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +2 -2
  2. package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs.map +1 -1
  3. package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +6 -6
  4. package/fesm2022/rededor-site-front-end-lib-components-cards.mjs.map +1 -1
  5. package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +2 -2
  6. package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs.map +1 -1
  7. package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +2 -2
  8. package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs.map +1 -1
  9. package/fesm2022/rededor-site-front-end-lib-components-error.mjs +2 -2
  10. package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
  11. package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +2 -2
  12. package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map +1 -1
  13. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +2 -2
  14. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
  15. package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +2 -2
  16. package/fesm2022/rededor-site-front-end-lib-components-footer.mjs.map +1 -1
  17. package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +2 -2
  18. package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs.map +1 -1
  19. package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +4 -4
  20. package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map +1 -1
  21. package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +2 -2
  22. package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs.map +1 -1
  23. package/fesm2022/rededor-site-front-end-lib-components-header.mjs +2 -2
  24. package/fesm2022/rededor-site-front-end-lib-components-header.mjs.map +1 -1
  25. package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +2 -2
  26. package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs.map +1 -1
  27. package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +2 -2
  28. package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map +1 -1
  29. package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +2 -2
  30. package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs.map +1 -1
  31. package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +2 -2
  32. package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs.map +1 -1
  33. package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +2 -2
  34. package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs.map +1 -1
  35. package/fesm2022/rededor-site-front-end-lib-components-search.mjs +2 -2
  36. package/fesm2022/rededor-site-front-end-lib-components-search.mjs.map +1 -1
  37. package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +2 -2
  38. package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs.map +1 -1
  39. package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +8 -8
  40. package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs.map +1 -1
  41. package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +2 -2
  42. package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs.map +1 -1
  43. package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +2 -2
  44. package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs.map +1 -1
  45. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +2 -2
  46. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs.map +1 -1
  47. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +2 -2
  48. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs.map +1 -1
  49. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +2 -2
  50. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs.map +1 -1
  51. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +2 -2
  52. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs.map +1 -1
  53. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +2 -2
  54. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs.map +1 -1
  55. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +2 -2
  56. package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map +1 -1
  57. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +2 -2
  58. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs.map +1 -1
  59. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +2 -2
  60. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
  61. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +2 -2
  62. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs.map +1 -1
  63. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +2 -2
  64. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs.map +1 -1
  65. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +2 -2
  66. package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs.map +1 -1
  67. package/package.json +1 -1
@@ -63,7 +63,7 @@ class CuraDisplayComponent {
63
63
  }, ...(ngDevMode ? [{ debugName: "headingStyles" }] : []));
64
64
  }
65
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"] }] }); }
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
67
  }
68
68
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraDisplayComponent, decorators: [{
69
69
  type: Component,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
73
73
  '[style.--margin-block]': 'displayStyles().marginBlock',
74
74
  '[style.--font-size-base]': 'displayStyles().fontSizeBase',
75
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"] }]
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
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
78
 
79
79
  /**
@@ -1 +1 @@
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
+ {"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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"}
@@ -81,7 +81,7 @@ class CuraHeadingComponent {
81
81
  }, ...(ngDevMode ? [{ debugName: "headingStyles" }] : []));
82
82
  }
83
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"] }] }); }
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
85
  }
86
86
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraHeadingComponent, decorators: [{
87
87
  type: Component,
@@ -93,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
93
93
  '[style.--line-height]': 'hostStyles().lineHeight',
94
94
  '[style.--color-body]': 'hostStyles().colorBody',
95
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"] }]
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
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
98
 
99
99
  /**
@@ -1 +1 @@
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":"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"}
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":"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"}
@@ -68,7 +68,7 @@ class CuraParagraphComponent {
68
68
  }, ...(ngDevMode ? [{ debugName: "paragraphStyles" }] : []));
69
69
  }
70
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"] }] }); }
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
72
  }
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraParagraphComponent, decorators: [{
74
74
  type: Component,
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
78
78
  '[style.--line-height]': 'hostStyles().lineHeight',
79
79
  '[style.--color-body]': 'hostStyles().colorBody',
80
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"] }]
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
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
83
 
84
84
  /**
@@ -1 +1 @@
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
+ {"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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rededor/site-front-end-lib",
3
- "version": "20.0.33",
3
+ "version": "20.0.34",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.3.0",
6
6
  "@angular/core": "^20.3.0",