@lucca-front/ng 22.0.0-rc.2 → 22.0.0-rc.4

package/fesm2022/lucca-front-ng-page-header.mjs

@@ -8,28 +8,32 @@ class PageHeaderComponent {
         /**
          * Changes the description text displayed in page header
          */
-        this.description = input(null, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        this.description = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
         /**
          * Changes the title text displayed in page header
          */
-        this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.label = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
         /**
          * Apply a container around the content
          */
         this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.descriptionIsString = computed(() => this.isStringPortalContent(this.description()), ...(ngDevMode ? [{ debugName: "descriptionIsString" }] : /* istanbul ignore next */ []));
-        this.labelIsString = computed(() => this.isStringPortalContent(this.label()), ...(ngDevMode ? [{ debugName: "labelIsString" }] : /* istanbul ignore next */ []));
+        this.descriptionIsString = computed(() => this.isStringPortalContent(this.description()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptionIsString" }] : /* istanbul ignore next */ []));
+        this.labelIsString = computed(() => this.isStringPortalContent(this.label()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelIsString" }] : /* istanbul ignore next */ []));
     }
     isStringPortalContent(message) {
         return typeof message === 'string';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PageHeaderComponent, isStandalone: true, selector: "lu-page-header", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header class=\"pageHeader\" [class.mod-sticky]=\"sticky()\">\n\t@if (container()) {\n\t\t<div class=\"pageHeader-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</header>\n\n<ng-template #content>\n\t<ng-content select=\"[pageHeaderBreadcrumbs]\" />\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title\">\n\t\t\t<div class=\"pageHeader-content-title-back\">\n\t\t\t\t<ng-content select=\"[pageHeaderBackAction]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-leading\">\n\t\t\t\t<ng-content select=\"[pageHeaderLeading]\" />\n\t\t\t</div>\n\t\t\t@if (labelIsString()) {\n\t\t\t\t<h1 class=\"pageHeader-content-title-content\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t}\n\t\t\t<div class=\"pageHeader-content-title-trailing\">\n\t\t\t\t<ng-content select=\"[pageHeaderTrailing]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-actions\">\n\t\t\t\t<ng-content select=\"[pageHeaderTitleActions]\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<ng-content select=\"[pageHeaderActions]\" />\n\t\t</div>\n\t</div>\n\t@if (description()) {\n\t\t<div class=\"pageHeader-description\">\n\t\t\t@if (descriptionIsString()) {\n\t\t\t\t<p class=\"pageHeader-description-paragraph\">{{ description() }}</p>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t}\n\t\t</div>\n\t}\n\t<ng-content select=\"[pageHeaderNavigation]\" />\n</ng-template>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width:40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width:40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--pr-t-color-text)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader.mod-withMenu .menu,.pageHeader.mod-withMenu .horizontalNavigation{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media(min-width:50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media(min-width:50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-padding: var(--pr-t-spacings-75)}}@layer base{h1,h2,h3,h4,h5,h6{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0}h1{--components-title-font: var(--pr-t-font-heading-1);--sizes-verticalPadding: var(--sizes-XXL-verticalPadding)}h2{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}h3{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}h4{--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}h5{--components-title-font: 600 var(--pr-t-font-fontSize-175) / var(--pr-t-font-lineHeight-250) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-S-verticalPadding)}h6{--components-title-font: 600 var(--pr-t-font-fontSize-150) / var(--pr-t-font-lineHeight-200) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-XS-verticalPadding)}}@layer mods{h1.mod-XXXL{--components-title-font: 900 2.25rem/2.5rem var(--pr-t-font-family-brand);--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding)}h1.mod-elementAfterText,h2.mod-elementAfterText,h3.mod-elementAfterText,h4.mod-elementAfterText,h5.mod-elementAfterText,h6.mod-elementAfterText{display:flex;flex-wrap:wrap;column-gap:var(--pr-t-spacings-100)}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { 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: "22.0.7", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: PageHeaderComponent, isStandalone: true, selector: "lu-page-header", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header class=\"pageHeader\" [class.mod-sticky]=\"sticky()\">\n\t@if (container()) {\n\t\t<div class=\"pageHeader-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</header>\n\n<ng-template #content>\n\t<ng-content select=\"[pageHeaderBreadcrumbs]\" />\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title\">\n\t\t\t<div class=\"pageHeader-content-title-back\">\n\t\t\t\t<ng-content select=\"[pageHeaderBackAction]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-leading\">\n\t\t\t\t<ng-content select=\"[pageHeaderLeading]\" />\n\t\t\t</div>\n\t\t\t@if (labelIsString()) {\n\t\t\t\t<h1 class=\"pageHeader-content-title-content\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t}\n\t\t\t<div class=\"pageHeader-content-title-trailing\">\n\t\t\t\t<ng-content select=\"[pageHeaderTrailing]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-actions\">\n\t\t\t\t<ng-content select=\"[pageHeaderTitleActions]\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<ng-content select=\"[pageHeaderActions]\" />\n\t\t</div>\n\t</div>\n\t@if (description()) {\n\t\t<div class=\"pageHeader-description\">\n\t\t\t@if (descriptionIsString()) {\n\t\t\t\t<p class=\"pageHeader-description-paragraph\">{{ description() }}</p>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t}\n\t\t</div>\n\t}\n\t<ng-content select=\"[pageHeaderNavigation]\" />\n</ng-template>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width:40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width:40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--pr-t-color-text)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader.mod-withMenu .menu,.pageHeader.mod-withMenu .horizontalNavigation{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media(min-width:50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media(min-width:50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-padding: var(--pr-t-spacings-75)}}@layer base{h1,h2,h3,h4,h5,h6{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0}h1{--components-title-font: var(--pr-t-font-heading-1);--sizes-verticalPadding: var(--sizes-XXL-verticalPadding)}h2{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}h3{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}h4{--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}h5{--components-title-font: 600 var(--pr-t-font-fontSize-175) / var(--pr-t-font-lineHeight-250) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-S-verticalPadding)}h6{--components-title-font: 600 var(--pr-t-font-fontSize-150) / var(--pr-t-font-lineHeight-200) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-XS-verticalPadding)}}@layer mods{h1.mod-XXXL{--components-title-font: 900 2.25rem/2.5rem var(--pr-t-font-family-brand);--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding)}h1.mod-elementAfterText,h2.mod-elementAfterText,h3.mod-elementAfterText,h4.mod-elementAfterText,h5.mod-elementAfterText,h6.mod-elementAfterText{display:flex;flex-wrap:wrap;column-gap:var(--pr-t-spacings-100)}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { 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.2.14", ngImport: i0, type: PageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-page-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PortalDirective, NgTemplateOutlet], template: "<header class=\"pageHeader\" [class.mod-sticky]=\"sticky()\">\n\t@if (container()) {\n\t\t<div class=\"pageHeader-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</header>\n\n<ng-template #content>\n\t<ng-content select=\"[pageHeaderBreadcrumbs]\" />\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title\">\n\t\t\t<div class=\"pageHeader-content-title-back\">\n\t\t\t\t<ng-content select=\"[pageHeaderBackAction]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-leading\">\n\t\t\t\t<ng-content select=\"[pageHeaderLeading]\" />\n\t\t\t</div>\n\t\t\t@if (labelIsString()) {\n\t\t\t\t<h1 class=\"pageHeader-content-title-content\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t}\n\t\t\t<div class=\"pageHeader-content-title-trailing\">\n\t\t\t\t<ng-content select=\"[pageHeaderTrailing]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-actions\">\n\t\t\t\t<ng-content select=\"[pageHeaderTitleActions]\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<ng-content select=\"[pageHeaderActions]\" />\n\t\t</div>\n\t</div>\n\t@if (description()) {\n\t\t<div class=\"pageHeader-description\">\n\t\t\t@if (descriptionIsString()) {\n\t\t\t\t<p class=\"pageHeader-description-paragraph\">{{ description() }}</p>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t}\n\t\t</div>\n\t}\n\t<ng-content select=\"[pageHeaderNavigation]\" />\n</ng-template>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width:40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width:40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--pr-t-color-text)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader.mod-withMenu .menu,.pageHeader.mod-withMenu .horizontalNavigation{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media(min-width:50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media(min-width:50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-padding: var(--pr-t-spacings-75)}}@layer base{h1,h2,h3,h4,h5,h6{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0}h1{--components-title-font: var(--pr-t-font-heading-1);--sizes-verticalPadding: var(--sizes-XXL-verticalPadding)}h2{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}h3{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}h4{--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}h5{--components-title-font: 600 var(--pr-t-font-fontSize-175) / var(--pr-t-font-lineHeight-250) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-S-verticalPadding)}h6{--components-title-font: 600 var(--pr-t-font-fontSize-150) / var(--pr-t-font-lineHeight-200) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-XS-verticalPadding)}}@layer mods{h1.mod-XXXL{--components-title-font: 900 2.25rem/2.5rem var(--pr-t-font-family-brand);--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding)}h1.mod-elementAfterText,h2.mod-elementAfterText,h3.mod-elementAfterText,h4.mod-elementAfterText,h5.mod-elementAfterText,h6.mod-elementAfterText{display:flex;flex-wrap:wrap;column-gap:var(--pr-t-spacings-100)}}\n"] }]
+            args: [{ selector: 'lu-page-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PortalDirective, NgTemplateOutlet], template: "<header class=\"pageHeader\" [class.mod-sticky]=\"sticky()\">\n\t@if (container()) {\n\t\t<div class=\"pageHeader-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</header>\n\n<ng-template #content>\n\t<ng-content select=\"[pageHeaderBreadcrumbs]\" />\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title\">\n\t\t\t<div class=\"pageHeader-content-title-back\">\n\t\t\t\t<ng-content select=\"[pageHeaderBackAction]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-leading\">\n\t\t\t\t<ng-content select=\"[pageHeaderLeading]\" />\n\t\t\t</div>\n\t\t\t@if (labelIsString()) {\n\t\t\t\t<h1 class=\"pageHeader-content-title-content\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t}\n\t\t\t<div class=\"pageHeader-content-title-trailing\">\n\t\t\t\t<ng-content select=\"[pageHeaderTrailing]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-actions\">\n\t\t\t\t<ng-content select=\"[pageHeaderTitleActions]\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<ng-content select=\"[pageHeaderActions]\" />\n\t\t</div>\n\t</div>\n\t@if (description()) {\n\t\t<div class=\"pageHeader-description\">\n\t\t\t@if (descriptionIsString()) {\n\t\t\t\t<p class=\"pageHeader-description-paragraph\">{{ description() }}</p>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t}\n\t\t</div>\n\t}\n\t<ng-content select=\"[pageHeaderNavigation]\" />\n</ng-template>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width:40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width:40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--pr-t-color-text)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader.mod-withMenu .menu,.pageHeader.mod-withMenu .horizontalNavigation{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media(min-width:50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media(min-width:50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-padding: var(--pr-t-spacings-75)}}@layer base{h1,h2,h3,h4,h5,h6{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0}h1{--components-title-font: var(--pr-t-font-heading-1);--sizes-verticalPadding: var(--sizes-XXL-verticalPadding)}h2{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}h3{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}h4{--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}h5{--components-title-font: 600 var(--pr-t-font-fontSize-175) / var(--pr-t-font-lineHeight-250) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-S-verticalPadding)}h6{--components-title-font: 600 var(--pr-t-font-fontSize-150) / var(--pr-t-font-lineHeight-200) var(--pr-t-font-family);--sizes-verticalPadding: var(--sizes-XS-verticalPadding)}}@layer mods{h1.mod-XXXL{--components-title-font: 900 2.25rem/2.5rem var(--pr-t-font-family-brand);--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding)}h1.mod-elementAfterText,h2.mod-elementAfterText,h3.mod-elementAfterText,h4.mod-elementAfterText,h5.mod-elementAfterText,h6.mod-elementAfterText{display:flex;flex-wrap:wrap;column-gap:var(--pr-t-spacings-100)}}\n"] }]
         }], propDecorators: { description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }] } });
 
 /**

package/fesm2022/lucca-front-ng-page-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-page-header.mjs","sources":["../../../packages/ng/page-header/page-header.component.ts","../../../packages/ng/page-header/page-header.component.html","../../../packages/ng/page-header/lucca-front-ng-page-header.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-page-header',\n\tstyleUrl: './page-header.component.scss',\n\ttemplateUrl: './page-header.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [PortalDirective, NgTemplateOutlet],\n})\nexport class PageHeaderComponent {\n\t/**\n\t * Changes the description text displayed in page header\n\t */\n\treadonly description = input<PortalContent | null>(null);\n\n\t/**\n\t * Changes the title text displayed in page header\n\t */\n\treadonly label = input<PortalContent | null>(null);\n\n\t/**\n\t * Apply a container around the content\n\t */\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly sticky = input(false, { transform: booleanAttribute });\n\n\treadonly descriptionIsString = computed(() => this.isStringPortalContent(this.description()));\n\treadonly labelIsString = computed(() => this.isStringPortalContent(this.label()));\n\n\tpublic isStringPortalContent(message: PortalContent | null): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<header class=\"pageHeader\" [class.mod-sticky]=\"sticky()\">\n\t@if (container()) {\n\t\t<div class=\"pageHeader-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</header>\n\n<ng-template #content>\n\t<ng-content select=\"[pageHeaderBreadcrumbs]\" />\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title\">\n\t\t\t<div class=\"pageHeader-content-title-back\">\n\t\t\t\t<ng-content select=\"[pageHeaderBackAction]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-leading\">\n\t\t\t\t<ng-content select=\"[pageHeaderLeading]\" />\n\t\t\t</div>\n\t\t\t@if (labelIsString()) {\n\t\t\t\t<h1 class=\"pageHeader-content-title-content\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t}\n\t\t\t<div class=\"pageHeader-content-title-trailing\">\n\t\t\t\t<ng-content select=\"[pageHeaderTrailing]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-actions\">\n\t\t\t\t<ng-content select=\"[pageHeaderTitleActions]\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<ng-content select=\"[pageHeaderActions]\" />\n\t\t</div>\n\t</div>\n\t@if (description()) {\n\t\t<div class=\"pageHeader-description\">\n\t\t\t@if (descriptionIsString()) {\n\t\t\t\t<p class=\"pageHeader-description-paragraph\">{{ description() }}</p>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t}\n\t\t</div>\n\t}\n\t<ng-content select=\"[pageHeaderNavigation]\" />\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAYa,mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;AASC;;AAEG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAuB,IAAI,kFAAC;AAExD;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAuB,IAAI,4EAAC;AAElD;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtD,QAAA,IAAA,CAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,0FAAC;AACpF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,oFAAC;AAKjF,IAAA;AAHO,IAAA,qBAAqB,CAAC,OAA6B,EAAA;AACzD,QAAA,OAAO,OAAO,OAAO,KAAK,QAAQ;IACnC;+GAvBY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZhC,6mDA+CA,EAAA,MAAA,EAAA,CAAA,kuNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrCW,eAAe,gGAAE,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;;4FAE/B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,eAAe,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,6mDAAA,EAAA,MAAA,EAAA,CAAA,kuNAAA,CAAA,EAAA;;;AEV7C;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-page-header.mjs","sources":["../../../packages/ng/page-header/page-header.component.ts","../../../packages/ng/page-header/page-header.component.html","../../../packages/ng/page-header/lucca-front-ng-page-header.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-page-header',\n\tstyleUrl: './page-header.component.scss',\n\ttemplateUrl: './page-header.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [PortalDirective, NgTemplateOutlet],\n})\nexport class PageHeaderComponent {\n\t/**\n\t * Changes the description text displayed in page header\n\t */\n\treadonly description = input<PortalContent | null>(null);\n\n\t/**\n\t * Changes the title text displayed in page header\n\t */\n\treadonly label = input<PortalContent | null>(null);\n\n\t/**\n\t * Apply a container around the content\n\t */\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly sticky = input(false, { transform: booleanAttribute });\n\n\treadonly descriptionIsString = computed(() => this.isStringPortalContent(this.description()));\n\treadonly labelIsString = computed(() => this.isStringPortalContent(this.label()));\n\n\tpublic isStringPortalContent(message: PortalContent | null): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<header class=\"pageHeader\" [class.mod-sticky]=\"sticky()\">\n\t@if (container()) {\n\t\t<div class=\"pageHeader-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</header>\n\n<ng-template #content>\n\t<ng-content select=\"[pageHeaderBreadcrumbs]\" />\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title\">\n\t\t\t<div class=\"pageHeader-content-title-back\">\n\t\t\t\t<ng-content select=\"[pageHeaderBackAction]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-leading\">\n\t\t\t\t<ng-content select=\"[pageHeaderLeading]\" />\n\t\t\t</div>\n\t\t\t@if (labelIsString()) {\n\t\t\t\t<h1 class=\"pageHeader-content-title-content\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t}\n\t\t\t<div class=\"pageHeader-content-title-trailing\">\n\t\t\t\t<ng-content select=\"[pageHeaderTrailing]\" />\n\t\t\t</div>\n\t\t\t<div class=\"pageHeader-content-title-actions\">\n\t\t\t\t<ng-content select=\"[pageHeaderTitleActions]\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<ng-content select=\"[pageHeaderActions]\" />\n\t\t</div>\n\t</div>\n\t@if (description()) {\n\t\t<div class=\"pageHeader-description\">\n\t\t\t@if (descriptionIsString()) {\n\t\t\t\t<p class=\"pageHeader-description-paragraph\">{{ description() }}</p>\n\t\t\t} @else {\n\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t}\n\t\t</div>\n\t}\n\t<ng-content select=\"[pageHeaderNavigation]\" />\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAYa,mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;AASC;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAuB,IAAI;wFAAC;AAExD;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAuB,IAAI;kFAAC;AAElD;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtD,QAAA,IAAA,CAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gGAAC;AACpF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;0FAAC;AAKjF,IAAA;AAHO,IAAA,qBAAqB,CAAC,OAA6B,EAAA;AACzD,QAAA,OAAO,OAAO,OAAO,KAAK,QAAQ;IACnC;8GAvBY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZhC,6mDA+CA,EAAA,MAAA,EAAA,CAAA,klNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrCW,eAAe,gGAAE,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;;2FAE/B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,eAAe,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,6mDAAA,EAAA,MAAA,EAAA,CAAA,klNAAA,CAAA,EAAA;;;AEV7C;;AAEG;;;;"}

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

