npm - @mozaic-ds/angular - Versions diffs - 0.24.0-test.2 → 0.24.0 - Mend

@mozaic-ds/angular 0.24.0-test.2 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/esm2020/components/breadcrumb/breadcrumb.component.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BreadcrumbComponent, selector: "moz-breadcrumb", inputs: { items: "items", darkMode: "darkMode", responsive: "responsive", noPadding: "noPadding" }, outputs: { clickLinkEvent: "clickLinkEvent" }, ngImport: i0, template: "<nav\n  class=\"mc-breadcrumb\"\n  [ngClass]=\"[\n    darkMode ? 'mc-breadcrumb--dark' : '',\n    responsive ? 'mc-breadcrumb--responsive' : '',\n    noPadding ? 'mc-breadcrumb--no-padding' : ''\n  ]\"\n  aria-label=\"Breadcrumb\"\n>\n  <ul class=\"mc-breadcrumb__container\">\n    <ng-container *ngFor=\"let item of items; let i = index\">\n      <li\n        class=\"mc-breadcrumb__item is-active\"\n        [ngClass]=\"{ 'is-active': responsive && i === getActiveItemIndex() }\"\n        (clickLinkEvent)=\"navigate(item)\"\n      >\n        <moz-link\n          *ngIf=\"!item.href; else withHref\"\n          [size]=\"'s'\"\n          [theme]=\"darkMode ? 'light' : ''\"\n          routerLinkActive\n          [routerLink]=\"item.route\"\n          [active]=\"item.active\"\n          >{{ item.label }}</moz-link\n        >\n        <ng-template #withHref>\n          <moz-link\n            *ngIf=\"!item.href; else withHref\"\n            [size]=\"'s'\"\n            [theme]=\"darkMode ? 'light' : ''\"\n            [href]=\"item.href\"\n            [active]=\"item.active\"\n            >{{ item.label }}</moz-link\n          >\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary:visited{color:#006902}.mc-link--primary:hover{color:#035010}.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb{font-family:LeroyMerlin,sans-serif;font-weight:400;color:#191919;padding:.9375rem 0 .9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#fff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LinkComponent, selector: "moz-link", inputs: ["size", "theme", "iconPosition", "disabled", "showIcon", "active", "href"], outputs: ["clickLinkEvent"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BreadcrumbComponent, selector: "moz-breadcrumb", inputs: { items: "items", darkMode: "darkMode", responsive: "responsive", noPadding: "noPadding" }, outputs: { clickLinkEvent: "clickLinkEvent" }, ngImport: i0, template: "<nav\n  class=\"mc-breadcrumb\"\n  [ngClass]=\"[\n    darkMode ? 'mc-breadcrumb--dark' : '',\n    responsive ? 'mc-breadcrumb--responsive' : '',\n    noPadding ? 'mc-breadcrumb--no-padding' : ''\n  ]\"\n  aria-label=\"Breadcrumb\"\n>\n  <ul class=\"mc-breadcrumb__container\">\n    <ng-container *ngFor=\"let item of items; let i = index\">\n      <li\n        class=\"mc-breadcrumb__item is-active\"\n        [ngClass]=\"{ 'is-active': responsive && i === getActiveItemIndex() }\"\n        (clickLinkEvent)=\"navigate(item)\"\n      >\n        <moz-link\n          *ngIf=\"!item.href; else withHref\"\n          [size]=\"'s'\"\n          [theme]=\"darkMode ? 'light' : ''\"\n          routerLinkActive\n          [routerLink]=\"item.route\"\n          [active]=\"item.active\"\n          >{{ item.label }}</moz-link\n        >\n        <ng-template #withHref>\n          <moz-link\n            *ngIf=\"!item.href; else withHref\"\n            [size]=\"'s'\"\n            [theme]=\"darkMode ? 'light' : ''\"\n            [href]=\"item.href\"\n            [active]=\"item.active\"\n            >{{ item.label }}</moz-link\n          >\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary:visited{color:#006902}.mc-link--primary:hover{color:#035010}.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb{font-family:LeroyMerlin,sans-serif;font-weight:400;color:#191919;padding:.9375rem 0 .9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{flex-shrink:0}}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#fff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LinkComponent, selector: "moz-link", inputs: ["size", "theme", "iconPosition", "disabled", "showIcon", "active", "href"], outputs: ["clickLinkEvent"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav\n  class=\"mc-breadcrumb\"\n  [ngClass]=\"[\n    darkMode ? 'mc-breadcrumb--dark' : '',\n    responsive ? 'mc-breadcrumb--responsive' : '',\n    noPadding ? 'mc-breadcrumb--no-padding' : ''\n  ]\"\n  aria-label=\"Breadcrumb\"\n>\n  <ul class=\"mc-breadcrumb__container\">\n    <ng-container *ngFor=\"let item of items; let i = index\">\n      <li\n        class=\"mc-breadcrumb__item is-active\"\n        [ngClass]=\"{ 'is-active': responsive && i === getActiveItemIndex() }\"\n        (clickLinkEvent)=\"navigate(item)\"\n      >\n        <moz-link\n          *ngIf=\"!item.href; else withHref\"\n          [size]=\"'s'\"\n          [theme]=\"darkMode ? 'light' : ''\"\n          routerLinkActive\n          [routerLink]=\"item.route\"\n          [active]=\"item.active\"\n          >{{ item.label }}</moz-link\n        >\n        <ng-template #withHref>\n          <moz-link\n            *ngIf=\"!item.href; else withHref\"\n            [size]=\"'s'\"\n            [theme]=\"darkMode ? 'light' : ''\"\n            [href]=\"item.href\"\n            [active]=\"item.active\"\n            >{{ item.label }}</moz-link\n          >\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary:visited{color:#006902}.mc-link--primary:hover{color:#035010}.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb{font-family:LeroyMerlin,sans-serif;font-weight:400;color:#191919;padding:.9375rem 0 .9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#fff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}\n"] }]
+            args: [{ selector: 'moz-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav\n  class=\"mc-breadcrumb\"\n  [ngClass]=\"[\n    darkMode ? 'mc-breadcrumb--dark' : '',\n    responsive ? 'mc-breadcrumb--responsive' : '',\n    noPadding ? 'mc-breadcrumb--no-padding' : ''\n  ]\"\n  aria-label=\"Breadcrumb\"\n>\n  <ul class=\"mc-breadcrumb__container\">\n    <ng-container *ngFor=\"let item of items; let i = index\">\n      <li\n        class=\"mc-breadcrumb__item is-active\"\n        [ngClass]=\"{ 'is-active': responsive && i === getActiveItemIndex() }\"\n        (clickLinkEvent)=\"navigate(item)\"\n      >\n        <moz-link\n          *ngIf=\"!item.href; else withHref\"\n          [size]=\"'s'\"\n          [theme]=\"darkMode ? 'light' : ''\"\n          routerLinkActive\n          [routerLink]=\"item.route\"\n          [active]=\"item.active\"\n          >{{ item.label }}</moz-link\n        >\n        <ng-template #withHref>\n          <moz-link\n            *ngIf=\"!item.href; else withHref\"\n            [size]=\"'s'\"\n            [theme]=\"darkMode ? 'light' : ''\"\n            [href]=\"item.href\"\n            [active]=\"item.active\"\n            >{{ item.label }}</moz-link\n          >\n        </ng-template>\n      </li>\n    </ng-container>\n  </ul>\n</nav>\n", styles: [".mc-link{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;justify-content:center;line-height:inherit;text-decoration:underline;transition:color ease .2s;gap:.25rem;color:#000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-link:visited{color:#333}.mc-link:hover{color:#666}.mc-link:active{color:#333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857}}.mc-link--m{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;flex-shrink:0;width:1rem}.mc-link--light{color:#fff}.mc-link--light:visited{color:#ccc}.mc-link--light:hover{color:#999}.mc-link--light:active{color:#ccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary:visited{color:#006902}.mc-link--primary:hover{color:#035010}.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger:visited{color:#8c0003}.mc-link--danger:hover{color:#530000}.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-breadcrumb{font-family:LeroyMerlin,sans-serif;font-weight:400;color:#191919;padding:.9375rem 0 .9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{flex-shrink:0}}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#fff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], darkMode: [{

package/esm2020/components/built-it-menu/built-it-menu.component.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ export class BuiltItMenuComponent {
     }
 }
 BuiltItMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BuiltItMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BuiltItMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BuiltItMenuComponent, selector: "moz-built-it-menu", inputs: { menuItems: "menuItems", modelValue: "modelValue" }, outputs: { clickMenuItem: "clickMenuItem" }, ngImport: i0, template: "<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    <li\n      class=\"mc-menu__item\"\n      *ngFor=\"let menuItem of menuItems; index as i\"\n      (click)=\"navigate(menuItem, i)\"\n    >\n      <ng-container *ngIf=\"menuItem.link; else noLink\">\n        <a\n          class=\"mc-menu__link\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          [href]=\"menuItem.link\"\n          target=\"_blank\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                menuItem.disabled || i === modelValue ? 'white' : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon> </ng-container\n          ><span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </a>\n      </ng-container>\n      <ng-template #noLink>\n        <button\n          type=\"button\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          class=\"mc-menu__link\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                (menuItem.disabled !== null && menuItem.disabled) || i === modelValue\n                  ? 'white'\n                  : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon>\n          </ng-container>\n          <span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </button>\n      </ng-template>\n    </li>\n  </ul>\n</nav>\n", styles: [".mc-menu{max-width:16rem}.mc-menu,.mc-menu *{box-sizing:border-box}.mc-menu__list{border-radius:.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link:after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active:after{display:none}.mc-menu__link{font-weight:400;align-items:center;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:flex;gap:.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#fff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link.is-active{background-color:#188803}.mc-menu__link.is-active .mc-menu__label{font-family:LeroyMerlin,sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:LeroyMerlin,sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BuiltItMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BuiltItMenuComponent, selector: "moz-built-it-menu", inputs: { menuItems: "menuItems", modelValue: "modelValue" }, outputs: { clickMenuItem: "clickMenuItem" }, ngImport: i0, template: "<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    <li\n      class=\"mc-menu__item\"\n      *ngFor=\"let menuItem of menuItems; index as i\"\n      (click)=\"navigate(menuItem, i)\"\n    >\n      <ng-container *ngIf=\"menuItem.link; else noLink\">\n        <a\n          class=\"mc-menu__link\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          [href]=\"menuItem.link\"\n          target=\"_blank\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                menuItem.disabled || i === modelValue ? 'white' : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon> </ng-container\n          ><span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </a>\n      </ng-container>\n      <ng-template #noLink>\n        <button\n          type=\"button\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          class=\"mc-menu__link\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                (menuItem.disabled !== null && menuItem.disabled) || i === modelValue\n                  ? 'white'\n                  : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon>\n          </ng-container>\n          <span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </button>\n      </ng-template>\n    </li>\n  </ul>\n</nav>\n", styles: [".mc-menu,.mc-menu *{box-sizing:border-box}.mc-menu__list{border-radius:.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link:after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active:after{display:none}.mc-menu__link{font-weight:400;align-items:center;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:flex;gap:.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#fff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link.is-active{background-color:#188803}.mc-menu__link.is-active .mc-menu__label{font-family:LeroyMerlin,sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:LeroyMerlin,sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BuiltItMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-built-it-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    <li\n      class=\"mc-menu__item\"\n      *ngFor=\"let menuItem of menuItems; index as i\"\n      (click)=\"navigate(menuItem, i)\"\n    >\n      <ng-container *ngIf=\"menuItem.link; else noLink\">\n        <a\n          class=\"mc-menu__link\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          [href]=\"menuItem.link\"\n          target=\"_blank\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                menuItem.disabled || i === modelValue ? 'white' : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon> </ng-container\n          ><span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </a>\n      </ng-container>\n      <ng-template #noLink>\n        <button\n          type=\"button\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          class=\"mc-menu__link\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                (menuItem.disabled !== null && menuItem.disabled) || i === modelValue\n                  ? 'white'\n                  : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon>\n          </ng-container>\n          <span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </button>\n      </ng-template>\n    </li>\n  </ul>\n</nav>\n", styles: [".mc-menu{max-width:16rem}.mc-menu,.mc-menu *{box-sizing:border-box}.mc-menu__list{border-radius:.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link:after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active:after{display:none}.mc-menu__link{font-weight:400;align-items:center;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:flex;gap:.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#fff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link.is-active{background-color:#188803}.mc-menu__link.is-active .mc-menu__label{font-family:LeroyMerlin,sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:LeroyMerlin,sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}\n"] }]
+            args: [{ selector: 'moz-built-it-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    <li\n      class=\"mc-menu__item\"\n      *ngFor=\"let menuItem of menuItems; index as i\"\n      (click)=\"navigate(menuItem, i)\"\n    >\n      <ng-container *ngIf=\"menuItem.link; else noLink\">\n        <a\n          class=\"mc-menu__link\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          [href]=\"menuItem.link\"\n          target=\"_blank\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                menuItem.disabled || i === modelValue ? 'white' : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon> </ng-container\n          ><span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </a>\n      </ng-container>\n      <ng-template #noLink>\n        <button\n          type=\"button\"\n          [ngClass]=\"{ 'is-active': i === modelValue, 'is-disabled': menuItem.disabled }\"\n          class=\"mc-menu__link\"\n        >\n          <ng-container *ngIf=\"menuItem.icon\">\n            <moz-icon\n              mozInputIcon\n              [iconName]=\"menuItem.icon\"\n              [style.fill]=\"\n                (menuItem.disabled !== null && menuItem.disabled) || i === modelValue\n                  ? 'white'\n                  : menuItem.iconColor || 'black'\n              \"\n            ></moz-icon>\n          </ng-container>\n          <span class=\"mc-menu__label\">{{ menuItem.label }}</span>\n        </button>\n      </ng-template>\n    </li>\n  </ul>\n</nav>\n", styles: [".mc-menu,.mc-menu *{box-sizing:border-box}.mc-menu__list{border-radius:.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link:after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active:after{display:none}.mc-menu__link{font-weight:400;align-items:center;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:flex;gap:.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#fff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link.is-active{background-color:#188803}.mc-menu__link.is-active .mc-menu__label{font-family:LeroyMerlin,sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:LeroyMerlin,sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}\n"] }]
         }], propDecorators: { menuItems: [{
                 type: Input
             }], modelValue: [{

package/esm2020/components/datatable/components/footer/moz-datatable-footer.component.mjs CHANGED Viewed

@@ -10,11 +10,13 @@ export class MozDatatableFooterComponent {
         this.pageChangeEmitter = new EventEmitter();
     }
     ngOnChanges(changes) {
-        if (changes['footerSettings'] &&
-            changes['footerSettings'].currentValue !== changes['footerSettings'].previousValue) {
-            this.selectedRowPerPage = this.footerSettings?.pagination?.rowPerPage?.selected || 0;
-            this.currentPage = this.footerSettings?.pagination?.currentPage || 0;
-            this.totalItems = this.footerSettings?.pagination?.totalItems || 0;
+        if ((changes['isLoading'] &&
+            changes['isLoading'].currentValue !== changes['isLoading'].previousValue) ||
+            (changes['footerSettings'] &&
+                changes['footerSettings'].currentValue !== changes['footerSettings'].previousValue)) {
+            this.selectedRowPerPage = this.footerSettings?.pagination?.rowPerPage?.selected ?? 0;
+            this.currentPage = this.footerSettings?.pagination?.currentPage ?? 0;
+            this.totalItems = this.footerSettings?.pagination?.totalItems ?? 0;
         }
     }
     calculateNumberOfPage() {
@@ -53,10 +55,10 @@ export class MozDatatableFooterComponent {
     }
 }
 MozDatatableFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MozDatatableFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MozDatatableFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MozDatatableFooterComponent, selector: "moz-datatable-footer", inputs: { footerSettings: "footerSettings", isLoading: "isLoading" }, outputs: { rowPerPageChangeEmitter: "rowPerPageChangeEmitter", pageChangeEmitter: "pageChangeEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">{{\n      footerSettings?.labels?.rowPerPage || 'Rows per page'\n    }}</label>\n    <select\n      moz-select\n      id=\"selectRows\"\n      [(ngModel)]=\"selectedRowPerPage\"\n      (change)=\"rowPerPageChangeEmitter.emit(selectedRowPerPage)\"\n      [disabled]=\"calculateNumberOfPage() === 0 || isLoading || false\"\n    >\n      <option\n        *ngFor=\"let value of footerSettings?.pagination?.rowPerPage?.options\"\n        [ngValue]=\"value\"\n      >\n        {{ value }}\n      </option>\n    </select>\n  </div>\n  <div class=\"mc-datatable__count\" *ngIf=\"!isLoading\">\n    <strong>{{ calculateCountStart() }}-{{ calculateCountEnd() }}</strong> /\n    <strong\n      >{{ footerSettings?.pagination?.totalItems || 0 }}\n      {{ footerSettings?.labels?.items || 'Items' }}</strong\n    >\n  </div>\n  <div class=\"mc-datatable__pagination\">\n    <moz-pagination\n      [numberOfPages]=\"isLoading ? 0 : calculateNumberOfPage()\"\n      [(ngModel)]=\"currentPage\"\n      (pageChangeEvent)=\"pageChangeEmitter.emit(currentPage)\"\n      [pageLabel]=\"footerSettings?.labels?.page || 'Page'\"\n      [pageOfLabel]=\"footerSettings?.labels?.of || 'of'\"\n    >\n    </moz-pagination>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PaginationComponent, selector: "moz-pagination", inputs: ["numberOfPages", "light", "pageLabel", "pageOfLabel", "pageTitleMask"], outputs: ["pageChangeEvent"] }, { kind: "component", type: i3.SelectComponent, selector: "select[moz-`select`]", inputs: ["size"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MozDatatableFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MozDatatableFooterComponent, selector: "moz-datatable-footer", inputs: { footerSettings: "footerSettings", isLoading: "isLoading" }, outputs: { rowPerPageChangeEmitter: "rowPerPageChangeEmitter", pageChangeEmitter: "pageChangeEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">{{\n      footerSettings?.labels?.rowPerPage || 'Rows per page'\n    }}</label>\n    <select\n      moz-select\n      id=\"selectRows\"\n      size=\"s\"\n      [(ngModel)]=\"selectedRowPerPage\"\n      (change)=\"rowPerPageChangeEmitter.emit(selectedRowPerPage)\"\n      [disabled]=\"calculateNumberOfPage() === 0 || isLoading || false\"\n    >\n      <option\n        *ngFor=\"let value of footerSettings?.pagination?.rowPerPage?.options\"\n        [ngValue]=\"value\"\n      >\n        {{ value }}\n      </option>\n    </select>\n  </div>\n  <div class=\"mc-datatable__count\" *ngIf=\"!isLoading\">\n    <strong>{{ calculateCountStart() }}-{{ calculateCountEnd() }}</strong> /\n    <strong\n      >{{ footerSettings?.pagination?.totalItems || 0 }}\n      {{ footerSettings?.labels?.items || 'Items' }}</strong\n    >\n  </div>\n  <div class=\"mc-datatable__pagination\">\n    <moz-pagination\n      [numberOfPages]=\"calculateNumberOfPage()\"\n      [disable]=\"isLoading || false\"\n      [(ngModel)]=\"currentPage\"\n      (pageChangeEvent)=\"pageChangeEmitter.emit(currentPage)\"\n      [pageLabel]=\"footerSettings?.labels?.page || 'Page'\"\n      [pageOfLabel]=\"footerSettings?.labels?.of || 'of'\"\n    >\n    </moz-pagination>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PaginationComponent, selector: "moz-pagination", inputs: ["numberOfPages", "disable", "light", "pageLabel", "pageOfLabel", "pageTitleMask"], outputs: ["pageChangeEvent"] }, { kind: "component", type: i3.SelectComponent, selector: "select[moz-`select`]", inputs: ["size"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MozDatatableFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-datatable-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">{{\n      footerSettings?.labels?.rowPerPage || 'Rows per page'\n    }}</label>\n    <select\n      moz-select\n      id=\"selectRows\"\n      [(ngModel)]=\"selectedRowPerPage\"\n      (change)=\"rowPerPageChangeEmitter.emit(selectedRowPerPage)\"\n      [disabled]=\"calculateNumberOfPage() === 0 || isLoading || false\"\n    >\n      <option\n        *ngFor=\"let value of footerSettings?.pagination?.rowPerPage?.options\"\n        [ngValue]=\"value\"\n      >\n        {{ value }}\n      </option>\n    </select>\n  </div>\n  <div class=\"mc-datatable__count\" *ngIf=\"!isLoading\">\n    <strong>{{ calculateCountStart() }}-{{ calculateCountEnd() }}</strong> /\n    <strong\n      >{{ footerSettings?.pagination?.totalItems || 0 }}\n      {{ footerSettings?.labels?.items || 'Items' }}</strong\n    >\n  </div>\n  <div class=\"mc-datatable__pagination\">\n    <moz-pagination\n      [numberOfPages]=\"isLoading ? 0 : calculateNumberOfPage()\"\n      [(ngModel)]=\"currentPage\"\n      (pageChangeEvent)=\"pageChangeEmitter.emit(currentPage)\"\n      [pageLabel]=\"footerSettings?.labels?.page || 'Page'\"\n      [pageOfLabel]=\"footerSettings?.labels?.of || 'of'\"\n    >\n    </moz-pagination>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'moz-datatable-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">{{\n      footerSettings?.labels?.rowPerPage || 'Rows per page'\n    }}</label>\n    <select\n      moz-select\n      id=\"selectRows\"\n      size=\"s\"\n      [(ngModel)]=\"selectedRowPerPage\"\n      (change)=\"rowPerPageChangeEmitter.emit(selectedRowPerPage)\"\n      [disabled]=\"calculateNumberOfPage() === 0 || isLoading || false\"\n    >\n      <option\n        *ngFor=\"let value of footerSettings?.pagination?.rowPerPage?.options\"\n        [ngValue]=\"value\"\n      >\n        {{ value }}\n      </option>\n    </select>\n  </div>\n  <div class=\"mc-datatable__count\" *ngIf=\"!isLoading\">\n    <strong>{{ calculateCountStart() }}-{{ calculateCountEnd() }}</strong> /\n    <strong\n      >{{ footerSettings?.pagination?.totalItems || 0 }}\n      {{ footerSettings?.labels?.items || 'Items' }}</strong\n    >\n  </div>\n  <div class=\"mc-datatable__pagination\">\n    <moz-pagination\n      [numberOfPages]=\"calculateNumberOfPage()\"\n      [disable]=\"isLoading || false\"\n      [(ngModel)]=\"currentPage\"\n      (pageChangeEvent)=\"pageChangeEmitter.emit(currentPage)\"\n      [pageLabel]=\"footerSettings?.labels?.page || 'Page'\"\n      [pageOfLabel]=\"footerSettings?.labels?.of || 'of'\"\n    >\n    </moz-pagination>\n  </div>\n</div>\n" }]
         }], propDecorators: { footerSettings: [{
                 type: Input
             }], isLoading: [{
@@ -66,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], pageChangeEmitter: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW96LWRhdGF0YWJsZS1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvZGF0YXRhYmxlL2NvbXBvbmVudHMvZm9vdGVyL21vei1kYXRhdGFibGUtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2RhdGF0YWJsZS9jb21wb25lbnRzL2Zvb3Rlci9tb3otZGF0YXRhYmxlLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZCLE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFRbUIsNEJBQXVCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUNyRCxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBcURqRTtJQS9DQyxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFDRSxPQUFPLENBQUMsZ0JBQWdCLENBQUM7WUFDekIsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUMsWUFBWSxLQUFLLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLGFBQWEsRUFDbEY7WUFDQSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLFFBQVEsSUFBSSxDQUFDLENBQUM7WUFDckYsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLFVBQVUsRUFBRSxXQUFXLElBQUksQ0FBQyxDQUFDO1lBQ3JFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxVQUFVLEVBQUUsVUFBVSxJQUFJLENBQUMsQ0FBQztTQUNwRTtJQUNILENBQUM7SUFFTSxxQkFBcUI7UUFDMUIsV0FBVztRQUNYLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLENBQUMsRUFBRTtZQUMxRCxPQUFPLENBQUMsQ0FBQztTQUNWO1FBQ0QsZ0JBQWdCO1FBQ2hCLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLENBQUMsRUFBRTtZQUMxRCxPQUFPLENBQUMsQ0FBQztTQUNWO1FBQ0QsZ0JBQWdCO1FBQ2hCLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLGtCQUFrQixJQUFJLElBQUksRUFBRTtZQUM5RCxPQUFPLENBQUMsQ0FBQztTQUNWO1FBQ0QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLEVBQUU7WUFDbkMsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3pELElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDM0IsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQ3hCO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU0sbUJBQW1CO1FBQ3hCLElBQUksSUFBSSxDQUFDLGtCQUFrQixJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtZQUM5RCxPQUFPLENBQUMsQ0FBQztTQUNWO1FBQ0QsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxFQUFFO1lBQ3BGLE9BQU8sQ0FBQyxDQUFDO1NBQ1Y7UUFDRCxPQUFPLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlELENBQUM7O3lIQXhEVSwyQkFBMkI7NkdBQTNCLDJCQUEyQixnUUNqQnhDLG0xQ0FzQ0E7NEZEckJhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBRWYsdUJBQXVCLENBQUMsTUFBTTs4QkFHL0IsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNXLHVCQUF1QjtzQkFBdkMsTUFBTTtnQkFDVSxpQkFBaUI7c0JBQWpDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvb3RlclNldHRpbmdzIH0gZnJvbSAnLi4vLi4vbW9kZWwvZm9vdGVyLXNldHRpbmdzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW96LWRhdGF0YWJsZS1mb290ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbW96LWRhdGF0YWJsZS1mb290ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTW96RGF0YXRhYmxlRm9vdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGZvb3RlclNldHRpbmdzPzogRm9vdGVyU2V0dGluZ3M7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0xvYWRpbmc/OiBib29sZWFuO1xuICBAT3V0cHV0KCkgcHVibGljIHJvd1BlclBhZ2VDaGFuZ2VFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgcGFnZUNoYW5nZUVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBwdWJsaWMgc2VsZWN0ZWRSb3dQZXJQYWdlITogbnVtYmVyO1xuICBwdWJsaWMgY3VycmVudFBhZ2UhOiBudW1iZXI7XG4gIHB1YmxpYyB0b3RhbEl0ZW1zITogbnVtYmVyO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzWydmb290ZXJTZXR0aW5ncyddICYmXG4gICAgICBjaGFuZ2VzWydmb290ZXJTZXR0aW5ncyddLmN1cnJlbnRWYWx1ZSAhPT0gY2hhbmdlc1snZm9vdGVyU2V0dGluZ3MnXS5wcmV2aW91c1ZhbHVlXG4gICAgKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSA9IHRoaXMuZm9vdGVyU2V0dGluZ3M/LnBhZ2luYXRpb24/LnJvd1BlclBhZ2U/LnNlbGVjdGVkIHx8IDA7XG4gICAgICB0aGlzLmN1cnJlbnRQYWdlID0gdGhpcy5mb290ZXJTZXR0aW5ncz8ucGFnaW5hdGlvbj8uY3VycmVudFBhZ2UgfHwgMDtcbiAgICAgIHRoaXMudG90YWxJdGVtcyA9IHRoaXMuZm9vdGVyU2V0dGluZ3M/LnBhZ2luYXRpb24/LnRvdGFsSXRlbXMgfHwgMDtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgY2FsY3VsYXRlTnVtYmVyT2ZQYWdlKCk6IG51bWJlciB7XG4gICAgLy8gY2FzZSBOQU5cbiAgICBpZiAodGhpcy50b3RhbEl0ZW1zID09PSAwICYmIHRoaXMuc2VsZWN0ZWRSb3dQZXJQYWdlID09PSAwKSB7XG4gICAgICByZXR1cm4gMDtcbiAgICB9XG4gICAgLy8gY2FzZSBJTkZJTklUWVxuICAgIGlmICh0aGlzLnRvdGFsSXRlbXMgPT09IDEgJiYgdGhpcy5zZWxlY3RlZFJvd1BlclBhZ2UgPT09IDApIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cbiAgICAvLyBjYXNlIG51bGxhYmxlXG4gICAgaWYgKHRoaXMudG90YWxJdGVtcyA9PSBudWxsIHx8IHRoaXMuc2VsZWN0ZWRSb3dQZXJQYWdlID09IG51bGwpIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cbiAgICByZXR1cm4gTWF0aC5jZWlsKHRoaXMudG90YWxJdGVtcyAvIHRoaXMuc2VsZWN0ZWRSb3dQZXJQYWdlKTtcbiAgfVxuXG4gIHB1YmxpYyBjYWxjdWxhdGVDb3VudEVuZCgpOiBudW1iZXIge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gMDtcbiAgICB9XG4gICAgY29uc3QgY291bnQgPSB0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSAqIHRoaXMuY3VycmVudFBhZ2U7XG4gICAgaWYgKGNvdW50ID4gdGhpcy50b3RhbEl0ZW1zKSB7XG4gICAgICByZXR1cm4gdGhpcy50b3RhbEl0ZW1zO1xuICAgIH1cbiAgICByZXR1cm4gY291bnQ7XG4gIH1cblxuICBwdWJsaWMgY2FsY3VsYXRlQ291bnRTdGFydCgpOiBudW1iZXIge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSA9PSBudWxsIHx8IHRoaXMudG90YWxJdGVtcyA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gMDtcbiAgICB9XG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRSb3dQZXJQYWdlID09PSAwIHx8IHRoaXMuY3VycmVudFBhZ2UgPT09IDAgfHwgdGhpcy50b3RhbEl0ZW1zID09PSAwKSB7XG4gICAgICByZXR1cm4gMDtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRSb3dQZXJQYWdlICogKHRoaXMuY3VycmVudFBhZ2UgLSAxKSArIDE7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYy1kYXRhdGFibGVfX2Zvb3RlclwiPlxuICA8ZGl2IGNsYXNzPVwibWMtZGF0YXRhYmxlX19zZWxlY3RcIj5cbiAgICA8bGFiZWwgZm9yPVwic2VsZWN0Um93c1wiIGNsYXNzPVwibWMtZGF0YXRhYmxlX19zZWxlY3QtbGFiZWxcIj57e1xuICAgICAgZm9vdGVyU2V0dGluZ3M/LmxhYmVscz8ucm93UGVyUGFnZSB8fCAnUm93cyBwZXIgcGFnZSdcbiAgICB9fTwvbGFiZWw+XG4gICAgPHNlbGVjdFxuICAgICAgbW96LXNlbGVjdFxuICAgICAgaWQ9XCJzZWxlY3RSb3dzXCJcbiAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRSb3dQZXJQYWdlXCJcbiAgICAgIChjaGFuZ2UpPVwicm93UGVyUGFnZUNoYW5nZUVtaXR0ZXIuZW1pdChzZWxlY3RlZFJvd1BlclBhZ2UpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJjYWxjdWxhdGVOdW1iZXJPZlBhZ2UoKSA9PT0gMCB8fCBpc0xvYWRpbmcgfHwgZmFsc2VcIlxuICAgID5cbiAgICAgIDxvcHRpb25cbiAgICAgICAgKm5nRm9yPVwibGV0IHZhbHVlIG9mIGZvb3RlclNldHRpbmdzPy5wYWdpbmF0aW9uPy5yb3dQZXJQYWdlPy5vcHRpb25zXCJcbiAgICAgICAgW25nVmFsdWVdPVwidmFsdWVcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9vcHRpb24+XG4gICAgPC9zZWxlY3Q+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibWMtZGF0YXRhYmxlX19jb3VudFwiICpuZ0lmPVwiIWlzTG9hZGluZ1wiPlxuICAgIDxzdHJvbmc+e3sgY2FsY3VsYXRlQ291bnRTdGFydCgpIH19LXt7IGNhbGN1bGF0ZUNvdW50RW5kKCkgfX08L3N0cm9uZz4gL1xuICAgIDxzdHJvbmdcbiAgICAgID57eyBmb290ZXJTZXR0aW5ncz8ucGFnaW5hdGlvbj8udG90YWxJdGVtcyB8fCAwIH19XG4gICAgICB7eyBmb290ZXJTZXR0aW5ncz8ubGFiZWxzPy5pdGVtcyB8fCAnSXRlbXMnIH19PC9zdHJvbmdcbiAgICA+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibWMtZGF0YXRhYmxlX19wYWdpbmF0aW9uXCI+XG4gICAgPG1vei1wYWdpbmF0aW9uXG4gICAgICBbbnVtYmVyT2ZQYWdlc109XCJpc0xvYWRpbmcgPyAwIDogY2FsY3VsYXRlTnVtYmVyT2ZQYWdlKClcIlxuICAgICAgWyhuZ01vZGVsKV09XCJjdXJyZW50UGFnZVwiXG4gICAgICAocGFnZUNoYW5nZUV2ZW50KT1cInBhZ2VDaGFuZ2VFbWl0dGVyLmVtaXQoY3VycmVudFBhZ2UpXCJcbiAgICAgIFtwYWdlTGFiZWxdPVwiZm9vdGVyU2V0dGluZ3M/LmxhYmVscz8ucGFnZSB8fCAnUGFnZSdcIlxuICAgICAgW3BhZ2VPZkxhYmVsXT1cImZvb3RlclNldHRpbmdzPy5sYWJlbHM/Lm9mIHx8ICdvZidcIlxuICAgID5cbiAgICA8L21vei1wYWdpbmF0aW9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW96LWRhdGF0YWJsZS1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvZGF0YXRhYmxlL2NvbXBvbmVudHMvZm9vdGVyL21vei1kYXRhdGFibGUtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL2RhdGF0YWJsZS9jb21wb25lbnRzL2Zvb3Rlci9tb3otZGF0YXRhYmxlLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZCLE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFRbUIsNEJBQXVCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUNyRCxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBdURqRTtJQWpEQyxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFDRSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7WUFDbkIsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsYUFBYSxDQUFDO1lBQzNFLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDO2dCQUN4QixPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxZQUFZLEtBQUssT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUMsYUFBYSxDQUFDLEVBQ3JGO1lBQ0EsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxRQUFRLElBQUksQ0FBQyxDQUFDO1lBQ3JGLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxVQUFVLEVBQUUsV0FBVyxJQUFJLENBQUMsQ0FBQztZQUNyRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsVUFBVSxFQUFFLFVBQVUsSUFBSSxDQUFDLENBQUM7U0FDcEU7SUFDSCxDQUFDO0lBRU0scUJBQXFCO1FBQzFCLFdBQVc7UUFDWCxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxDQUFDLEVBQUU7WUFDMUQsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUNELGdCQUFnQjtRQUNoQixJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxDQUFDLEVBQUU7WUFDMUQsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUNELGdCQUFnQjtRQUNoQixJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLEVBQUU7WUFDOUQsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUNELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFTSxpQkFBaUI7UUFDdEIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLElBQUksSUFBSSxFQUFFO1lBQ25DLE9BQU8sQ0FBQyxDQUFDO1NBQ1Y7UUFDRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUN6RCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzNCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztTQUN4QjtRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLG1CQUFtQjtRQUN4QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLEVBQUU7WUFDOUQsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUNELElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUMsRUFBRTtZQUNwRixPQUFPLENBQUMsQ0FBQztTQUNWO1FBQ0QsT0FBTyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM5RCxDQUFDOzt5SEExRFUsMkJBQTJCOzZHQUEzQiwyQkFBMkIsZ1FDaEJ4Qyw2M0NBd0NBOzRGRHhCYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCLG1CQUVmLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLGNBQWM7c0JBQTdCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVyx1QkFBdUI7c0JBQXZDLE1BQU07Z0JBQ1UsaUJBQWlCO3NCQUFqQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9vdGVyU2V0dGluZ3MgfSBmcm9tICcuLi8uLi9tb2RlbC9mb290ZXItc2V0dGluZ3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb3otZGF0YXRhYmxlLWZvb3RlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb3otZGF0YXRhYmxlLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBNb3pEYXRhdGFibGVGb290ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyU2V0dGluZ3M/OiBGb290ZXJTZXR0aW5ncztcbiAgQElucHV0KCkgcHVibGljIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBwdWJsaWMgcm93UGVyUGFnZUNoYW5nZUVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBwYWdlQ2hhbmdlRW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBzZWxlY3RlZFJvd1BlclBhZ2UhOiBudW1iZXI7XG4gIHB1YmxpYyBjdXJyZW50UGFnZSE6IG51bWJlcjtcbiAgcHVibGljIHRvdGFsSXRlbXMhOiBudW1iZXI7XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgIChjaGFuZ2VzWydpc0xvYWRpbmcnXSAmJlxuICAgICAgICBjaGFuZ2VzWydpc0xvYWRpbmcnXS5jdXJyZW50VmFsdWUgIT09IGNoYW5nZXNbJ2lzTG9hZGluZyddLnByZXZpb3VzVmFsdWUpIHx8XG4gICAgICAoY2hhbmdlc1snZm9vdGVyU2V0dGluZ3MnXSAmJlxuICAgICAgICBjaGFuZ2VzWydmb290ZXJTZXR0aW5ncyddLmN1cnJlbnRWYWx1ZSAhPT0gY2hhbmdlc1snZm9vdGVyU2V0dGluZ3MnXS5wcmV2aW91c1ZhbHVlKVxuICAgICkge1xuICAgICAgdGhpcy5zZWxlY3RlZFJvd1BlclBhZ2UgPSB0aGlzLmZvb3RlclNldHRpbmdzPy5wYWdpbmF0aW9uPy5yb3dQZXJQYWdlPy5zZWxlY3RlZCA/PyAwO1xuICAgICAgdGhpcy5jdXJyZW50UGFnZSA9IHRoaXMuZm9vdGVyU2V0dGluZ3M/LnBhZ2luYXRpb24/LmN1cnJlbnRQYWdlID8/IDA7XG4gICAgICB0aGlzLnRvdGFsSXRlbXMgPSB0aGlzLmZvb3RlclNldHRpbmdzPy5wYWdpbmF0aW9uPy50b3RhbEl0ZW1zID8/IDA7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGNhbGN1bGF0ZU51bWJlck9mUGFnZSgpOiBudW1iZXIge1xuICAgIC8vIGNhc2UgTkFOXG4gICAgaWYgKHRoaXMudG90YWxJdGVtcyA9PT0gMCAmJiB0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSA9PT0gMCkge1xuICAgICAgcmV0dXJuIDA7XG4gICAgfVxuICAgIC8vIGNhc2UgSU5GSU5JVFlcbiAgICBpZiAodGhpcy50b3RhbEl0ZW1zID09PSAxICYmIHRoaXMuc2VsZWN0ZWRSb3dQZXJQYWdlID09PSAwKSB7XG4gICAgICByZXR1cm4gMDtcbiAgICB9XG4gICAgLy8gY2FzZSBudWxsYWJsZVxuICAgIGlmICh0aGlzLnRvdGFsSXRlbXMgPT0gbnVsbCB8fCB0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gMDtcbiAgICB9XG4gICAgcmV0dXJuIE1hdGguY2VpbCh0aGlzLnRvdGFsSXRlbXMgLyB0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSk7XG4gIH1cblxuICBwdWJsaWMgY2FsY3VsYXRlQ291bnRFbmQoKTogbnVtYmVyIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZFJvd1BlclBhZ2UgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIDA7XG4gICAgfVxuICAgIGNvbnN0IGNvdW50ID0gdGhpcy5zZWxlY3RlZFJvd1BlclBhZ2UgKiB0aGlzLmN1cnJlbnRQYWdlO1xuICAgIGlmIChjb3VudCA+IHRoaXMudG90YWxJdGVtcykge1xuICAgICAgcmV0dXJuIHRoaXMudG90YWxJdGVtcztcbiAgICB9XG4gICAgcmV0dXJuIGNvdW50O1xuICB9XG5cbiAgcHVibGljIGNhbGN1bGF0ZUNvdW50U3RhcnQoKTogbnVtYmVyIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZFJvd1BlclBhZ2UgPT0gbnVsbCB8fCB0aGlzLnRvdGFsSXRlbXMgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIDA7XG4gICAgfVxuICAgIGlmICh0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSA9PT0gMCB8fCB0aGlzLmN1cnJlbnRQYWdlID09PSAwIHx8IHRoaXMudG90YWxJdGVtcyA9PT0gMCkge1xuICAgICAgcmV0dXJuIDA7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkUm93UGVyUGFnZSAqICh0aGlzLmN1cnJlbnRQYWdlIC0gMSkgKyAxO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibWMtZGF0YXRhYmxlX19mb290ZXJcIj5cbiAgPGRpdiBjbGFzcz1cIm1jLWRhdGF0YWJsZV9fc2VsZWN0XCI+XG4gICAgPGxhYmVsIGZvcj1cInNlbGVjdFJvd3NcIiBjbGFzcz1cIm1jLWRhdGF0YWJsZV9fc2VsZWN0LWxhYmVsXCI+e3tcbiAgICAgIGZvb3RlclNldHRpbmdzPy5sYWJlbHM/LnJvd1BlclBhZ2UgfHwgJ1Jvd3MgcGVyIHBhZ2UnXG4gICAgfX08L2xhYmVsPlxuICAgIDxzZWxlY3RcbiAgICAgIG1vei1zZWxlY3RcbiAgICAgIGlkPVwic2VsZWN0Um93c1wiXG4gICAgICBzaXplPVwic1wiXG4gICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkUm93UGVyUGFnZVwiXG4gICAgICAoY2hhbmdlKT1cInJvd1BlclBhZ2VDaGFuZ2VFbWl0dGVyLmVtaXQoc2VsZWN0ZWRSb3dQZXJQYWdlKVwiXG4gICAgICBbZGlzYWJsZWRdPVwiY2FsY3VsYXRlTnVtYmVyT2ZQYWdlKCkgPT09IDAgfHwgaXNMb2FkaW5nIHx8IGZhbHNlXCJcbiAgICA+XG4gICAgICA8b3B0aW9uXG4gICAgICAgICpuZ0Zvcj1cImxldCB2YWx1ZSBvZiBmb290ZXJTZXR0aW5ncz8ucGFnaW5hdGlvbj8ucm93UGVyUGFnZT8ub3B0aW9uc1wiXG4gICAgICAgIFtuZ1ZhbHVlXT1cInZhbHVlXCJcbiAgICAgID5cbiAgICAgICAge3sgdmFsdWUgfX1cbiAgICAgIDwvb3B0aW9uPlxuICAgIDwvc2VsZWN0PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm1jLWRhdGF0YWJsZV9fY291bnRcIiAqbmdJZj1cIiFpc0xvYWRpbmdcIj5cbiAgICA8c3Ryb25nPnt7IGNhbGN1bGF0ZUNvdW50U3RhcnQoKSB9fS17eyBjYWxjdWxhdGVDb3VudEVuZCgpIH19PC9zdHJvbmc+IC9cbiAgICA8c3Ryb25nXG4gICAgICA+e3sgZm9vdGVyU2V0dGluZ3M/LnBhZ2luYXRpb24/LnRvdGFsSXRlbXMgfHwgMCB9fVxuICAgICAge3sgZm9vdGVyU2V0dGluZ3M/LmxhYmVscz8uaXRlbXMgfHwgJ0l0ZW1zJyB9fTwvc3Ryb25nXG4gICAgPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm1jLWRhdGF0YWJsZV9fcGFnaW5hdGlvblwiPlxuICAgIDxtb3otcGFnaW5hdGlvblxuICAgICAgW251bWJlck9mUGFnZXNdPVwiY2FsY3VsYXRlTnVtYmVyT2ZQYWdlKClcIlxuICAgICAgW2Rpc2FibGVdPVwiaXNMb2FkaW5nIHx8IGZhbHNlXCJcbiAgICAgIFsobmdNb2RlbCldPVwiY3VycmVudFBhZ2VcIlxuICAgICAgKHBhZ2VDaGFuZ2VFdmVudCk9XCJwYWdlQ2hhbmdlRW1pdHRlci5lbWl0KGN1cnJlbnRQYWdlKVwiXG4gICAgICBbcGFnZUxhYmVsXT1cImZvb3RlclNldHRpbmdzPy5sYWJlbHM/LnBhZ2UgfHwgJ1BhZ2UnXCJcbiAgICAgIFtwYWdlT2ZMYWJlbF09XCJmb290ZXJTZXR0aW5ncz8ubGFiZWxzPy5vZiB8fCAnb2YnXCJcbiAgICA+XG4gICAgPC9tb3otcGFnaW5hdGlvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==