@mozaic-ds/angular 0.24.0-beta.7 → 0.24.0-beta.9

package/esm2020/components/accordion/accordion.component.mjs

@@ -19,10 +19,10 @@ export class AccordionComponent {
     }
 }
 AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AccordionComponent, selector: "moz-accordion", inputs: { isOpen: "isOpen", disabled: "disabled", noPadding: "noPadding", size: "size" }, ngImport: i0, template: "<div\n  class=\"mc-accordion\"\n  [ngClass]=\"{\n    'is-open': isOpen,\n    'mc-accordion--s': isSizeS,\n    'mc-accordion--no-padding': noPadding\n  }\"\n>\n  <div class=\"mc-accordion__header\">\n    <ng-content select=\"[beforeLabel]\"></ng-content>\n\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id=\"accordion\"\n        class=\"mc-accordion__trigger\"\n        aria-controls=\"content\"\n        [attr.aria-expanded]=\"isOpen\"\n        [disabled]=\"disabled\"\n        (click)=\"changeState()\"\n      >\n        <ng-content select=\"[label]\"></ng-content>\n        <ng-content select=\"[afterLabel]\"></ng-content>\n      </button>\n    </h2>\n  </div>\n  <div\n    id=\"content\"\n    class=\"mc-accordion__content\"\n    [attr.aria-hidden]=\"isHidden\"\n    aria-labelledby=\"accordion\"\n  >\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".mc-accordion{background-color:#fff;border-bottom:1px solid #666666;font-family:LeroyMerlin,sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__label{font-size:1.125rem;line-height:1.3333333333;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion input.mc-accordion__trigger:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion input.mc-accordion__trigger:disabled~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion input.mc-accordion__trigger:disabled:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .75rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__label{font-weight:600;background-position:right .5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:.5rem;position:relative}.mc-accordion__label: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;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:flex;align-items:center;gap:.5rem}.mc-accordion__icon{fill:gray}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333;height:auto;max-height:0;overflow:hidden;padding-left:.5rem;transition:.3s ease-out;visibility:hidden}input.mc-accordion__trigger{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input.mc-accordion__trigger:checked~.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}input.mc-accordion__trigger:disabled~.mc-accordion__label{background-color:#e6e6e6;color:#666;cursor:not-allowed}input.mc-accordion__trigger:disabled~.mc-accordion__content{color:#666;cursor:not-allowed}input.mc-accordion__trigger:focus~.mc-accordion__label:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}input.mc-accordion__trigger:disabled:checked~.mc-accordion__content{max-height:none;padding-top:.5rem}.mc-accordion__header{display:flex;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right .5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:flex;align-items:center;gap:.5rem;padding-left:.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger: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;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion button.mc-accordion__trigger:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__label{font-size:1rem;line-height:1.375;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s input.mc-accordion__trigger:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s input.mc-accordion__trigger:disabled~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s input.mc-accordion__trigger:disabled:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .5rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AccordionComponent, selector: "moz-accordion", inputs: { isOpen: "isOpen", disabled: "disabled", noPadding: "noPadding", size: "size" }, ngImport: i0, template: "<div\n  class=\"mc-accordion\"\n  [ngClass]=\"{\n    'is-open': isOpen,\n    'mc-accordion--s': isSizeS,\n    'mc-accordion--no-padding': noPadding\n  }\"\n>\n  <div class=\"mc-accordion__header\">\n    <ng-content select=\"[beforeLabel]\"></ng-content>\n\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id=\"accordion\"\n        class=\"mc-accordion__trigger\"\n        aria-controls=\"content\"\n        [attr.aria-expanded]=\"isOpen\"\n        [disabled]=\"disabled\"\n        (click)=\"changeState()\"\n      >\n        <ng-content select=\"[label]\"></ng-content>\n        <ng-content select=\"[afterLabel]\"></ng-content>\n      </button>\n    </h2>\n  </div>\n  <div\n    id=\"content\"\n    class=\"mc-accordion__content\"\n    [attr.aria-hidden]=\"isHidden\"\n    aria-labelledby=\"accordion\"\n  >\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".mc-accordion{background-color:#fff;border-bottom:1px solid #666666;font-family:LeroyMerlin,sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__label{font-size:1.125rem;line-height:1.3333333333;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .75rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__header{padding-left:.5rem;position:relative}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__header,.mc-accordion button.mc-accordion__trigger{align-items:center;display:flex;gap:.5rem}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding-left:0;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger: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;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion button.mc-accordion__trigger:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-accordion__icon{fill:gray}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333;height:auto;max-height:0;overflow:hidden;padding-right:.5rem;padding-left:.5rem;transition:.3s ease-out;visibility:hidden}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666;cursor:not-allowed}.mc-accordion--no-padding .mc-accordion__header{padding-left:0}.mc-accordion--no-padding .mc-accordion__content{padding-left:0;padding-right:0}.mc-accordion--no-padding button.mc-accordion__trigger:before{right:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__label{font-size:1rem;line-height:1.375;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .5rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}\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.10", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"mc-accordion\"\n  [ngClass]=\"{\n    'is-open': isOpen,\n    'mc-accordion--s': isSizeS,\n    'mc-accordion--no-padding': noPadding\n  }\"\n>\n  <div class=\"mc-accordion__header\">\n    <ng-content select=\"[beforeLabel]\"></ng-content>\n\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id=\"accordion\"\n        class=\"mc-accordion__trigger\"\n        aria-controls=\"content\"\n        [attr.aria-expanded]=\"isOpen\"\n        [disabled]=\"disabled\"\n        (click)=\"changeState()\"\n      >\n        <ng-content select=\"[label]\"></ng-content>\n        <ng-content select=\"[afterLabel]\"></ng-content>\n      </button>\n    </h2>\n  </div>\n  <div\n    id=\"content\"\n    class=\"mc-accordion__content\"\n    [attr.aria-hidden]=\"isHidden\"\n    aria-labelledby=\"accordion\"\n  >\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".mc-accordion{background-color:#fff;border-bottom:1px solid #666666;font-family:LeroyMerlin,sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__label{font-size:1.125rem;line-height:1.3333333333;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion input.mc-accordion__trigger:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion input.mc-accordion__trigger:disabled~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion input.mc-accordion__trigger:disabled:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .75rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__label{font-weight:600;background-position:right .5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:.5rem;position:relative}.mc-accordion__label: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;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:flex;align-items:center;gap:.5rem}.mc-accordion__icon{fill:gray}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333;height:auto;max-height:0;overflow:hidden;padding-left:.5rem;transition:.3s ease-out;visibility:hidden}input.mc-accordion__trigger{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input.mc-accordion__trigger:checked~.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}input.mc-accordion__trigger:disabled~.mc-accordion__label{background-color:#e6e6e6;color:#666;cursor:not-allowed}input.mc-accordion__trigger:disabled~.mc-accordion__content{color:#666;cursor:not-allowed}input.mc-accordion__trigger:focus~.mc-accordion__label:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}input.mc-accordion__trigger:disabled:checked~.mc-accordion__content{max-height:none;padding-top:.5rem}.mc-accordion__header{display:flex;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right .5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:flex;align-items:center;gap:.5rem;padding-left:.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger: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;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion button.mc-accordion__trigger:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__label{font-size:1rem;line-height:1.375;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s input.mc-accordion__trigger:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s input.mc-accordion__trigger:disabled~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s input.mc-accordion__trigger:disabled:checked~.mc-accordion__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .5rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}\n"] }]
+            args: [{ selector: 'moz-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"mc-accordion\"\n  [ngClass]=\"{\n    'is-open': isOpen,\n    'mc-accordion--s': isSizeS,\n    'mc-accordion--no-padding': noPadding\n  }\"\n>\n  <div class=\"mc-accordion__header\">\n    <ng-content select=\"[beforeLabel]\"></ng-content>\n\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id=\"accordion\"\n        class=\"mc-accordion__trigger\"\n        aria-controls=\"content\"\n        [attr.aria-expanded]=\"isOpen\"\n        [disabled]=\"disabled\"\n        (click)=\"changeState()\"\n      >\n        <ng-content select=\"[label]\"></ng-content>\n        <ng-content select=\"[afterLabel]\"></ng-content>\n      </button>\n    </h2>\n  </div>\n  <div\n    id=\"content\"\n    class=\"mc-accordion__content\"\n    [attr.aria-hidden]=\"isHidden\"\n    aria-labelledby=\"accordion\"\n  >\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".mc-accordion{background-color:#fff;border-bottom:1px solid #666666;font-family:LeroyMerlin,sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__label{font-size:1.125rem;line-height:1.3333333333;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .75rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__header{padding-left:.5rem;position:relative}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__header,.mc-accordion button.mc-accordion__trigger{align-items:center;display:flex;gap:.5rem}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding-left:0;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger: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;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion button.mc-accordion__trigger:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-accordion__icon{fill:gray}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333;height:auto;max-height:0;overflow:hidden;padding-right:.5rem;padding-left:.5rem;transition:.3s ease-out;visibility:hidden}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666;cursor:not-allowed}.mc-accordion--no-padding .mc-accordion__header{padding-left:0}.mc-accordion--no-padding .mc-accordion__content{padding-left:0;padding-right:0}.mc-accordion--no-padding button.mc-accordion__trigger:before{right:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__label{font-size:1rem;line-height:1.375;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .5rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}\n"] }]
         }], propDecorators: { isOpen: [{
                 type: Input
             }], disabled: [{