@@ -1,8 +1,13 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, input, booleanAttribute, output, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ButtonComponent } from '@lucca-front/ng/button';
 import { intlInputOptions, IntlParamsPipe } from '@lucca-front/ng/core';
 import { IconComponent } from '@lucca-front/ng/icon';
-import { ButtonComponent } from '@lucca-front/ng/button';
+
+/**
+ * Available PaginationComponent Mods
+ */
+const PAGINATION_MOD = ['default', 'compact'];
 
 const Translations = {
     'nl-BE': {
@@ -53,6 +58,12 @@ const Translations = {
         next: 'Seguinte',
         resultsA11y: 'Resultados de {{from}} a {{to}} {{itemsCount}}',
     },
+    pl: {
+        results: '{{from}} – {{to}} na stronie {{itemsCount}}',
+        previous: 'Poprzedni',
+        next: 'Dalej',
+        resultsA11y: 'Wyniki z {{from}} do {{to}} na stronie {{itemsCount}}',
+    },
 };
 
 const LU_PAGINATION_TRANSLATIONS = new InjectionToken('LuPaginationTranslations', {
@@ -62,7 +73,8 @@ const luPaginationTranslations = Translations;
 
 class PaginationComponent {
     constructor() {
-        this.intl = input(...intlInputOptions(LU_PAGINATION_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.intl = input(...intlInputOptions(LU_PAGINATION_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         /**
          * Disabled the previous page arrow
          */
@@ -74,19 +86,23 @@ class PaginationComponent {
         /**
          * Where the pagination start
          */
-        this.from = input(...(ngDevMode ? [undefined, { debugName: "from" }] : /* istanbul ignore next */ []));
+        this.from = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "from" }] : /* istanbul ignore next */ []));
         /**
          * Where the pagination end
          */
-        this.to = input(...(ngDevMode ? [undefined, { debugName: "to" }] : /* istanbul ignore next */ []));
+        this.to = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "to" }] : /* istanbul ignore next */ []));
         /**
          * Total number of items in the pagination
          */
-        this.itemsCount = input(...(ngDevMode ? [undefined, { debugName: "itemsCount" }] : /* istanbul ignore next */ []));
+        this.itemsCount = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "itemsCount" }] : /* istanbul ignore next */ []));
         /**
          * Pagination mod (default or compact)
          */
