@mozaic-ds/angular 2.0.64 → 2.0.65
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.
|
@@ -3085,11 +3085,11 @@ class MozAccordionComponent {
|
|
|
3085
3085
|
p.state.set(ev.currentTarget.open);
|
|
3086
3086
|
}
|
|
3087
3087
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MozAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3088
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: MozAccordionComponent, isStandalone: true, selector: "moz-accordion", inputs: { ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null }, native: { classPropertyName: "native", publicName: "native", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "panels", predicate: MozAccordionPanelComponent, isSignal: true }], ngImport: i0, template: "<div [class]=\"cssClasses()\">\n @for (panel of panels(); track panel; let i = $index) { @if (!native()) {\n <div class=\"accordion__item\">\n <div class=\"accordion__header\">\n <h2 class=\"accordion__title\">\n <button\n class=\"accordion__trigger\"\n type=\"button\"\n [attr.id]=\"'accordion-' + (i + 1)\"\n data-mc-component=\"accordion\"\n [attr.aria-controls]=\"'content-' + (i + 1)\"\n [attr.aria-expanded]=\"panel.state()\"\n (click)=\"toggle(panel)\"\n >\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </button>\n </h2>\n </div>\n\n <div\n class=\"accordion__content\"\n [class.is-open]=\"panel.state()\"\n [attr.id]=\"'content-' + (i + 1)\"\n [attr.aria-labelledby]=\"'accordion-' + (i + 1)\"\n [attr.aria-hidden]=\"!panel.state()\"\n >\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </div>\n } @else {\n <details\n class=\"accordion__item\"\n [attr.open]=\"panel.state() ? '' : null\"\n (toggle)=\"onNativeToggle($event, panel)\"\n >\n <summary class=\"accordion__header\">\n <span class=\"accordion__title\">\n <span class=\"accordion__trigger\">\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </span>\n </span>\n </summary>\n <div class=\"accordion__content\" [attr.aria-hidden]=\"!panel.state()\">\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </details>\n } }\n</div>\n", styles: [".mc-accordion,.accordion{border-radius:var(--border-radius-m, .5rem);background-color:var(--accordion-list-color-background-standard, #ffffff);color:var(--accordion-list-color-text-title, #000000);border:1px solid var(--accordion-list-color-border, #cccccc);box-sizing:border-box;overflow:hidden}@supports (interpolate-size: allow-keywords){.mc-accordion,.accordion{interpolate-size:allow-keywords}}.mc-accordion__item,.accordion__item{border-bottom:1px solid var(--accordion-list-color-border, #cccccc)}@media(prefers-reduced-motion:no-preference){.mc-accordion__item,.accordion__item{transition:border-color .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item,.accordion__item{transition:none}}.mc-accordion__item:last-child,.accordion__item:last-child{border-bottom:none}@supports (interpolate-size: allow-keywords){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{overflow:hidden;height:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:none}}.mc-accordion__item:is(details)[open]::details-content,.accordion__item:is(details)[open]::details-content{height:auto}}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:none}}.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__item:is(details) .mc-accordion__header,.accordion__item:is(details) .mc-accordion__header,.mc-accordion__item:is(details) .accordion__header,.accordion__item:is(details) .accordion__header{list-style:none;cursor:pointer}.mc-accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.mc-accordion__item:is(details) .accordion__header::-webkit-details-marker,.accordion__item:is(details) .accordion__header::-webkit-details-marker{display:none}.mc-accordion__item:is(details) .mc-accordion__header::marker,.accordion__item:is(details) .mc-accordion__header::marker,.mc-accordion__item:is(details) .accordion__header::marker,.accordion__item:is(details) .accordion__header::marker{display:none}.mc-accordion__header,.accordion__header{position:relative;background-color:var(--accordion-list-color-background-standard, #ffffff)}.mc-accordion__header:is(summary),.accordion__header:is(summary){display:block}@media(prefers-reduced-motion:no-preference){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:none}}.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:.75rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}.mc-accordion__header:is(summary):hover .mc-accordion__trigger:before,.accordion__header:is(summary):hover .mc-accordion__trigger:before,.mc-accordion__header:is(summary):hover .accordion__trigger:before,.accordion__header:is(summary):hover .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):hover:after,.accordion__header:is(summary):hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):active .mc-accordion__trigger:before,.accordion__header:is(summary):active .mc-accordion__trigger:before,.mc-accordion__header:is(summary):active .accordion__trigger:before,.accordion__header:is(summary):active .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):active:after,.accordion__header:is(summary):active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):focus-visible,.accordion__header:is(summary):focus-visible{outline:none}.mc-accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.mc-accordion__header:is(summary):focus-visible .accordion__trigger:before,.accordion__header:is(summary):focus-visible .accordion__trigger:before{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__title,.accordion__title{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);line-height:var(--line-height-m, 1.5);display:block;margin-block:0;padding:0;font-family:inherit;position:relative;z-index:1}.mc-accordion__title-wrapper{display:flex;flex-direction:column;flex:1;min-width:0}.mc-accordion__title-wrapper>*{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.mc-accordion__subtitle{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-light, 300);line-height:var(--line-height-m, 1.5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-block:0;padding:0;color:var(--accordion-list-color-text-subtitle, #666666);position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger,.accordion__trigger{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger,.accordion__trigger{transition:none}}.mc-accordion__trigger:focus-visible,.accordion__trigger:focus-visible{outline:none}.mc-accordion__trigger:focus-visible:before,.accordion__trigger:focus-visible:before{box-shadow:inset 0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-outer, #000000)),inset 0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-mid, #ffffff));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__trigger:disabled,.accordion__trigger:disabled,.mc-accordion__trigger[disabled],[disabled].accordion__trigger{cursor:not-allowed;opacity:.5;pointer-events:none}.mc-accordion__trigger,.accordion__trigger{display:flex;align-items:center;gap:.5rem;padding:1rem .75rem;margin-block:0;background-color:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;position:relative;text-align:left;text-decoration:none;text-transform:none;vertical-align:baseline;appearance:none}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:before,.accordion__trigger:before{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:before,.accordion__trigger:before{transition:none}}.mc-accordion__trigger:before,.accordion__trigger:before{content:\"\";position:absolute;inset:.25rem;background-color:transparent;pointer-events:none;z-index:-1;outline:0 solid transparent;outline-offset:-.125rem;border-radius:var(--border-radius-s, .25rem)}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger),.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger){padding-right:2.25rem}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:1rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__header:is(summary) .mc-accordion__trigger,.accordion__header:is(summary) .mc-accordion__trigger,.mc-accordion__header:is(summary) .accordion__trigger,.accordion__header:is(summary) .accordion__trigger{padding-right:2.25rem}.mc-accordion__trigger:is(button),.accordion__trigger:is(button){width:100%}.mc-accordion__trigger:hover:before,.accordion__trigger:hover:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:hover:after,.accordion__trigger:hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__trigger:active:before,.accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:active:after,.accordion__trigger:active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__icon,.accordion__icon{flex-shrink:0;width:2rem;height:2rem;fill:currentcolor}.mc-accordion__content,.accordion__content{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);background-color:var(--accordion-list-color-background-standard, #ffffff);overflow:hidden;padding:0 .75rem;max-height:0}.mc-accordion__content>:first-child,.accordion__content>:first-child{margin-top:0}.mc-accordion__content>:last-child,.accordion__content>:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:max-height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{max-height:9999vh;padding-top:.125rem;padding-bottom:1rem}@supports (interpolate-size: allow-keywords){@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content,.accordion__content{height:0;max-height:none;padding-top:0;padding-bottom:0}.mc-accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{height:auto;padding-top:.125rem;padding-bottom:1rem}}.mc-accordion--ghost,.accordion--ghost{background-color:transparent;border:none}.mc-accordion--ghost .mc-accordion__header,.accordion--ghost .mc-accordion__header,.mc-accordion--ghost .accordion__header,.accordion--ghost .accordion__header,.mc-accordion--ghost .mc-accordion__content,.accordion--ghost .mc-accordion__content,.mc-accordion--ghost .accordion__content,.accordion--ghost .accordion__content{background-color:var(--accordion-list-color-background-ghost, rgba(255, 255, 255, .01))}.mc-accordion--ghost .mc-accordion__trigger:hover:before,.accordion--ghost .mc-accordion__trigger:hover:before,.mc-accordion--ghost .accordion__trigger:hover:before,.accordion--ghost .accordion__trigger:hover:before,.mc-accordion--ghost .mc-accordion__trigger:active:before,.accordion--ghost .mc-accordion__trigger:active:before,.mc-accordion--ghost .accordion__trigger:active:before,.accordion--ghost .accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3088
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: MozAccordionComponent, isStandalone: true, selector: "moz-accordion", inputs: { ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null }, native: { classPropertyName: "native", publicName: "native", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "panels", predicate: MozAccordionPanelComponent, isSignal: true }], ngImport: i0, template: "<div [class]=\"cssClasses()\">\n @for (panel of panels(); track panel; let i = $index) { @if (!native()) {\n <div class=\"accordion__item\">\n <div class=\"accordion__header\">\n <h2 class=\"accordion__title\">\n <button\n class=\"accordion__trigger\"\n type=\"button\"\n [attr.id]=\"'accordion-' + (i + 1)\"\n data-mc-component=\"accordion\"\n [attr.aria-controls]=\"'content-' + (i + 1)\"\n [attr.aria-expanded]=\"panel.state()\"\n (click)=\"toggle(panel)\"\n >\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </button>\n </h2>\n </div>\n\n <div\n class=\"accordion__content\"\n [class.accordion__content--open]=\"panel.state()\"\n [attr.id]=\"'content-' + (i + 1)\"\n [attr.aria-labelledby]=\"'accordion-' + (i + 1)\"\n [attr.aria-hidden]=\"!panel.state()\"\n >\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </div>\n } @else {\n <details\n class=\"accordion__item\"\n [attr.open]=\"panel.state() ? '' : null\"\n (toggle)=\"onNativeToggle($event, panel)\"\n >\n <summary class=\"accordion__header\">\n <span class=\"accordion__title\">\n <span class=\"accordion__trigger\">\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </span>\n </span>\n </summary>\n <div class=\"accordion__content\" [class.accordion__content--open]=\"panel.state()\" [attr.aria-hidden]=\"!panel.state()\">\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </details>\n } }\n</div>\n", styles: [".mc-accordion,.accordion{border-radius:var(--border-radius-m, .5rem);background-color:var(--accordion-list-color-background-standard, #ffffff);color:var(--accordion-list-color-text-title, #000000);border:1px solid var(--accordion-list-color-border, #cccccc);box-sizing:border-box;overflow:hidden}@supports (interpolate-size: allow-keywords){.mc-accordion,.accordion{interpolate-size:allow-keywords}}.mc-accordion__item,.accordion__item{border-bottom:1px solid var(--accordion-list-color-border, #cccccc)}@media(prefers-reduced-motion:no-preference){.mc-accordion__item,.accordion__item{transition:border-color .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item,.accordion__item{transition:none}}.mc-accordion__item:last-child,.accordion__item:last-child{border-bottom:none}@supports (interpolate-size: allow-keywords){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{overflow:hidden;height:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:none}}.mc-accordion__item:is(details)[open]::details-content,.accordion__item:is(details)[open]::details-content{height:auto}}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:none}}.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__item:is(details) .mc-accordion__header,.accordion__item:is(details) .mc-accordion__header,.mc-accordion__item:is(details) .accordion__header,.accordion__item:is(details) .accordion__header{list-style:none;cursor:pointer}.mc-accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.mc-accordion__item:is(details) .accordion__header::-webkit-details-marker,.accordion__item:is(details) .accordion__header::-webkit-details-marker{display:none}.mc-accordion__item:is(details) .mc-accordion__header::marker,.accordion__item:is(details) .mc-accordion__header::marker,.mc-accordion__item:is(details) .accordion__header::marker,.accordion__item:is(details) .accordion__header::marker{display:none}.mc-accordion__header,.accordion__header{position:relative;background-color:var(--accordion-list-color-background-standard, #ffffff)}.mc-accordion__header:is(summary),.accordion__header:is(summary){display:block}@media(prefers-reduced-motion:no-preference){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:none}}.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:.75rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}.mc-accordion__header:is(summary):hover .mc-accordion__trigger:before,.accordion__header:is(summary):hover .mc-accordion__trigger:before,.mc-accordion__header:is(summary):hover .accordion__trigger:before,.accordion__header:is(summary):hover .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):hover:after,.accordion__header:is(summary):hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):active .mc-accordion__trigger:before,.accordion__header:is(summary):active .mc-accordion__trigger:before,.mc-accordion__header:is(summary):active .accordion__trigger:before,.accordion__header:is(summary):active .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):active:after,.accordion__header:is(summary):active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):focus-visible,.accordion__header:is(summary):focus-visible{outline:none}.mc-accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.mc-accordion__header:is(summary):focus-visible .accordion__trigger:before,.accordion__header:is(summary):focus-visible .accordion__trigger:before{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__title,.accordion__title{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);line-height:var(--line-height-m, 1.5);display:block;margin-block:0;padding:0;font-family:inherit;position:relative;z-index:1}.mc-accordion__title-wrapper{display:flex;flex-direction:column;flex:1;min-width:0}.mc-accordion__title-wrapper>*{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.mc-accordion__subtitle{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-light, 300);line-height:var(--line-height-m, 1.5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-block:0;padding:0;color:var(--accordion-list-color-text-subtitle, #666666);position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger,.accordion__trigger{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger,.accordion__trigger{transition:none}}.mc-accordion__trigger:focus-visible,.accordion__trigger:focus-visible{outline:none}.mc-accordion__trigger:focus-visible:before,.accordion__trigger:focus-visible:before{box-shadow:inset 0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-outer, #000000)),inset 0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-mid, #ffffff));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__trigger:disabled,.accordion__trigger:disabled,.mc-accordion__trigger[disabled],[disabled].accordion__trigger{cursor:not-allowed;opacity:.5;pointer-events:none}.mc-accordion__trigger,.accordion__trigger{display:flex;align-items:center;gap:.5rem;padding:1rem .75rem;margin-block:0;background-color:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;position:relative;text-align:left;text-decoration:none;text-transform:none;vertical-align:baseline;appearance:none}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:before,.accordion__trigger:before{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:before,.accordion__trigger:before{transition:none}}.mc-accordion__trigger:before,.accordion__trigger:before{content:\"\";position:absolute;inset:.25rem;background-color:transparent;pointer-events:none;z-index:-1;outline:0 solid transparent;outline-offset:-.125rem;border-radius:var(--border-radius-s, .25rem)}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger),.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger){padding-right:2.25rem}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:1rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__header:is(summary) .mc-accordion__trigger,.accordion__header:is(summary) .mc-accordion__trigger,.mc-accordion__header:is(summary) .accordion__trigger,.accordion__header:is(summary) .accordion__trigger{padding-right:2.25rem}.mc-accordion__trigger:is(button),.accordion__trigger:is(button){width:100%}.mc-accordion__trigger:hover:before,.accordion__trigger:hover:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:hover:after,.accordion__trigger:hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__trigger:active:before,.accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:active:after,.accordion__trigger:active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__icon,.accordion__icon{flex-shrink:0;width:2rem;height:2rem;fill:currentcolor}.mc-accordion__content,.accordion__content{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);background-color:var(--accordion-list-color-background-standard, #ffffff);overflow:hidden;padding:0 .75rem;max-height:0}.mc-accordion__content>:first-child,.accordion__content>:first-child{margin-top:0}.mc-accordion__content>:last-child,.accordion__content>:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:max-height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content--open,.accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{max-height:9999vh;padding-top:.125rem;padding-bottom:1rem}@supports (interpolate-size: allow-keywords){@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content,.accordion__content{height:0;max-height:none;padding-top:0;padding-bottom:0}.mc-accordion__content--open,.accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{height:auto;padding-top:.125rem;padding-bottom:1rem}}.mc-accordion--ghost,.accordion--ghost{background-color:transparent;border:none}.mc-accordion--ghost .mc-accordion__header,.accordion--ghost .mc-accordion__header,.mc-accordion--ghost .accordion__header,.accordion--ghost .accordion__header,.mc-accordion--ghost .mc-accordion__content,.accordion--ghost .mc-accordion__content,.mc-accordion--ghost .accordion__content,.accordion--ghost .accordion__content{background-color:var(--accordion-list-color-background-ghost, rgba(255, 255, 255, .01))}.mc-accordion--ghost .mc-accordion__trigger:hover:before,.accordion--ghost .mc-accordion__trigger:hover:before,.mc-accordion--ghost .accordion__trigger:hover:before,.accordion--ghost .accordion__trigger:hover:before,.mc-accordion--ghost .mc-accordion__trigger:active:before,.accordion--ghost .mc-accordion__trigger:active:before,.mc-accordion--ghost .accordion__trigger:active:before,.accordion--ghost .accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3089
3089
|
}
|
|
3090
3090
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MozAccordionComponent, decorators: [{
|
|
3091
3091
|
type: Component,
|
|
3092
|
-
args: [{ selector: 'moz-accordion', imports: [NgTemplateOutlet, NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"cssClasses()\">\n @for (panel of panels(); track panel; let i = $index) { @if (!native()) {\n <div class=\"accordion__item\">\n <div class=\"accordion__header\">\n <h2 class=\"accordion__title\">\n <button\n class=\"accordion__trigger\"\n type=\"button\"\n [attr.id]=\"'accordion-' + (i + 1)\"\n data-mc-component=\"accordion\"\n [attr.aria-controls]=\"'content-' + (i + 1)\"\n [attr.aria-expanded]=\"panel.state()\"\n (click)=\"toggle(panel)\"\n >\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </button>\n </h2>\n </div>\n\n <div\n class=\"accordion__content\"\n [class.is-open]=\"panel.state()\"\n [attr.id]=\"'content-' + (i + 1)\"\n [attr.aria-labelledby]=\"'accordion-' + (i + 1)\"\n [attr.aria-hidden]=\"!panel.state()\"\n >\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </div>\n } @else {\n <details\n class=\"accordion__item\"\n [attr.open]=\"panel.state() ? '' : null\"\n (toggle)=\"onNativeToggle($event, panel)\"\n >\n <summary class=\"accordion__header\">\n <span class=\"accordion__title\">\n <span class=\"accordion__trigger\">\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </span>\n </span>\n </summary>\n <div class=\"accordion__content\" [attr.aria-hidden]=\"!panel.state()\">\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </details>\n } }\n</div>\n", styles: [".mc-accordion,.accordion{border-radius:var(--border-radius-m, .5rem);background-color:var(--accordion-list-color-background-standard, #ffffff);color:var(--accordion-list-color-text-title, #000000);border:1px solid var(--accordion-list-color-border, #cccccc);box-sizing:border-box;overflow:hidden}@supports (interpolate-size: allow-keywords){.mc-accordion,.accordion{interpolate-size:allow-keywords}}.mc-accordion__item,.accordion__item{border-bottom:1px solid var(--accordion-list-color-border, #cccccc)}@media(prefers-reduced-motion:no-preference){.mc-accordion__item,.accordion__item{transition:border-color .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item,.accordion__item{transition:none}}.mc-accordion__item:last-child,.accordion__item:last-child{border-bottom:none}@supports (interpolate-size: allow-keywords){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{overflow:hidden;height:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:none}}.mc-accordion__item:is(details)[open]::details-content,.accordion__item:is(details)[open]::details-content{height:auto}}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:none}}.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__item:is(details) .mc-accordion__header,.accordion__item:is(details) .mc-accordion__header,.mc-accordion__item:is(details) .accordion__header,.accordion__item:is(details) .accordion__header{list-style:none;cursor:pointer}.mc-accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.mc-accordion__item:is(details) .accordion__header::-webkit-details-marker,.accordion__item:is(details) .accordion__header::-webkit-details-marker{display:none}.mc-accordion__item:is(details) .mc-accordion__header::marker,.accordion__item:is(details) .mc-accordion__header::marker,.mc-accordion__item:is(details) .accordion__header::marker,.accordion__item:is(details) .accordion__header::marker{display:none}.mc-accordion__header,.accordion__header{position:relative;background-color:var(--accordion-list-color-background-standard, #ffffff)}.mc-accordion__header:is(summary),.accordion__header:is(summary){display:block}@media(prefers-reduced-motion:no-preference){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:none}}.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:.75rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}.mc-accordion__header:is(summary):hover .mc-accordion__trigger:before,.accordion__header:is(summary):hover .mc-accordion__trigger:before,.mc-accordion__header:is(summary):hover .accordion__trigger:before,.accordion__header:is(summary):hover .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):hover:after,.accordion__header:is(summary):hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):active .mc-accordion__trigger:before,.accordion__header:is(summary):active .mc-accordion__trigger:before,.mc-accordion__header:is(summary):active .accordion__trigger:before,.accordion__header:is(summary):active .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):active:after,.accordion__header:is(summary):active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):focus-visible,.accordion__header:is(summary):focus-visible{outline:none}.mc-accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.mc-accordion__header:is(summary):focus-visible .accordion__trigger:before,.accordion__header:is(summary):focus-visible .accordion__trigger:before{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__title,.accordion__title{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);line-height:var(--line-height-m, 1.5);display:block;margin-block:0;padding:0;font-family:inherit;position:relative;z-index:1}.mc-accordion__title-wrapper{display:flex;flex-direction:column;flex:1;min-width:0}.mc-accordion__title-wrapper>*{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.mc-accordion__subtitle{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-light, 300);line-height:var(--line-height-m, 1.5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-block:0;padding:0;color:var(--accordion-list-color-text-subtitle, #666666);position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger,.accordion__trigger{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger,.accordion__trigger{transition:none}}.mc-accordion__trigger:focus-visible,.accordion__trigger:focus-visible{outline:none}.mc-accordion__trigger:focus-visible:before,.accordion__trigger:focus-visible:before{box-shadow:inset 0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-outer, #000000)),inset 0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-mid, #ffffff));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__trigger:disabled,.accordion__trigger:disabled,.mc-accordion__trigger[disabled],[disabled].accordion__trigger{cursor:not-allowed;opacity:.5;pointer-events:none}.mc-accordion__trigger,.accordion__trigger{display:flex;align-items:center;gap:.5rem;padding:1rem .75rem;margin-block:0;background-color:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;position:relative;text-align:left;text-decoration:none;text-transform:none;vertical-align:baseline;appearance:none}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:before,.accordion__trigger:before{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:before,.accordion__trigger:before{transition:none}}.mc-accordion__trigger:before,.accordion__trigger:before{content:\"\";position:absolute;inset:.25rem;background-color:transparent;pointer-events:none;z-index:-1;outline:0 solid transparent;outline-offset:-.125rem;border-radius:var(--border-radius-s, .25rem)}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger),.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger){padding-right:2.25rem}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:1rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__header:is(summary) .mc-accordion__trigger,.accordion__header:is(summary) .mc-accordion__trigger,.mc-accordion__header:is(summary) .accordion__trigger,.accordion__header:is(summary) .accordion__trigger{padding-right:2.25rem}.mc-accordion__trigger:is(button),.accordion__trigger:is(button){width:100%}.mc-accordion__trigger:hover:before,.accordion__trigger:hover:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:hover:after,.accordion__trigger:hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__trigger:active:before,.accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:active:after,.accordion__trigger:active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__icon,.accordion__icon{flex-shrink:0;width:2rem;height:2rem;fill:currentcolor}.mc-accordion__content,.accordion__content{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);background-color:var(--accordion-list-color-background-standard, #ffffff);overflow:hidden;padding:0 .75rem;max-height:0}.mc-accordion__content>:first-child,.accordion__content>:first-child{margin-top:0}.mc-accordion__content>:last-child,.accordion__content>:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:max-height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{max-height:9999vh;padding-top:.125rem;padding-bottom:1rem}@supports (interpolate-size: allow-keywords){@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content,.accordion__content{height:0;max-height:none;padding-top:0;padding-bottom:0}.mc-accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{height:auto;padding-top:.125rem;padding-bottom:1rem}}.mc-accordion--ghost,.accordion--ghost{background-color:transparent;border:none}.mc-accordion--ghost .mc-accordion__header,.accordion--ghost .mc-accordion__header,.mc-accordion--ghost .accordion__header,.accordion--ghost .accordion__header,.mc-accordion--ghost .mc-accordion__content,.accordion--ghost .mc-accordion__content,.mc-accordion--ghost .accordion__content,.accordion--ghost .accordion__content{background-color:var(--accordion-list-color-background-ghost, rgba(255, 255, 255, .01))}.mc-accordion--ghost .mc-accordion__trigger:hover:before,.accordion--ghost .mc-accordion__trigger:hover:before,.mc-accordion--ghost .accordion__trigger:hover:before,.accordion--ghost .accordion__trigger:hover:before,.mc-accordion--ghost .mc-accordion__trigger:active:before,.accordion--ghost .mc-accordion__trigger:active:before,.mc-accordion--ghost .accordion__trigger:active:before,.accordion--ghost .accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}\n"] }]
|
|
3092
|
+
args: [{ selector: 'moz-accordion', imports: [NgTemplateOutlet, NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"cssClasses()\">\n @for (panel of panels(); track panel; let i = $index) { @if (!native()) {\n <div class=\"accordion__item\">\n <div class=\"accordion__header\">\n <h2 class=\"accordion__title\">\n <button\n class=\"accordion__trigger\"\n type=\"button\"\n [attr.id]=\"'accordion-' + (i + 1)\"\n data-mc-component=\"accordion\"\n [attr.aria-controls]=\"'content-' + (i + 1)\"\n [attr.aria-expanded]=\"panel.state()\"\n (click)=\"toggle(panel)\"\n >\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </button>\n </h2>\n </div>\n\n <div\n class=\"accordion__content\"\n [class.accordion__content--open]=\"panel.state()\"\n [attr.id]=\"'content-' + (i + 1)\"\n [attr.aria-labelledby]=\"'accordion-' + (i + 1)\"\n [attr.aria-hidden]=\"!panel.state()\"\n >\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </div>\n } @else {\n <details\n class=\"accordion__item\"\n [attr.open]=\"panel.state() ? '' : null\"\n (toggle)=\"onNativeToggle($event, panel)\"\n >\n <summary class=\"accordion__header\">\n <span class=\"accordion__title\">\n <span class=\"accordion__trigger\">\n @if (panel.icon()) {\n <span class=\"accordion__icon\" aria-hidden=\"true\">\n <ng-container [ngComponentOutlet]=\"panel.icon()\"></ng-container>\n </span>\n } @if (panel.header()) {\n <ng-container [ngTemplateOutlet]=\"panel.header()?.tpl()\"></ng-container>\n }\n </span>\n </span>\n </summary>\n <div class=\"accordion__content\" [class.accordion__content--open]=\"panel.state()\" [attr.aria-hidden]=\"!panel.state()\">\n @if (panel.content()) {\n <ng-container [ngTemplateOutlet]=\"panel.content()?.tpl()\"></ng-container>\n }\n </div>\n </details>\n } }\n</div>\n", styles: [".mc-accordion,.accordion{border-radius:var(--border-radius-m, .5rem);background-color:var(--accordion-list-color-background-standard, #ffffff);color:var(--accordion-list-color-text-title, #000000);border:1px solid var(--accordion-list-color-border, #cccccc);box-sizing:border-box;overflow:hidden}@supports (interpolate-size: allow-keywords){.mc-accordion,.accordion{interpolate-size:allow-keywords}}.mc-accordion__item,.accordion__item{border-bottom:1px solid var(--accordion-list-color-border, #cccccc)}@media(prefers-reduced-motion:no-preference){.mc-accordion__item,.accordion__item{transition:border-color .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item,.accordion__item{transition:none}}.mc-accordion__item:last-child,.accordion__item:last-child{border-bottom:none}@supports (interpolate-size: allow-keywords){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{overflow:hidden;height:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)::details-content,.accordion__item:is(details)::details-content{transition:none}}.mc-accordion__item:is(details)[open]::details-content,.accordion__item:is(details)[open]::details-content{height:auto}}@media(prefers-reduced-motion:no-preference){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transition:none}}.mc-accordion__item:is(details)[open] .mc-accordion__header:after,.accordion__item:is(details)[open] .mc-accordion__header:after,.mc-accordion__item:is(details)[open] .accordion__header:after,.accordion__item:is(details)[open] .accordion__header:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__item:is(details) .mc-accordion__header,.accordion__item:is(details) .mc-accordion__header,.mc-accordion__item:is(details) .accordion__header,.accordion__item:is(details) .accordion__header{list-style:none;cursor:pointer}.mc-accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.accordion__item:is(details) .mc-accordion__header::-webkit-details-marker,.mc-accordion__item:is(details) .accordion__header::-webkit-details-marker,.accordion__item:is(details) .accordion__header::-webkit-details-marker{display:none}.mc-accordion__item:is(details) .mc-accordion__header::marker,.accordion__item:is(details) .mc-accordion__header::marker,.mc-accordion__item:is(details) .accordion__header::marker,.accordion__item:is(details) .accordion__header::marker{display:none}.mc-accordion__header,.accordion__header{position:relative;background-color:var(--accordion-list-color-background-standard, #ffffff)}.mc-accordion__header:is(summary),.accordion__header:is(summary){display:block}@media(prefers-reduced-motion:no-preference){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transition:none}}.mc-accordion__header:is(summary):after,.accordion__header:is(summary):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:.75rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}.mc-accordion__header:is(summary):hover .mc-accordion__trigger:before,.accordion__header:is(summary):hover .mc-accordion__trigger:before,.mc-accordion__header:is(summary):hover .accordion__trigger:before,.accordion__header:is(summary):hover .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):hover:after,.accordion__header:is(summary):hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):active .mc-accordion__trigger:before,.accordion__header:is(summary):active .mc-accordion__trigger:before,.mc-accordion__header:is(summary):active .accordion__trigger:before,.accordion__header:is(summary):active .accordion__trigger:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__header:is(summary):active:after,.accordion__header:is(summary):active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__header:is(summary):focus-visible,.accordion__header:is(summary):focus-visible{outline:none}.mc-accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.accordion__header:is(summary):focus-visible .mc-accordion__trigger:before,.mc-accordion__header:is(summary):focus-visible .accordion__trigger:before,.accordion__header:is(summary):focus-visible .accordion__trigger:before{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__title,.accordion__title{font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);line-height:var(--line-height-m, 1.5);display:block;margin-block:0;padding:0;font-family:inherit;position:relative;z-index:1}.mc-accordion__title-wrapper{display:flex;flex-direction:column;flex:1;min-width:0}.mc-accordion__title-wrapper>*{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.mc-accordion__subtitle{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-light, 300);line-height:var(--line-height-m, 1.5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-block:0;padding:0;color:var(--accordion-list-color-text-subtitle, #666666);position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger,.accordion__trigger{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger,.accordion__trigger{transition:none}}.mc-accordion__trigger:focus-visible,.accordion__trigger:focus-visible{outline:none}.mc-accordion__trigger:focus-visible:before,.accordion__trigger:focus-visible:before{box-shadow:inset 0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-outer, #000000)),inset 0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-mid, #ffffff));outline:.125rem solid transparent;outline-offset:.125rem}.mc-accordion__trigger:disabled,.accordion__trigger:disabled,.mc-accordion__trigger[disabled],[disabled].accordion__trigger{cursor:not-allowed;opacity:.5;pointer-events:none}.mc-accordion__trigger,.accordion__trigger{display:flex;align-items:center;gap:.5rem;padding:1rem .75rem;margin-block:0;background-color:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;position:relative;text-align:left;text-decoration:none;text-transform:none;vertical-align:baseline;appearance:none}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:before,.accordion__trigger:before{transition:background-color .2s cubic-bezier(.17,.67,.83,.67),box-shadow .2s ease}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:before,.accordion__trigger:before{transition:none}}.mc-accordion__trigger:before,.accordion__trigger:before{content:\"\";position:absolute;inset:.25rem;background-color:transparent;pointer-events:none;z-index:-1;outline:0 solid transparent;outline-offset:-.125rem;border-radius:var(--border-radius-s, .25rem)}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger),.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger){padding-right:2.25rem}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger):after{transform:translateY(-50%) rotateX(0);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;content:\"\";position:absolute;right:1rem;top:50%;flex-shrink:0;width:1rem;height:1rem;background-color:var(--accordion-list-color-text-title, #000000);z-index:1}@media(prefers-reduced-motion:no-preference){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:transform .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transition:none}}.mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after,.accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger):not(.accordion__header:is(summary) .mc-accordion__trigger):not(.mc-accordion__header:is(summary) .accordion__trigger):not(.accordion__header:is(summary) .accordion__trigger)[aria-expanded=true]:after{transform:translateY(-50%) rotateX(180deg)}.mc-accordion__header:is(summary) .mc-accordion__trigger,.accordion__header:is(summary) .mc-accordion__trigger,.mc-accordion__header:is(summary) .accordion__trigger,.accordion__header:is(summary) .accordion__trigger{padding-right:2.25rem}.mc-accordion__trigger:is(button),.accordion__trigger:is(button){width:100%}.mc-accordion__trigger:hover:before,.accordion__trigger:hover:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:hover:after,.accordion__trigger:hover:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__trigger:active:before,.accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}.mc-accordion__trigger:active:after,.accordion__trigger:active:after{-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-accordion__icon,.accordion__icon{flex-shrink:0;width:2rem;height:2rem;fill:currentcolor}.mc-accordion__content,.accordion__content{font-size:var(--font-size-100, .875rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);background-color:var(--accordion-list-color-background-standard, #ffffff);overflow:hidden;padding:0 .75rem;max-height:0}.mc-accordion__content>:first-child,.accordion__content>:first-child{margin-top:0}.mc-accordion__content>:last-child,.accordion__content>:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:max-height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67)}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content--open,.accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{max-height:9999vh;padding-top:.125rem;padding-bottom:1rem}@supports (interpolate-size: allow-keywords){@media(prefers-reduced-motion:no-preference){.mc-accordion__content,.accordion__content{transition:height .2s cubic-bezier(.17,.67,.83,.67),padding .2s cubic-bezier(.17,.67,.83,.67),content-visibility .2s cubic-bezier(.17,.67,.83,.67);transition-behavior:allow-discrete}}@media(prefers-reduced-motion:reduce){.mc-accordion__content,.accordion__content{transition:none}}.mc-accordion__content,.accordion__content{height:0;max-height:none;padding-top:0;padding-bottom:0}.mc-accordion__content--open,.accordion__content--open,.mc-accordion__item[open] .mc-accordion__content,[open].accordion__item .mc-accordion__content,.mc-accordion__item[open] .accordion__content,[open].accordion__item .accordion__content{height:auto;padding-top:.125rem;padding-bottom:1rem}}.mc-accordion--ghost,.accordion--ghost{background-color:transparent;border:none}.mc-accordion--ghost .mc-accordion__header,.accordion--ghost .mc-accordion__header,.mc-accordion--ghost .accordion__header,.accordion--ghost .accordion__header,.mc-accordion--ghost .mc-accordion__content,.accordion--ghost .mc-accordion__content,.mc-accordion--ghost .accordion__content,.accordion--ghost .accordion__content{background-color:var(--accordion-list-color-background-ghost, rgba(255, 255, 255, .01))}.mc-accordion--ghost .mc-accordion__trigger:hover:before,.accordion--ghost .mc-accordion__trigger:hover:before,.mc-accordion--ghost .accordion__trigger:hover:before,.accordion--ghost .accordion__trigger:hover:before,.mc-accordion--ghost .mc-accordion__trigger:active:before,.accordion--ghost .mc-accordion__trigger:active:before,.mc-accordion--ghost .accordion__trigger:active:before,.accordion--ghost .accordion__trigger:active:before{background-color:var(--accordion-list-color-background-hover, rgba(0, 0, 0, .05))}\n"] }]
|
|
3093
3093
|
}], propDecorators: { ghost: [{ type: i0.Input, args: [{ isSignal: true, alias: "ghost", required: false }] }], native: [{ type: i0.Input, args: [{ isSignal: true, alias: "native", required: false }] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MozAccordionPanelComponent), { isSignal: true }] }] } });
|
|
3094
3094
|
|
|
3095
3095
|
class MozActionBottomBarComponent {
|