@mozaic-ds/angular 0.23.2-beta.4 → 0.24.0-beta.0

package/fesm2020/mozaic-ds-angular.mjs

@@ -3353,6 +3353,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+class HeadingComponent {
+    constructor() {
+        this.size = 'm';
+        this.underline = false;
+        this.lightest = false;
+        this.lineHeightXS = false;
+    }
+}
+HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HeadingComponent, selector: "moz-heading", inputs: { size: "size", weight: "weight", underline: "underline", lightest: "lightest", alignment: "alignment", lineHeightXS: "lineHeightXS", underlineColor: "underlineColor" }, ngImport: i0, template: "<p\n  class=\"mt-heading\"\n  [ngClass]=\"[\n    underline\n      ? 'mt-heading--underline'\n      : weight && weight !== 'regular'\n      ? 'mt-heading--' + weight\n      : '',\n    lightest ? 'mt-heading--lightest' : '',\n    size ? 'mt-heading--' + size : 'mt-heading--s',\n    lightest ? 'mt-heading--lightest' : '',\n    alignment ? 'mt-heading--' + alignment : '',\n    lineHeightXS ? 'mt-heading--line-height-xs' : '',\n    underlineColor && underlineColor !== 'primary' ? 'mt-heading--line-' + underlineColor : ''\n  ]\"\n>\n  <ng-content></ng-content>\n</p>\n", styles: [".mt-heading{font-family:LeroyMerlin,sans-serif;font-weight:400;color:#000;display:block;margin-bottom:2rem}.mt-heading--underline:after{content:\"\";display:block;height:.25rem;background-color:#46a610}.mt-heading--line-primary-01-200:after,.mt-heading--line-lightest:after{background-color:#c5e39e}.mt-heading--line-primary-02-200:after{background-color:#cfd2d8}.mt-heading--line-primary-02-600:after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline:after{margin-left:auto;margin-right:auto}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline:after{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline:after{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline:after{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline:after{margin-left:auto;margin-right:auto}}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline:after{margin-left:auto;margin-right:0}@media screen and (min-width: 680px){.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline:after{margin-left:auto;margin-right:0}}@media screen and (min-width: 1024px){.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline:after{margin-left:auto;margin-right:0}}@media screen and (min-width: 1280px){.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline:after{margin-left:auto;margin-right:0}}@media screen and (min-width: 1920px){.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline:after{margin-left:auto;margin-right:0}}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline:after{margin-left:0;margin-right:auto}@media screen and (min-width: 680px){.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline:after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1024px){.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline:after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1280px){.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline:after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline:after{margin-left:0;margin-right:auto}}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}@media screen and (min-width: 680px){.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}}.mt-heading--s.mt-heading--underline:after{width:4rem;margin-top:1rem}@media screen and (min-width: 680px){.mt-heading--s.mt-heading--underline:after{width:4.5rem;margin-top:1rem}}@media screen and (min-width: 1024px){.mt-heading--s.mt-heading--underline:after{width:5rem;margin-top:1.25rem}}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}@media screen and (min-width: 680px){.mt-heading--s.mt-heading--line-height-xs{line-height:1}}@media screen and (min-width: 1024px){.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}}@media screen and (min-width: 1024px){.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}}.mt-heading--m.mt-heading--underline:after{width:4.5rem;margin-top:1rem}@media screen and (min-width: 680px){.mt-heading--m.mt-heading--underline:after{width:5rem;margin-top:1.25rem}}@media screen and (min-width: 1024px){.mt-heading--m.mt-heading--underline:after{width:5.5rem;margin-top:1.5rem}}.mt-heading--m.mt-heading--line-height-xs{line-height:1}@media screen and (min-width: 680px){.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}}@media screen and (min-width: 1024px){.mt-heading--m.mt-heading--line-height-xs{line-height:.9756097561}}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}@media screen and (min-width: 680px){.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}}@media screen and (min-width: 1024px){.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}}.mt-heading--l.mt-heading--underline:after{width:5rem;margin-top:1.25rem}@media screen and (min-width: 680px){.mt-heading--l.mt-heading--underline:after{width:5.5rem;margin-top:1.5rem}}@media screen and (min-width: 1024px){.mt-heading--l.mt-heading--underline:after{width:6rem;margin-top:2rem}}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}@media screen and (min-width: 680px){.mt-heading--l.mt-heading--line-height-xs{line-height:.9756097561}}@media screen and (min-width: 1024px){.mt-heading--l.mt-heading--line-height-xs{line-height:.9795918367}}.mt-heading--lightest{color:#fff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'moz-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p\n  class=\"mt-heading\"\n  [ngClass]=\"[\n    underline\n      ? 'mt-heading--underline'\n      : weight && weight !== 'regular'\n      ? 'mt-heading--' + weight\n      : '',\n    lightest ? 'mt-heading--lightest' : '',\n    size ? 'mt-heading--' + size : 'mt-heading--s',\n    lightest ? 'mt-heading--lightest' : '',\n    alignment ? 'mt-heading--' + alignment : '',\n    lineHeightXS ? 'mt-heading--line-height-xs' : '',\n    underlineColor && underlineColor !== 'primary' ? 'mt-heading--line-' + underlineColor : ''\n  ]\"\n>\n  <ng-content></ng-content>\n</p>\n", styles: [".mt-heading{font-family:LeroyMerlin,sans-serif;font-weight:400;color:#000;display:block;margin-bottom:2rem}.mt-heading--underline:after{content:\"\";display:block;height:.25rem;background-color:#46a610}.mt-heading--line-primary-01-200:after,.mt-heading--line-lightest:after{background-color:#c5e39e}.mt-heading--line-primary-02-200:after{background-color:#cfd2d8}.mt-heading--line-primary-02-600:after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline:after{margin-left:auto;margin-right:auto}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline:after{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline:after{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline:after{margin-left:auto;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline:after{margin-left:auto;margin-right:auto}}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline:after{margin-left:auto;margin-right:0}@media screen and (min-width: 680px){.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline:after{margin-left:auto;margin-right:0}}@media screen and (min-width: 1024px){.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline:after{margin-left:auto;margin-right:0}}@media screen and (min-width: 1280px){.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline:after{margin-left:auto;margin-right:0}}@media screen and (min-width: 1920px){.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline:after{margin-left:auto;margin-right:0}}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline:after{margin-left:0;margin-right:auto}@media screen and (min-width: 680px){.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline:after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1024px){.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline:after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1280px){.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline:after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline:after{margin-left:0;margin-right:auto}}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}@media screen and (min-width: 680px){.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}}.mt-heading--s.mt-heading--underline:after{width:4rem;margin-top:1rem}@media screen and (min-width: 680px){.mt-heading--s.mt-heading--underline:after{width:4.5rem;margin-top:1rem}}@media screen and (min-width: 1024px){.mt-heading--s.mt-heading--underline:after{width:5rem;margin-top:1.25rem}}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}@media screen and (min-width: 680px){.mt-heading--s.mt-heading--line-height-xs{line-height:1}}@media screen and (min-width: 1024px){.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}}@media screen and (min-width: 1024px){.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}}.mt-heading--m.mt-heading--underline:after{width:4.5rem;margin-top:1rem}@media screen and (min-width: 680px){.mt-heading--m.mt-heading--underline:after{width:5rem;margin-top:1.25rem}}@media screen and (min-width: 1024px){.mt-heading--m.mt-heading--underline:after{width:5.5rem;margin-top:1.5rem}}.mt-heading--m.mt-heading--line-height-xs{line-height:1}@media screen and (min-width: 680px){.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}}@media screen and (min-width: 1024px){.mt-heading--m.mt-heading--line-height-xs{line-height:.9756097561}}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}@media screen and (min-width: 680px){.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}}@media screen and (min-width: 1024px){.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}}.mt-heading--l.mt-heading--underline:after{width:5rem;margin-top:1.25rem}@media screen and (min-width: 680px){.mt-heading--l.mt-heading--underline:after{width:5.5rem;margin-top:1.5rem}}@media screen and (min-width: 1024px){.mt-heading--l.mt-heading--underline:after{width:6rem;margin-top:2rem}}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}@media screen and (min-width: 680px){.mt-heading--l.mt-heading--line-height-xs{line-height:.9756097561}}@media screen and (min-width: 1024px){.mt-heading--l.mt-heading--line-height-xs{line-height:.9795918367}}.mt-heading--lightest{color:#fff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], weight: [{
+                type: Input
+            }], underline: [{
+                type: Input
+            }], lightest: [{
+                type: Input
+            }], alignment: [{
+                type: Input
+            }], lineHeightXS: [{
+                type: Input
+            }], underlineColor: [{
+                type: Input
+            }] } });
+
+class HeadingModule {
+}
+HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: HeadingModule, declarations: [HeadingComponent], imports: [CommonModule], exports: [HeadingComponent] });
+HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeadingModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HeadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HeadingComponent],
+                    imports: [CommonModule],
+                    exports: [HeadingComponent],
+                }]
+        }] });
+
 class AutocompleteComponent {
     constructor(eRef, cd) {
         this.eRef = eRef;
@@ -3634,5 +3677,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AutocompleteComponent, AutocompleteModule, BadgeComponent, BadgeModule, ButtonComponent, ButtonModule, CHECKBOX_CONTROL_VALUE_ACCESSOR, CheckboxComponent, CheckboxModule, DIALOG_CONFIG, DIALOG_DATA, DIALOG_REF, DialogComponent, DialogModule, DialogService, DropdownComponent, DropdownModule, FieldComponent, FieldErrorComponent, FieldModule, IconComponent, IconModule, IconService, InputIconDirective, LAYER_CONFIG, LAYER_DATA, LAYER_REF, LayerComponent, LayerModule, LayerService, ListboxComponent, ListboxModule, LoaderComponent, LoaderModule, LoaderService, MOZ_INPUT_ICON, MozDatatableCaptionComponent, MozDatatableComponent, MozDatatableContentCellComponent, MozDatatableFooterComponent, MozDatatableHeaderCellComponent, MozDatatableManagementComponent, MozDatatableManagementContentComponent, MozDatatableManagementModule, MozDatatableModule, MozDatatableRowExpansionContentComponent, MozDatatableSelectionComponent, MozDatatableSortDirective, NOTIFICATION_CONFIG, NotificationComponent, NotificationConfigFactory, NotificationContainerComponent, NotificationFooterComponent, NotificationMessageComponent, NotificationModule, NotificationService, NotificationTitleComponent, PAGINATION_CONTROL_VALUE_ACCESSOR, PaginationComponent, PaginationModule, ProgressBarComponent, ProgressBarModule, SelectComponent, SelectModule, StepComponent, StepperComponent, StepperModule, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabsComponent, TabsModule, TagComponent, TagModule, TaglistComponent, TaglistLayerContentComponent, TaglistModule, TextAreaComponent, TextAreaModule, TextInputComponent, TextInputModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipDirective, TooltipModule, castBooleanProperty, generateId, getRandomNumber, overwriteStyle };
+export { AutocompleteComponent, AutocompleteModule, BadgeComponent, BadgeModule, ButtonComponent, ButtonModule, CHECKBOX_CONTROL_VALUE_ACCESSOR, CheckboxComponent, CheckboxModule, DIALOG_CONFIG, DIALOG_DATA, DIALOG_REF, DialogComponent, DialogModule, DialogService, DropdownComponent, DropdownModule, FieldComponent, FieldErrorComponent, FieldModule, HeadingComponent, HeadingModule, IconComponent, IconModule, IconService, InputIconDirective, LAYER_CONFIG, LAYER_DATA, LAYER_REF, LayerComponent, LayerModule, LayerService, ListboxComponent, ListboxModule, LoaderComponent, LoaderModule, LoaderService, MOZ_INPUT_ICON, MozDatatableCaptionComponent, MozDatatableComponent, MozDatatableContentCellComponent, MozDatatableFooterComponent, MozDatatableHeaderCellComponent, MozDatatableManagementComponent, MozDatatableManagementContentComponent, MozDatatableManagementModule, MozDatatableModule, MozDatatableRowExpansionContentComponent, MozDatatableSelectionComponent, MozDatatableSortDirective, NOTIFICATION_CONFIG, NotificationComponent, NotificationConfigFactory, NotificationContainerComponent, NotificationFooterComponent, NotificationMessageComponent, NotificationModule, NotificationService, NotificationTitleComponent, PAGINATION_CONTROL_VALUE_ACCESSOR, PaginationComponent, PaginationModule, ProgressBarComponent, ProgressBarModule, SelectComponent, SelectModule, StepComponent, StepperComponent, StepperModule, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabsComponent, TabsModule, TagComponent, TagModule, TaglistComponent, TaglistLayerContentComponent, TaglistModule, TextAreaComponent, TextAreaModule, TextInputComponent, TextInputModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipDirective, TooltipModule, castBooleanProperty, generateId, getRandomNumber, overwriteStyle };
 //# sourceMappingURL=mozaic-ds-angular.mjs.map