@lucca-front/ng 21.2.2 → 21.2.4-rc.1

package/fesm2022/lucca-front-ng-footer.mjs

@@ -4,21 +4,21 @@ import { input, booleanAttribute, computed, ChangeDetectionStrategy, ViewEncapsu
 
 class FooterComponent {
     constructor() {
-        this.sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : {}), transform: booleanAttribute });
+        this.sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Applies a container around the Page Header content
          */
-        this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : {}), transform: booleanAttribute });
-        this.containerMax = input(...(ngDevMode ? [undefined, { debugName: "containerMax" }] : []));
-        this.forceNarrow = input(false, { ...(ngDevMode ? { debugName: "forceNarrow" } : {}), transform: booleanAttribute });
-        this.dialog = input(false, { ...(ngDevMode ? { debugName: "dialog" } : {}), transform: booleanAttribute });
-        this.narrowAtMediaMax = input('XXS', ...(ngDevMode ? [{ debugName: "narrowAtMediaMax" }] : []));
-        this.breakpointClass = computed(() => (this.forceNarrow() ? 'mod-narrow' : { [`mod-narrowAtMediaMax${this.narrowAtMediaMax()}`]: !!this.narrowAtMediaMax() }), ...(ngDevMode ? [{ debugName: "breakpointClass" }] : []));
+        this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.containerMax = input(...(ngDevMode ? [undefined, { debugName: "containerMax" }] : /* istanbul ignore next */ []));
+        this.forceNarrow = input(false, { ...(ngDevMode ? { debugName: "forceNarrow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.dialog = input(false, { ...(ngDevMode ? { debugName: "dialog" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.narrowAtMediaMax = input('XXS', ...(ngDevMode ? [{ debugName: "narrowAtMediaMax" }] : /* istanbul ignore next */ []));
+        this.breakpointClass = computed(() => (this.forceNarrow() ? 'mod-narrow' : { [`mod-narrowAtMediaMax${this.narrowAtMediaMax()}`]: !!this.narrowAtMediaMax() }), ...(ngDevMode ? [{ debugName: "breakpointClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FooterComponent, isStandalone: true, selector: "lu-footer", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, containerMax: { classPropertyName: "containerMax", publicName: "containerMax", isSignal: true, isRequired: false, transformFunction: null }, forceNarrow: { classPropertyName: "forceNarrow", publicName: "forceNarrow", isSignal: true, isRequired: false, transformFunction: null }, dialog: { classPropertyName: "dialog", publicName: "dialog", isSignal: true, isRequired: false, transformFunction: null }, narrowAtMediaMax: { classPropertyName: "narrowAtMediaMax", publicName: "narrowAtMediaMax", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (container()) {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<div\n\t\t\tclass=\"footer-containerOptional\"\n\t\t\t[class.mod-containerMaxXXXL]=\"containerMax() === 'XXXL'\"\n\t\t\t[class.mod-containerMaxXXL]=\"containerMax() === 'XXL'\"\n\t\t\t[class.mod-containerMaxXL]=\"containerMax() === 'XL'\"\n\t\t\t[class.mod-containerMaxL]=\"containerMax() === 'L'\"\n\t\t\t[class.mod-containerMaxM]=\"containerMax() === 'M'\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t\t</div>\n\t</footer>\n} @else {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t</footer>\n}\n\n<ng-template #footerContent>\n\t<div class=\"footer-content\"><ng-content select=\"[footerContent]\" /></div>\n\t<div class=\"footer-actions\"><ng-content /></div>\n</ng-template>\n", styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}@layer mods{lu-footer:has(.footer.mod-sticky){inset-block-end:0;position:sticky}lu-footer:has(.footer.mod-sticky) .footer.mod-sticky{--components-footer-position: static}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FooterComponent, isStandalone: true, selector: "lu-footer", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, containerMax: { classPropertyName: "containerMax", publicName: "containerMax", isSignal: true, isRequired: false, transformFunction: null }, forceNarrow: { classPropertyName: "forceNarrow", publicName: "forceNarrow", isSignal: true, isRequired: false, transformFunction: null }, dialog: { classPropertyName: "dialog", publicName: "dialog", isSignal: true, isRequired: false, transformFunction: null }, narrowAtMediaMax: { classPropertyName: "narrowAtMediaMax", publicName: "narrowAtMediaMax", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (container()) {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<div\n\t\t\tclass=\"footer-containerOptional\"\n\t\t\t[class.mod-containerMaxXXXL]=\"containerMax() === 'XXXL'\"\n\t\t\t[class.mod-containerMaxXXL]=\"containerMax() === 'XXL'\"\n\t\t\t[class.mod-containerMaxXL]=\"containerMax() === 'XL'\"\n\t\t\t[class.mod-containerMaxL]=\"containerMax() === 'L'\"\n\t\t\t[class.mod-containerMaxM]=\"containerMax() === 'M'\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t\t</div>\n\t</footer>\n} @else {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t</footer>\n}\n\n<ng-template #footerContent>\n\t<div class=\"footer-content\"><ng-content select=\"[footerContent]\" /></div>\n\t<div class=\"footer-actions\"><ng-content /></div>\n</ng-template>\n", styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}@layer mods{lu-footer:has(.footer.mod-sticky){inset-block-end:0;position:sticky}lu-footer:has(.footer.mod-sticky) .footer.mod-sticky{--components-footer-position: static}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-footer', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (container()) {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<div\n\t\t\tclass=\"footer-containerOptional\"\n\t\t\t[class.mod-containerMaxXXXL]=\"containerMax() === 'XXXL'\"\n\t\t\t[class.mod-containerMaxXXL]=\"containerMax() === 'XXL'\"\n\t\t\t[class.mod-containerMaxXL]=\"containerMax() === 'XL'\"\n\t\t\t[class.mod-containerMaxL]=\"containerMax() === 'L'\"\n\t\t\t[class.mod-containerMaxM]=\"containerMax() === 'M'\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t\t</div>\n\t</footer>\n} @else {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t</footer>\n}\n\n<ng-template #footerContent>\n\t<div class=\"footer-content\"><ng-content select=\"[footerContent]\" /></div>\n\t<div class=\"footer-actions\"><ng-content /></div>\n</ng-template>\n", styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}@layer mods{lu-footer:has(.footer.mod-sticky){inset-block-end:0;position:sticky}lu-footer:has(.footer.mod-sticky) .footer.mod-sticky{--components-footer-position: static}}\n"] }]
         }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], containerMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerMax", required: false }] }], forceNarrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceNarrow", required: false }] }], dialog: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialog", required: false }] }], narrowAtMediaMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "narrowAtMediaMax", required: false }] }] } });

package/fesm2022/lucca-front-ng-footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-footer.mjs","sources":["../../../packages/ng/footer/footer.component.ts","../../../packages/ng/footer/footer.component.html","../../../packages/ng/footer/lucca-front-ng-footer.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-footer',\n\tstyleUrl: './footer.component.scss',\n\ttemplateUrl: './footer.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FooterComponent {\n\treadonly sticky = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies a container around the Page Header content\n\t */\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly containerMax = input<null | 'M' | 'L' | 'XL' | 'XXL' | 'XXXL'>();\n\n\treadonly forceNarrow = input(false, { transform: booleanAttribute });\n\n\treadonly dialog = input(false, { transform: booleanAttribute });\n\n\treadonly narrowAtMediaMax = input<'XXS' | 'XS' | 'S' | 'M'>('XXS');\n\n\treadonly breakpointClass = computed(() => (this.forceNarrow() ? 'mod-narrow' : { [`mod-narrowAtMediaMax${this.narrowAtMediaMax()}`]: !!this.narrowAtMediaMax() }));\n}\n","@if (container()) {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<div\n\t\t\tclass=\"footer-containerOptional\"\n\t\t\t[class.mod-containerMaxXXXL]=\"containerMax() === 'XXXL'\"\n\t\t\t[class.mod-containerMaxXXL]=\"containerMax() === 'XXL'\"\n\t\t\t[class.mod-containerMaxXL]=\"containerMax() === 'XL'\"\n\t\t\t[class.mod-containerMaxL]=\"containerMax() === 'L'\"\n\t\t\t[class.mod-containerMaxM]=\"containerMax() === 'M'\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t\t</div>\n\t</footer>\n} @else {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t</footer>\n}\n\n<ng-template #footerContent>\n\t<div class=\"footer-content\"><ng-content select=\"[footerContent]\" /></div>\n\t<div class=\"footer-actions\"><ng-content /></div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-footer.mjs","sources":["../../../packages/ng/footer/footer.component.ts","../../../packages/ng/footer/footer.component.html","../../../packages/ng/footer/lucca-front-ng-footer.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-footer',\n\tstyleUrl: './footer.component.scss',\n\ttemplateUrl: './footer.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FooterComponent {\n\treadonly sticky = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies a container around the Page Header content\n\t */\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly containerMax = input<null | 'M' | 'L' | 'XL' | 'XXL' | 'XXXL'>();\n\n\treadonly forceNarrow = input(false, { transform: booleanAttribute });\n\n\treadonly dialog = input(false, { transform: booleanAttribute });\n\n\treadonly narrowAtMediaMax = input<'XXS' | 'XS' | 'S' | 'M'>('XXS');\n\n\treadonly breakpointClass = computed(() => (this.forceNarrow() ? 'mod-narrow' : { [`mod-narrowAtMediaMax${this.narrowAtMediaMax()}`]: !!this.narrowAtMediaMax() }));\n}\n","@if (container()) {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<div\n\t\t\tclass=\"footer-containerOptional\"\n\t\t\t[class.mod-containerMaxXXXL]=\"containerMax() === 'XXXL'\"\n\t\t\t[class.mod-containerMaxXXL]=\"containerMax() === 'XXL'\"\n\t\t\t[class.mod-containerMaxXL]=\"containerMax() === 'XL'\"\n\t\t\t[class.mod-containerMaxL]=\"containerMax() === 'L'\"\n\t\t\t[class.mod-containerMaxM]=\"containerMax() === 'M'\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t\t</div>\n\t</footer>\n} @else {\n\t<footer class=\"footer\" [class.dialog-inside-footer]=\"dialog()\" [class.mod-sticky]=\"sticky()\" [class]=\"breakpointClass()\">\n\t\t<ng-container *ngTemplateOutlet=\"footerContent\" />\n\t</footer>\n}\n\n<ng-template #footerContent>\n\t<div class=\"footer-content\"><ng-content select=\"[footerContent]\" /></div>\n\t<div class=\"footer-actions\"><ng-content /></div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAWa,eAAe,CAAA;AAR5B,IAAA,WAAA,GAAA;QASU,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE/D;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAA4C;QAEhE,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAE3D,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtD,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAA2B,KAAK,uFAAC;AAEzD,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,YAAY,GAAG,EAAE,CAAC,uBAAuB,IAAI,CAAC,gBAAgB,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC,sFAAC;AAClK,IAAA;+GAjBY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX5B,q/BAuBA,EAAA,MAAA,EAAA,CAAA,soIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDfW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGd,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;+BACC,WAAW,EAAA,aAAA,EAGN,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,CAAC,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,q/BAAA,EAAA,MAAA,EAAA,CAAA,soIAAA,CAAA,EAAA;;;AEThD;;AAEG;;;;"}