-        this.mod = input('default', ...(ngDevMode ? [{ debugName: "mod" }] : /* istanbul ignore next */ []));
+        this.mod = input('default', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mod" }] : /* istanbul ignore next */ []));
         /**
          * Emit event when click on previous arrow
          */
@@ -101,10 +117,10 @@ class PaginationComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PaginationComponent, isStandalone: true, selector: "lu-pagination", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, isFirstPage: { classPropertyName: "isFirstPage", publicName: "isFirstPage", isSignal: true, isRequired: false, transformFunction: null }, isLastPage: { classPropertyName: "isLastPage", publicName: "isLastPage", isSignal: true, isRequired: false, transformFunction: null }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null }, mod: { classPropertyName: "mod", publicName: "mod", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, ngImport: i0, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer mods{.pagination.mod-compact{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: PaginationComponent, isStandalone: true, selector: "lu-pagination", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, isFirstPage: { classPropertyName: "isFirstPage", publicName: "isFirstPage", isSignal: true, isRequired: false, transformFunction: null }, isLastPage: { classPropertyName: "isLastPage", publicName: "isLastPage", isSignal: true, isRequired: false, transformFunction: null }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null }, mod: { classPropertyName: "mod", publicName: "mod", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, ngImport: i0, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer mods{.pagination.mod-compact{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-pagination', imports: [IconComponent, IntlParamsPipe, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer mods{.pagination.mod-compact{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], isFirstPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFirstPage", required: false }] }], isLastPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLastPage", required: false }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], itemsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsCount", required: false }] }], mod: [{ type: i0.Input, args: [{ isSignal: true, alias: "mod", required: false }] }], previousPage: [{ type: i0.Output, args: ["previousPage"] }], nextPage: [{ type: i0.Output, args: ["nextPage"] }] } });
@@ -113,5 +129,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { PaginationComponent };
+export { PAGINATION_MOD, PaginationComponent };
 //# sourceMappingURL=lucca-front-ng-pagination.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-pagination.mjs","sources":["../../../packages/ng/pagination/translations.ts","../../../packages/ng/pagination/pagination.translate.ts","../../../packages/ng/pagination/pagination.component.ts","../../../packages/ng/pagination/pagination.component.html","../../../packages/ng/pagination/lucca-front-ng-pagination.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tfr: {\n\t\tresults: '{{from}} – {{to}} sur {{itemsCount}}',\n\t\tprevious: 'Précédent',\n\t\tnext: 'Suivant',\n\t\tresultsA11y: 'Résultats de {{from}} à {{to}} sur {{itemsCount}}',\n\t},\n\tde: {\n\t\tresults: '{{from}} – {{to}} von {{itemsCount}}',\n\t\tprevious: 'Zurück',\n\t\tnext: 'Weiter',\n\t\tresultsA11y: 'Ergebnisse von {{from}} bis {{to}} von {{itemsCount}}',\n\t},\n\ten: {\n\t\tresults: '{{from}} – {{to}} out of {{itemsCount}}',\n\t\tprevious: 'Previous',\n\t\tnext: 'Next',\n\t\tresultsA11y: 'Results from {{from}} to {{to}} out of {{itemsCount}}',\n\t},\n\tes: {\n\t\tresults: '{{from}} - {{to}} de {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Siguiente',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} de {{itemsCount}}',\n\t},\n\tit: {\n\t\tresults: '{{from}} - {{to}} su {{itemsCount}}',\n\t\tprevious: 'Precedente',\n\t\tnext: 'Successivo',\n\t\tresultsA11y: 'Risultati da {{from}} a {{to}} su {{itemsCount}}',\n\t},\n\tnl: {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tpt: {\n\t\tresults: '{{from}} – {{to}} em {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Seguinte',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} {{itemsCount}}',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PAGINATION_TRANSLATIONS = new InjectionToken('LuPaginationTranslations', {\n\tfactory: () => luPaginationTranslations,\n});\n\nexport interface LuPaginationLabel {\n\tresults: string;\n\tprevious: string;\n\tnext: string;\n\tresultsA11y: string;\n}\n\nexport const luPaginationTranslations: LuTranslation<LuPaginationLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, effect, input, output, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, IntlParamsPipe } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { LU_PAGINATION_TRANSLATIONS } from './pagination.translate';\n\n@Component({\n\tselector: 'lu-pagination',\n\ttemplateUrl: './pagination.component.html',\n\tstyleUrl: './pagination.component.scss',\n\timports: [IconComponent, IntlParamsPipe, ButtonComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PaginationComponent {\n\treadonly intl = input(...intlInputOptions(LU_PAGINATION_TRANSLATIONS));\n\n\t/**\n\t * Disabled the previous page arrow\n\t */\n\treadonly isFirstPage = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Disabled the next page arrow\n\t */\n\treadonly isLastPage = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Where the pagination start\n\t */\n\treadonly from = input<number | null>();\n\n\t/**\n\t * Where the pagination end\n\t */\n\treadonly to = input<number | null>();\n\n\t/**\n\t * Total number of items in the pagination\n\t */\n\treadonly itemsCount = input<number | null>();\n\n\t/**\n\t * Pagination mod (default or compact)\n\t */\n\treadonly mod = input<'default' | 'compact'>('default');\n\n\t/**\n\t * Emit event when click on previous arrow\n\t */\n\treadonly previousPage = output<void>();\n\n\t/**\n\t * Emit event when click on next arrow\n\t */\n\treadonly nextPage = output<void>();\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tif (this.mod() === 'default' && (this.from() === null || this.to() === null || this.itemsCount() === null)) {\n\t\t\t\tthrow new Error('Pagination in \"default\" mode requires \"from\", \"to\", and \"itemsCount\" inputs.');\n\t\t\t}\n\t\t});\n\t}\n}\n","<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\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-pagination.mjs","sources":["../../../packages/ng/pagination/pagination.type.ts","../../../packages/ng/pagination/translations.ts","../../../packages/ng/pagination/pagination.translate.ts","../../../packages/ng/pagination/pagination.component.ts","../../../packages/ng/pagination/pagination.component.html","../../../packages/ng/pagination/lucca-front-ng-pagination.ts"],"sourcesContent":["/**\n * Available PaginationComponent Mods\n */\n\nexport const PAGINATION_MOD = ['default', 'compact'] as const;\nexport type PaginationMod = (typeof PAGINATION_MOD)[number];\n","export const Translations = {\n\t'nl-BE': {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tfr: {\n\t\tresults: '{{from}} – {{to}} sur {{itemsCount}}',\n\t\tprevious: 'Précédent',\n\t\tnext: 'Suivant',\n\t\tresultsA11y: 'Résultats de {{from}} à {{to}} sur {{itemsCount}}',\n\t},\n\tde: {\n\t\tresults: '{{from}} – {{to}} von {{itemsCount}}',\n\t\tprevious: 'Zurück',\n\t\tnext: 'Weiter',\n\t\tresultsA11y: 'Ergebnisse von {{from}} bis {{to}} von {{itemsCount}}',\n\t},\n\ten: {\n\t\tresults: '{{from}} – {{to}} out of {{itemsCount}}',\n\t\tprevious: 'Previous',\n\t\tnext: 'Next',\n\t\tresultsA11y: 'Results from {{from}} to {{to}} out of {{itemsCount}}',\n\t},\n\tes: {\n\t\tresults: '{{from}} - {{to}} de {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Siguiente',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} de {{itemsCount}}',\n\t},\n\tit: {\n\t\tresults: '{{from}} - {{to}} su {{itemsCount}}',\n\t\tprevious: 'Precedente',\n\t\tnext: 'Successivo',\n\t\tresultsA11y: 'Risultati da {{from}} a {{to}} su {{itemsCount}}',\n\t},\n\tnl: {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tpt: {\n\t\tresults: '{{from}} – {{to}} em {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Seguinte',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} {{itemsCount}}',\n\t},\n\tpl: {\n\t\tresults: '{{from}} – {{to}} na stronie {{itemsCount}}',\n\t\tprevious: 'Poprzedni',\n\t\tnext: 'Dalej',\n\t\tresultsA11y: 'Wyniki z {{from}} do {{to}} na stronie {{itemsCount}}',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PAGINATION_TRANSLATIONS = new InjectionToken('LuPaginationTranslations', {\n\tfactory: () => luPaginationTranslations,\n});\n\nexport interface LuPaginationLabel {\n\tresults: string;\n\tprevious: string;\n\tnext: string;\n\tresultsA11y: string;\n}\n\nexport const luPaginationTranslations: LuTranslation<LuPaginationLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, effect, input, output, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { intlInputOptions, IntlParamsPipe } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PAGINATION_TRANSLATIONS } from './pagination.translate';\nimport { PaginationMod } from './pagination.type';\n\n@Component({\n\tselector: 'lu-pagination',\n\ttemplateUrl: './pagination.component.html',\n\tstyleUrl: './pagination.component.scss',\n\timports: [IconComponent, IntlParamsPipe, ButtonComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PaginationComponent {\n\treadonly intl = input(...intlInputOptions(LU_PAGINATION_TRANSLATIONS));\n\n\t/**\n\t * Disabled the previous page arrow\n\t */\n\treadonly isFirstPage = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Disabled the next page arrow\n\t */\n\treadonly isLastPage = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Where the pagination start\n\t */\n\treadonly from = input<number | null>();\n\n\t/**\n\t * Where the pagination end\n\t */\n\treadonly to = input<number | null>();\n\n\t/**\n\t * Total number of items in the pagination\n\t */\n\treadonly itemsCount = input<number | null>();\n\n\t/**\n\t * Pagination mod (default or compact)\n\t */\n\treadonly mod = input<PaginationMod>('default');\n\n\t/**\n\t * Emit event when click on previous arrow\n\t */\n\treadonly previousPage = output<void>();\n\n\t/**\n\t * Emit event when click on next arrow\n\t */\n\treadonly nextPage = output<void>();\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tif (this.mod() === 'default' && (this.from() === null || this.to() === null || this.itemsCount() === null)) {\n\t\t\t\tthrow new Error('Pagination in \"default\" mode requires \"from\", \"to\", and \"itemsCount\" inputs.');\n\t\t\t}\n\t\t});\n\t}\n}\n","<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" luButton=\"ghost\" size=\"S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-plg-push.mjs

@@ -6,7 +6,7 @@ import { IconComponent } from '@lucca-front/ng/icon';
 
 const Translations = {
     'nl-BE': {
-        close: 'Sluiten',
+        close: 'Afsluiten',
     },
     fr: {
         close: 'Fermer',
@@ -24,11 +24,14 @@ const Translations = {
         close: 'Chiudere',
     },
     nl: {
-        close: 'Sluiten',
+        close: 'Afsluiten',
     },
     pt: {
         close: 'Fechar',
     },
+    pl: {
+        close: 'Zamknij',
+    },
 };
 
 const LU_PLG_PUSH_TRANSLATIONS = new InjectionToken('LuPlgPushTranslations', {
@@ -38,11 +41,13 @@ const LuPlgPushTranslations = Translations;
 
 class PLGPushComponent {
     constructor() {
-        this.intl = input(...intlInputOptions(LU_PLG_PUSH_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.intl = input(...intlInputOptions(LU_PLG_PUSH_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         /**
          * Changes the title displayed in plg
          */
-        this.heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
+        this.heading = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
         /**
          * Display sign close button
          */
@@ -50,12 +55,13 @@ class PLGPushComponent {
         /**
          * Is the callout removed? Works with two way binding too.
          */
-        this.removed = model(false, ...(ngDevMode ? [{ debugName: "removed" }] : /* istanbul ignore next */ []));
+        this.removed = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "removed" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PLGPushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PLGPushComponent, isStandalone: true, selector: "lu-plg-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removed: { classPropertyName: "removed", publicName: "removed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removedChange" }, host: { properties: { "attr.hidden": "removed() ? \"hidden\" : null" } }, ngImport: i0, template: "<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\n", styles: ["@layer components{.plgPush{--components-plgPush-icon-size: 2rem;display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.plgPush .link{--components-link-color: var(--palettes-brand-700);--components-link-color-hover: var(--palettes-brand-800);display:inline-block}.plgPush-icons{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--components-plgPush-icon-size);inline-size:var(--components-plgPush-icon-size)}.plgPush-icons-front{color:var(--palettes-brand-600);z-index:1}.plgPush-icons-back{position:absolute;z-index:0;inset:0}.plgPush-content{display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);padding-block:var(--pr-t-spacings-75)}.plgPush-content-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.plgPush-content-link{display:flex;align-items:center;gap:var(--pr-t-spacings-25);padding:var(--pr-t-spacings-0)}.plgPush-close{margin-inline-start:auto}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PLGPushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: PLGPushComponent, isStandalone: true, selector: "lu-plg-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removed: { classPropertyName: "removed", publicName: "removed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removedChange" }, host: { properties: { "attr.hidden": "removed() ? \"hidden\" : null" } }, ngImport: i0, template: "<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\n", styles: ["@layer components{.plgPush{--components-plgPush-icon-size: 2rem;display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.plgPush .link{--components-link-color: var(--palettes-brand-700);--components-link-color-hover: var(--palettes-brand-800);display:inline-block}.plgPush-icons{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--components-plgPush-icon-size);inline-size:var(--components-plgPush-icon-size)}.plgPush-icons-front{color:var(--palettes-brand-600);z-index:1}.plgPush-icons-back{position:absolute;z-index:0;inset:0}.plgPush-content{display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);padding-block:var(--pr-t-spacings-75)}.plgPush-content-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.plgPush-content-link{display:flex;align-items:center;gap:var(--pr-t-spacings-25);padding:var(--pr-t-spacings-0)}.plgPush-close{margin-inline-start:auto}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PLGPushComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PLGPushComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-plg-push', imports: [IconComponent, ButtonComponent], host: {
                         '[attr.hidden]': 'removed() ? "hidden" : null',

package/fesm2022/lucca-front-ng-plg-push.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-plg-push.mjs","sources":["../../../packages/ng/plg-push/translations.ts","../../../packages/ng/plg-push/plg-push.translate.ts","../../../packages/ng/plg-push/plg-push.component.ts","../../../packages/ng/plg-push/plg-push.component.html","../../../packages/ng/plg-push/lucca-front-ng-plg-push.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tclose: 'Sluiten',\n\t},\n\tfr: {\n\t\tclose: 'Fermer',\n\t},\n\tde: {\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tclose: 'Close',\n\t},\n\tes: {\n\t\tclose: 'Cerrar',\n\t},\n\tit: {\n\t\tclose: 'Chiudere',\n\t},\n\tnl: {\n\t\tclose: 'Sluiten',\n\t},\n\tpt: {\n\t\tclose: 'Fechar',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PLG_PUSH_TRANSLATIONS = new InjectionToken('LuPlgPushTranslations', {\n\tfactory: () => LuPlgPushTranslations,\n});\n\nexport interface LuPlgPushLabel {\n\tclose: string;\n}\n\nexport const LuPlgPushTranslations: LuTranslation<LuPlgPushLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PLG_PUSH_TRANSLATIONS } from './plg-push.translate';\n\n@Component({\n\tselector: 'lu-plg-push',\n\timports: [IconComponent, ButtonComponent],\n\ttemplateUrl: './plg-push.component.html',\n\tstyleUrl: './plg-push.component.scss',\n\thost: {\n\t\t'[attr.hidden]': 'removed() ? \"hidden\" : null',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PLGPushComponent {\n\treadonly intl = input(...intlInputOptions(LU_PLG_PUSH_TRANSLATIONS));\n\n\t/**\n\t * Changes the title displayed in plg\n\t */\n\treadonly heading = input<string>('');\n\n\t/**\n\t * Display sign close button\n\t */\n\treadonly removable = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Is the callout removed? Works with two way binding too.\n\t */\n\treadonly removed = model(false);\n}\n","<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\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-plg-push.mjs","sources":["../../../packages/ng/plg-push/translations.ts","../../../packages/ng/plg-push/plg-push.translate.ts","../../../packages/ng/plg-push/plg-push.component.ts","../../../packages/ng/plg-push/plg-push.component.html","../../../packages/ng/plg-push/lucca-front-ng-plg-push.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tclose: 'Afsluiten',\n\t},\n\tfr: {\n\t\tclose: 'Fermer',\n\t},\n\tde: {\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tclose: 'Close',\n\t},\n\tes: {\n\t\tclose: 'Cerrar',\n\t},\n\tit: {\n\t\tclose: 'Chiudere',\n\t},\n\tnl: {\n\t\tclose: 'Afsluiten',\n\t},\n\tpt: {\n\t\tclose: 'Fechar',\n\t},\n\tpl: {\n\t\tclose: 'Zamknij',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PLG_PUSH_TRANSLATIONS = new InjectionToken('LuPlgPushTranslations', {\n\tfactory: () => LuPlgPushTranslations,\n});\n\nexport interface LuPlgPushLabel {\n\tclose: string;\n}\n\nexport const LuPlgPushTranslations: LuTranslation<LuPlgPushLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PLG_PUSH_TRANSLATIONS } from './plg-push.translate';\n\n@Component({\n\tselector: 'lu-plg-push',\n\timports: [IconComponent, ButtonComponent],\n\ttemplateUrl: './plg-push.component.html',\n\tstyleUrl: './plg-push.component.scss',\n\thost: {\n\t\t'[attr.hidden]': 'removed() ? \"hidden\" : null',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PLGPushComponent {\n\treadonly intl = input(...intlInputOptions(LU_PLG_PUSH_TRANSLATIONS));\n\n\t/**\n\t * Changes the title displayed in plg\n\t */\n\treadonly heading = input<string>('');\n\n\t/**\n\t * Display sign close button\n\t */\n\treadonly removable = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Is the callout removed? Works with two way binding too.\n\t */\n\treadonly removed = model(false);\n}\n","<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, EventEmitter, viewChild, TemplateRef, ChangeDetectionStrategy, Component, NgModule, Directive } from '@angular/core';
 import { outputFromObservable } from '@angular/core/rxjs-interop';
-import { syncInputSignal, ɵeffectWithDeps as _effectWithDeps, isNotNil, generateId } from '@lucca-front/ng/core';
+import { syncInputSignal, ɵeffectWithDeps as _effectWithDeps, isNotNil, generateId, getPushPanelViewportMargin } from '@lucca-front/ng/core';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { timer, Subject, Subscription } from 'rxjs';
 import { distinctUntilChanged, debounce, map } from 'rxjs/operators';
@@ -151,7 +151,8 @@ class LuPopoverPanelComponent extends ALuPopoverPanel {
     constructor() {
         super();
         /** Template to Use for the popover */
-        this.template = input(...(ngDevMode ? [undefined, { debugName: "template" }] : /* istanbul ignore next */ []));
+        this.template = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "template" }] : /* istanbul ignore next */ []));
         /** Template context to use for the popover when created using a template */
         this.templateContext = input(undefined, { ...(ngDevMode ? { debugName: "templateContext" } : /* istanbul ignore next */ {}), alias: 'template-context' });
         /**
@@ -192,7 +193,8 @@ class LuPopoverPanelComponent extends ALuPopoverPanel {
         this.openOutput = outputFromObservable(this.open, { alias: 'open' });
         /** Event emitted when the popover is hovered. */
         this.hoveredOutput = outputFromObservable(this.hovered, { alias: 'hovered' });
-        this.vcTemplateRef = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "vcTemplateRef" }] : /* istanbul ignore next */ []));
+        this.vcTemplateRef = viewChild(TemplateRef, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "vcTemplateRef" }] : /* istanbul ignore next */ []));
         syncInputSignal(this.template, (template) => (this._template = template));
         syncInputSignal(this.templateContext, (templateContext) => (this._templateContext = templateContext));
         syncInputSignal(this.inputCloseOnClick, (closeOnClick) => (this.closeOnClick = closeOnClick));
@@ -219,10 +221,10 @@ class LuPopoverPanelComponent extends ALuPopoverPanel {
     _emitHoveredEvent(hovered) {
         this.hovered.emit(hovered);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: LuPopoverPanelComponent, isStandalone: true, selector: "lu-popover", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, templateContext: { classPropertyName: "templateContext", publicName: "template-context", isSignal: true, isRequired: false, transformFunction: null }, inputCloseOnClick: { classPropertyName: "inputCloseOnClick", publicName: "close-on-click", isSignal: true, isRequired: false, transformFunction: null }, inputTrapFocus: { classPropertyName: "inputTrapFocus", publicName: "trap-focus", isSignal: true, isRequired: false, transformFunction: null }, inputScrollStrategy: { classPropertyName: "inputScrollStrategy", publicName: "scroll-strategy", isSignal: true, isRequired: false, transformFunction: null }, inputPanelClasses: { classPropertyName: "inputPanelClasses", publicName: "panel-classes", isSignal: true, isRequired: false, transformFunction: null }, inputContentClasses: { classPropertyName: "inputContentClasses", publicName: "content-classes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeOutput: "close", openOutput: "open", hoveredOutput: "hovered" }, viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], exportAs: ["LuPopoverPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content\" [class]=\"contentClassesMap\" [cdkTrapFocus]=\"trapFocus\">\n\t\t\t<ng-content /><ng-container *ngTemplateOutlet=\"template(); context: templateContext()\" />\n\t\t</div>\n\t</div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: LuPopoverPanelComponent, isStandalone: true, selector: "lu-popover", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, templateContext: { classPropertyName: "templateContext", publicName: "template-context", isSignal: true, isRequired: false, transformFunction: null }, inputCloseOnClick: { classPropertyName: "inputCloseOnClick", publicName: "close-on-click", isSignal: true, isRequired: false, transformFunction: null }, inputTrapFocus: { classPropertyName: "inputTrapFocus", publicName: "trap-focus", isSignal: true, isRequired: false, transformFunction: null }, inputScrollStrategy: { classPropertyName: "inputScrollStrategy", publicName: "scroll-strategy", isSignal: true, isRequired: false, transformFunction: null }, inputPanelClasses: { classPropertyName: "inputPanelClasses", publicName: "panel-classes", isSignal: true, isRequired: false, transformFunction: null }, inputContentClasses: { classPropertyName: "inputContentClasses", publicName: "content-classes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeOutput: "close", openOutput: "open", hoveredOutput: "hovered" }, viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], exportAs: ["LuPopoverPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content\" [class]=\"contentClassesMap\" [cdkTrapFocus]=\"trapFocus\">\n\t\t\t<ng-content /><ng-container *ngTemplateOutlet=\"template(); context: templateContext()\" />\n\t\t</div>\n\t</div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-popover', changeDetection: ChangeDetectionStrategy.OnPush, animations: [luTransformPopover], imports: [NgTemplateOutlet, OverlayModule, A11yModule], exportAs: 'LuPopoverPanel', template: "<ng-template>\n\t<div\n\t\tclass=\"lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content\" [class]=\"contentClassesMap\" [cdkTrapFocus]=\"trapFocus\">\n\t\t\t<ng-content /><ng-container *ngTemplateOutlet=\"template(); context: templateContext()\" />\n\t\t</div>\n\t</div>\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], templateContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "template-context", required: false }] }], inputCloseOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "close-on-click", required: false }] }], inputTrapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trap-focus", required: false }] }], inputScrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll-strategy", required: false }] }], inputPanelClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "panel-classes", required: false }] }], inputContentClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "content-classes", required: false }] }], closeOutput: [{ type: i0.Output, args: ["close"] }], openOutput: [{ type: i0.Output, args: ["open"] }], hoveredOutput: [{ type: i0.Output, args: ["hovered"] }], vcTemplateRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -231,11 +233,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * @deprecated use `LuPopoverPanelComponent` instead
  */
 class LuPopoverPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverPanelModule, imports: [LuPopoverPanelComponent], exports: [LuPopoverPanelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverPanelModule, imports: [LuPopoverPanelComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverPanelModule, imports: [LuPopoverPanelComponent], exports: [LuPopoverPanelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverPanelModule, imports: [LuPopoverPanelComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuPopoverPanelComponent],
@@ -326,10 +328,10 @@ class LuPopoverTargetDirective extends ALuPopoverTarget {
         syncInputSignal(this.inputOffsetX, (inputOffsetX) => (this.offsetX = inputOffsetX));
         syncInputSignal(this.inputOffsetY, (inputOffsetY) => (this.offsetY = inputOffsetY));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverTargetDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: LuPopoverTargetDirective, isStandalone: true, selector: "[luPopoverTarget]", inputs: { inputPosition: { classPropertyName: "inputPosition", publicName: "luPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, inputAlignment: { classPropertyName: "inputAlignment", publicName: "luPopoverAlignment", isSignal: true, isRequired: false, transformFunction: null }, inputOverlap: { classPropertyName: "inputOverlap", publicName: "luPopoverOverlap", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetX: { classPropertyName: "inputOffsetX", publicName: "luPopoverOffsetX", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetY: { classPropertyName: "inputOffsetY", publicName: "luPopoverOffsetY", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["LuPopoverTarget"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverTargetDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: LuPopoverTargetDirective, isStandalone: true, selector: "[luPopoverTarget]", inputs: { inputPosition: { classPropertyName: "inputPosition", publicName: "luPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, inputAlignment: { classPropertyName: "inputAlignment", publicName: "luPopoverAlignment", isSignal: true, isRequired: false, transformFunction: null }, inputOverlap: { classPropertyName: "inputOverlap", publicName: "luPopoverOverlap", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetX: { classPropertyName: "inputOffsetX", publicName: "luPopoverOffsetX", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetY: { classPropertyName: "inputOffsetY", publicName: "luPopoverOffsetY", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["LuPopoverTarget"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luPopoverTarget]',
@@ -735,6 +737,7 @@ class ALuPopoverTrigger {
         return this._overlay
             .position()
             .flexibleConnectedTo(element)
+            .withViewportMargin(getPushPanelViewportMargin(element.nativeElement))
             .withPositions([
             {
                 originX: connectionPosition.originX,
@@ -904,10 +907,10 @@ class LuPopoverTriggerDirective extends ALuPopoverTrigger {
     _emitClose() {
         this.onClose.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverTriggerDirective, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: LuPopoverTriggerDirective, isStandalone: true, selector: "[luPopover]", inputs: { inputPanel: { classPropertyName: "inputPanel", publicName: "luPopover", isSignal: true, isRequired: false, transformFunction: null }, inputTarget: { classPropertyName: "inputTarget", publicName: "luPopoverTarget", isSignal: true, isRequired: false, transformFunction: null }, inputTriggerEvent: { classPropertyName: "inputTriggerEvent", publicName: "luPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, inputPosition: { classPropertyName: "inputPosition", publicName: "luPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, inputAlignment: { classPropertyName: "inputAlignment", publicName: "luPopoverAlignment", isSignal: true, isRequired: false, transformFunction: null }, inputEnterDelay: { classPropertyName: "inputEnterDelay", publicName: "luPopoverEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, inputLeaveDelay: { classPropertyName: "inputLeaveDelay", publicName: "luPopoverLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "luPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, inputOverlap: { classPropertyName: "inputOverlap", publicName: "luPopoverOverlap", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetX: { classPropertyName: "inputOffsetX", publicName: "luPopoverOffsetX", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetY: { classPropertyName: "inputOffsetY", publicName: "luPopoverOffsetY", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCloseOutput: "luPopoverOnClose", onOpenOutput: "luPopoverOnOpen" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-expanded": "_attrAriaExpanded", "attr.id": "_attrId", "attr.aria-controls": "_attrAriaControls" } }, exportAs: ["LuPopoverTrigger"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverTriggerDirective, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: LuPopoverTriggerDirective, isStandalone: true, selector: "[luPopover]", inputs: { inputPanel: { classPropertyName: "inputPanel", publicName: "luPopover", isSignal: true, isRequired: false, transformFunction: null }, inputTarget: { classPropertyName: "inputTarget", publicName: "luPopoverTarget", isSignal: true, isRequired: false, transformFunction: null }, inputTriggerEvent: { classPropertyName: "inputTriggerEvent", publicName: "luPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, inputPosition: { classPropertyName: "inputPosition", publicName: "luPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, inputAlignment: { classPropertyName: "inputAlignment", publicName: "luPopoverAlignment", isSignal: true, isRequired: false, transformFunction: null }, inputEnterDelay: { classPropertyName: "inputEnterDelay", publicName: "luPopoverEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, inputLeaveDelay: { classPropertyName: "inputLeaveDelay", publicName: "luPopoverLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "luPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, inputOverlap: { classPropertyName: "inputOverlap", publicName: "luPopoverOverlap", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetX: { classPropertyName: "inputOffsetX", publicName: "luPopoverOffsetX", isSignal: true, isRequired: false, transformFunction: null }, inputOffsetY: { classPropertyName: "inputOffsetY", publicName: "luPopoverOffsetY", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCloseOutput: "luPopoverOnClose", onOpenOutput: "luPopoverOnOpen" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-expanded": "_attrAriaExpanded", "attr.id": "_attrId", "attr.aria-controls": "_attrAriaControls" } }, exportAs: ["LuPopoverTrigger"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luPopover]',
@@ -929,11 +932,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * @deprecated use `LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective` instead
  */
 class LuPopoverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverModule, imports: [LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective], exports: [LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverModule, imports: [LuPopoverPanelComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverModule, imports: [LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective], exports: [LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverModule, imports: [LuPopoverPanelComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective],