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

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, booleanAttribute, ChangeDetectionStrategy, ViewEncapsulation, Component, numberAttribute, computed, forwardRef } from '@angular/core';
+import { InjectionToken, inject, input, ChangeDetectionStrategy, ViewEncapsulation, Component, computed, forwardRef } from '@angular/core';
+import { luBooleanAttribute, luNumberAttribute } from '@lucca-front/ng/core';
 import { IconComponent } from '@lucca-front/ng/icon';
 import { NgTemplateOutlet } from '@angular/common';
 
@@ -13,12 +14,12 @@ class ListingItemComponent {
          */
         this.icon = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-        this.critical = input(false, { ...(ngDevMode ? { debugName: "critical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.critical = input(false, { ...(ngDevMode ? { debugName: "critical" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ListingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListingItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listing-item', imports: [IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'listing-item',
@@ -31,19 +32,19 @@ class ListingComponent {
         /**
          * Create HTMLOListElement
          */
-        this.ordered = input(false, { ...(ngDevMode ? { debugName: "ordered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.ordered = input(false, { ...(ngDevMode ? { debugName: "ordered" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Create HTMLOListElement with fancy numbers
          */
-        this.orderedFancy = input(false, { ...(ngDevMode ? { debugName: "orderedFancy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.orderedFancy = input(false, { ...(ngDevMode ? { debugName: "orderedFancy" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Applies checklist mod to the listing
          */
-        this.checklist = input(false, { ...(ngDevMode ? { debugName: "checklist" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.checklist = input(false, { ...(ngDevMode ? { debugName: "checklist" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Adds an icon to the listing
          */
-        this.icons = input(false, { ...(ngDevMode ? { debugName: "icons" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.icons = input(false, { ...(ngDevMode ? { debugName: "icons" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Gives the desired icon.
          * If the icon input is not enabled it will not be displayed (signConfirm by default)
@@ -58,33 +59,33 @@ class ListingComponent {
         /**
          * Allows you to start a list at a value other than 1
          */
-        this.start = input(1, { ...(ngDevMode ? { debugName: "start" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.start = input(1, { ...(ngDevMode ? { debugName: "start" } : /* istanbul ignore next */ {}), transform: luNumberAttribute });
         /**
          * Applies inline mod to the listing
          */
-        this.inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Applies divider between list item
          */
-        this.divider = input(false, { ...(ngDevMode ? { debugName: "divider" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.divider = input(false, { ...(ngDevMode ? { debugName: "divider" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Reversed the listing
          */
-        this.reversed = input(false, { ...(ngDevMode ? { debugName: "reversed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.reversed = input(false, { ...(ngDevMode ? { debugName: "reversed" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.paletteClass = computed(() => ({
             [`palette-${this.palette()}`]: !!this.palette(),
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "paletteClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, orderedFancy: { classPropertyName: "orderedFancy", publicName: "orderedFancy", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, orderedFancy: { classPropertyName: "orderedFancy", publicName: "orderedFancy", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: LU_LISTING_INSTANCE,
                 useExisting: forwardRef(() => ListingComponent),
             },
         ], ngImport: i0, template: "@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.listing{--components-listing-marginInlineStart: 0;--components-listing-inlineFirst: 0;--components-listing-flexDirection: column;--components-listing-flexWrap: nowrap;--components-listing-paddingInlineStart: var(--components-listing-inlineStart);--components-listing-inlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-listing-clipPath: none;--components-listing-listStyleType: disc;--components-listing-item-display: list-item;--components-listing-item-icon-before-content: none;--components-listing-item-before-content: unset;--components-listing-item-content-display: block;--components-listing-item-content-flexWrap: nowrap;--components-listing-item-content-rowGap: 0;--components-listing-item-content-columnGap: 0;--components-listing-item-number-display: none;--components-listing-item-counterIncrement: listing;--components-listing-item-icon-backgroundColor: transparent;padding:0;margin:0;padding-inline-start:var(--components-listing-paddingInlineStart);margin-inline-start:var(--components-listing-marginInlineStart);display:flex;flex-direction:var(--components-listing-flexDirection);flex-wrap:var(--components-listing-flexWrap);row-gap:var(--pr-t-spacings-50);column-gap:var(--pr-t-spacings-100);list-style-type:var(--components-listing-listStyleType);clip-path:var(--components-listing-clipPath)}.listing-item{display:var(--components-listing-item-display);align-items:flex-start;gap:var(--pr-t-spacings-100);margin-inline-start:0;position:relative;counter-increment:var(--components-listing-item-counterIncrement)}.listing-item::marker{line-height:1}.listing-item:before{content:var(--components-listing-item-before-content);border-inline-start:var(--commons-divider-border);block-size:.75lh;align-self:center}.listing-item-number{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);display:var(--components-listing-item-number-display);position:absolute;inset-inline-end:100%;padding:0 var(--pr-t-spacings-25);min-inline-size:var(--pr-t-spacings-250);block-size:var(--pr-t-spacings-250);place-items:center;background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-small);margin-inline-end:var(--pr-t-spacings-100);margin-block-start:calc(var(--pr-t-spacings-25) / 2)}.listing-item-number:before{content:counter(listing)/\"\"}.listing-item-icon{inline-size:var(--pr-t-spacings-250);aspect-ratio:1;margin-block-start:var(--pr-t-spacings-25);background-color:var(--components-listing-item-icon-backgroundColor);color:var(--palettes-700, var(--palettes-neutral-700));border-radius:var(--pr-t-border-radius-full);display:inline-flex!important;--icon-size: 1.25rem}.listing-item-content{display:var(--components-listing-item-content-display);gap:var(--components-listing-item-content-rowGap) var(--components-listing-item-content-columnGap);flex-wrap:var(--components-listing-item-content-flexWrap)}}@layer mods{.listing.mod-ordered,.listing:is(ol){--components-listing-listStyleType: decimal}.listing.mod-ordered.mod-fancy,.listing:is(ol).mod-fancy{counter-reset:listing;--components-listing-listStyleType: \"\" !important;--components-listing-item-number-display: grid}.listing.mod-inline{--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50);--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-clipPath: inset( calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--components-listing-inlineFirst) - var(--pr-t-spacings-50)) )}.listing.mod-inline:has(.listing) .listing{--components-listing-clipPath: 0;--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50)}.listing.mod-inline:has(.listing) .listing-item{--components-listing-item-content-display: flex;--components-listing-item-content-columnGap: var(--pr-t-spacings-100)}.listing.mod-inline.mod-divider:has(.listing) .listing{--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing.mod-inline.mod-divider:has(.listing) .listing-item-content{--components-listing-item-content-columnGap: var(--pr-t-spacings-200)}.listing.mod-inline.mod-divider{--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing .listing{--components-listing-listStyleType: circle}.listing .listing.mod-ordered,.listing .listing:is(ol){--components-listing-listStyleType: lower-alpha}.listing .listing .listing{--components-listing-listStyleType: square}.listing .listing .listing.mod-ordered,.listing .listing .listing:is(ol){--components-listing-listStyleType: lower-roman}.listing.mod-icons{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-icons .listing-item-icon:not([class*=icon-]):before{--icon-content: var(--components-listing-item-icon-before-content)}.listing.mod-checklist{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-checklist .listing-item-icon{--components-listing-item-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.listing.mod-checklist .listing-item-icon:not(.icon-signClose){--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}}@layer base{lu-listing{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ListingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listing', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-listing.mjs","sources":["../../../packages/ng/listing/listing.token.ts","../../../packages/ng/listing/listing-item/listing-item.component.ts","../../../packages/ng/listing/listing-item/listing-item.component.html","../../../packages/ng/listing/listing.component.ts","../../../packages/ng/listing/listing.component.html","../../../packages/ng/listing/lucca-front-ng-listing.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListingComponent } from './listing.component';\n\nexport const LU_LISTING_INSTANCE = new InjectionToken<ListingComponent>('LU_LISTING_INSTANCE');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_LISTING_INSTANCE } from '../listing.token';\n\n@Component({\n\tselector: 'lu-listing-item',\n\ttemplateUrl: './listing-item.component.html',\n\timports: [IconComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listing-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class ListingItemComponent {\n\tprotected listingRef = inject(LU_LISTING_INSTANCE);\n\n\t/**\n\t * Adds an icon to the listing item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\treadonly critical = input(false, { transform: booleanAttribute });\n}\n","@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { Palette } from '@lucca-front/ng/core';\nimport { LU_LISTING_INSTANCE } from './listing.token';\n\n@Component({\n\tselector: 'lu-listing',\n\ttemplateUrl: './listing.component.html',\n\tstyleUrl: './listing.component.scss',\n\timports: [NgTemplateOutlet],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_LISTING_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ListingComponent),\n\t\t},\n\t],\n})\nexport class ListingComponent {\n\t/**\n\t * Create HTMLOListElement\n\t */\n\treadonly ordered = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Create HTMLOListElement with fancy numbers\n\t */\n\treadonly orderedFancy = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies checklist mod to the listing\n\t */\n\treadonly checklist = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Adds an icon to the listing\n\t */\n\treadonly icons = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Gives the desired icon.\n\t * If the icon input is not enabled it will not be displayed (signConfirm by default)\n\t */\n\treadonly defaultIcon = input<LuccaIcon>('signConfirm');\n\n\t/**\n\t * Applies a color palette to the listing\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Allows you to start a list at a value other than 1\n\t */\n\treadonly start = input(1, { transform: numberAttribute });\n\n\t/**\n\t * Applies inline mod to the listing\n\t */\n\treadonly inline = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies divider between list item\n\t */\n\treadonly divider = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Reversed the listing\n\t */\n\treadonly reversed = input(false, { transform: booleanAttribute });\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-listing.mjs","sources":["../../../packages/ng/listing/listing.token.ts","../../../packages/ng/listing/listing-item/listing-item.component.ts","../../../packages/ng/listing/listing-item/listing-item.component.html","../../../packages/ng/listing/listing.component.ts","../../../packages/ng/listing/listing.component.html","../../../packages/ng/listing/lucca-front-ng-listing.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListingComponent } from './listing.component';\n\nexport const LU_LISTING_INSTANCE = new InjectionToken<ListingComponent>('LU_LISTING_INSTANCE');\n","import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_LISTING_INSTANCE } from '../listing.token';\n\n@Component({\n\tselector: 'lu-listing-item',\n\ttemplateUrl: './listing-item.component.html',\n\timports: [IconComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listing-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class ListingItemComponent {\n\tprotected listingRef = inject(LU_LISTING_INSTANCE);\n\n\t/**\n\t * Adds an icon to the listing item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\treadonly critical = input(false, { transform: luBooleanAttribute });\n}\n","@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, forwardRef, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute, luNumberAttribute, Palette } from '@lucca-front/ng/core';\nimport { LU_LISTING_INSTANCE } from './listing.token';\n\n@Component({\n\tselector: 'lu-listing',\n\ttemplateUrl: './listing.component.html',\n\tstyleUrl: './listing.component.scss',\n\timports: [NgTemplateOutlet],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_LISTING_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ListingComponent),\n\t\t},\n\t],\n})\nexport class ListingComponent {\n\t/**\n\t * Create HTMLOListElement\n\t */\n\treadonly ordered = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Create HTMLOListElement with fancy numbers\n\t */\n\treadonly orderedFancy = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Applies checklist mod to the listing\n\t */\n\treadonly checklist = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Adds an icon to the listing\n\t */\n\treadonly icons = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Gives the desired icon.\n\t * If the icon input is not enabled it will not be displayed (signConfirm by default)\n\t */\n\treadonly defaultIcon = input<LuccaIcon>('signConfirm');\n\n\t/**\n\t * Applies a color palette to the listing\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Allows you to start a list at a value other than 1\n\t */\n\treadonly start = input(1, { transform: luNumberAttribute });\n\n\t/**\n\t * Applies inline mod to the listing\n\t */\n\treadonly inline = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Applies divider between list item\n\t */\n\treadonly divider = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Reversed the listing\n\t */\n\treadonly reversed = input(false, { transform: luBooleanAttribute });\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\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-loading.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { inject, input, booleanAttribute, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { LuClass } from '@lucca-front/ng/core';
+import { inject, input, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { LuClass, luBooleanAttribute } from '@lucca-front/ng/core';
 
 /**
  * Available LoadingComponent Types
@@ -13,9 +13,9 @@ class LoadingComponent {
         this.#luClass = inject(LuClass);
         this.size = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        this.invert = input(false, { ...(ngDevMode ? { debugName: "invert" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.block = input(false, { ...(ngDevMode ? { debugName: "block" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.invert = input(false, { ...(ngDevMode ? { debugName: "invert" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
+        this.block = input(false, { ...(ngDevMode ? { debugName: "block" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
+        this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.template = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
         effect(() => {
@@ -24,10 +24,10 @@ class LoadingComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: LoadingComponent, isStandalone: true, selector: "lu-loading", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-block": "block()", "class.mod-invert": "invert()", "class.mod-L": "size() === \"L\"", "class.mod-hiddenLabel": "hiddenLabel()" }, classAttribute: "loading" }, providers: [LuClass], ngImport: i0, template: '<span class="loading-label"><ng-content /></span>', isInline: true, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: LoadingComponent, isStandalone: true, selector: "lu-loading", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-block": "block()", "class.mod-invert": "invert()", "class.mod-L": "size() === \"L\"", "class.mod-hiddenLabel": "hiddenLabel()" }, classAttribute: "loading" }, providers: [LuClass], ngImport: i0, template: '<span class="loading-label"><ng-content /></span>', isInline: true, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-loading', providers: [LuClass], template: '<span class="loading-label"><ng-content /></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'loading',

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.type.ts","../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["/**\n * Available LoadingComponent Types\n */\n\nexport const LOADING_SIZE = ['L'] as const;\nexport type LoadingSize = (typeof LOADING_SIZE)[number];\n","import { booleanAttribute, ChangeDetectionStrategy, Component, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass } from '@lucca-front/ng/core';\nimport { LoadingSize } from './loading.type';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<span class=\"loading-label\"><ng-content /></span>',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-hiddenLabel]': 'hiddenLabel()',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly size = input<LoadingSize | null>(null);\n\n\treadonly invert = input(false, { transform: booleanAttribute });\n\n\treadonly block = input(false, { transform: booleanAttribute });\n\n\treadonly hiddenLabel = input(false, { transform: booleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;AAEG;AAEI,MAAM,YAAY,GAAG,CAAC,GAAG;;MCsBnB,gBAAgB,CAAA;AAC5B,IAAA,QAAQ;AAYR,IAAA,WAAA,GAAA;AAZA,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;QAEjB,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,IAAI;iFAAC;QAEtC,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEtD,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,6EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAErD,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAE3D,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAqB,IAAI;qFAAC;QAGlD,MAAM,CAAC,MAAK;AACX,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACtB,gBAAA,CAAC,CAAA,IAAA,EAAO,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC7C,aAAA,CAAC;AACH,QAAA,CAAC,CAAC;IACH;8GAnBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAbjB,CAAC,OAAO,CAAC,0BAEV,mDAAmD,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,k/GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAWjD,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAf5B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,SAAA,EACX,CAAC,OAAO,CAAC,YAEV,mDAAmD,EAAA,aAAA,EAC9C,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,oBAAoB,EAAE,UAAU;AAChC,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,qBAAA,EAAA,MAAA,EAAA,CAAA,k/GAAA,CAAA,EAAA;;;ACxBF;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.type.ts","../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["/**\n * Available LoadingComponent Types\n */\n\nexport const LOADING_SIZE = ['L'] as const;\nexport type LoadingSize = (typeof LOADING_SIZE)[number];\n","import { ChangeDetectionStrategy, Component, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute, LuClass } from '@lucca-front/ng/core';\nimport { LoadingSize } from './loading.type';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<span class=\"loading-label\"><ng-content /></span>',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-hiddenLabel]': 'hiddenLabel()',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly size = input<LoadingSize | null>(null);\n\n\treadonly invert = input(false, { transform: luBooleanAttribute });\n\n\treadonly block = input(false, { transform: luBooleanAttribute });\n\n\treadonly hiddenLabel = input(false, { transform: luBooleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\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-main-layout.mjs

@@ -1,20 +1,22 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, numberAttribute, computed, forwardRef } from '@angular/core';
+import { luBooleanAttribute } from '@lucca-front/ng/core';
+import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
 
 class MainLayoutBlockComponent {
     constructor() {
-        this.overflow = input(false, { ...(ngDevMode ? { debugName: "overflow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.overflow = input(false, { ...(ngDevMode ? { debugName: "overflow" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MainLayoutBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MainLayoutBlockComponent, isStandalone: true, selector: "lu-main-layout-block", inputs: { overflow: { classPropertyName: "overflow", publicName: "overflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-overflow": "overflow()" }, classAttribute: "mainLayout-content-inside-block" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MainLayoutBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: MainLayoutBlockComponent, isStandalone: true, selector: "lu-main-layout-block", inputs: { overflow: { classPropertyName: "overflow", publicName: "overflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-overflow": "overflow()" }, classAttribute: "mainLayout-content-inside-block" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MainLayoutBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MainLayoutBlockComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-main-layout-block',
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content />`,
+                    template: '<ng-content />',
                     host: {
                         class: 'mainLayout-content-inside-block',
                         '[class.mod-overflow]': 'overflow()',
@@ -22,33 +24,147 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                 }]
         }], propDecorators: { overflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflow", required: false }] }] } });
 
+const LU_MAIN_LAYOUT_INSTANCE = new InjectionToken('LU_MAIN_LAYOUT_INSTANCE');
+
+function bubblesCountAttribute(value) {
+    const n = numberAttribute(value);
+    return n === 1 || n === 2 || n === 3 ? n : 1;
+}
 class MainLayoutComponent {
     constructor() {
+        this.domain = 'https://cdn.lucca.fr';
+        this.path = '/transverse/prisme/visuals/main-layout/';
+        this.extension = '.svg';
+        // https://cdn.lucca.fr/transverse/prisme/visuals/main-layout/bubbles/endStart-1.svg
         /**
          * Sticks header on the screen
          */
-        this.headerSticky = input(false, { ...(ngDevMode ? { debugName: "headerSticky" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.headerSticky = input(false, { ...(ngDevMode ? { debugName: "headerSticky" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         /**
          * Sticks footer on the screen
          */
-        this.footerSticky = input(false, { ...(ngDevMode ? { debugName: "footerSticky" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.footerSticky = input(false, { ...(ngDevMode ? { debugName: "footerSticky" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
+        this.bubblesStartEnd = input(null, { ...(ngDevMode ? { debugName: "bubblesStartEnd" } : /* istanbul ignore next */ {}), transform: bubblesCountAttribute });
+        this.bubblesEndStart = input(null, { ...(ngDevMode ? { debugName: "bubblesEndStart" } : /* istanbul ignore next */ {}), transform: bubblesCountAttribute });
+        this.illustrationStartEnd = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "illustrationStartEnd" }] : /* istanbul ignore next */ []));
+        this.illustrationEndStart = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "illustrationEndStart" }] : /* istanbul ignore next */ []));
+        this.palette = input('none', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []));
+        this.responsive = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "responsive" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => ({
+            [`palette-${this.palette()}`]: !!this.palette(),
+            [`mod-${this.responsive()}`]: !!this.responsive(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.illustrationStartEndUrl = computed(() => {
+            if (!this.illustrationStartEnd()) {
+                return null;
+            }
+            if (this.illustrationStartEnd()?.startsWith('https://') || this.illustrationStartEnd()?.startsWith('/')) {
+                return this.illustrationStartEnd();
+            }
+            return `${this.domain}${this.path}illustrations/startEnd/${this.illustrationStartEnd()}${this.extension}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "illustrationStartEndUrl" }] : /* istanbul ignore next */ []));
+        this.illustrationEndStartUrl = computed(() => {
+            if (!this.illustrationEndStart()) {
+                return null;
+            }
+            if (this.illustrationEndStart()?.startsWith('https://') || this.illustrationEndStart()?.startsWith('/')) {
+                return this.illustrationEndStart();
+            }
+            return `${this.domain}${this.path}illustrations/endStart/${this.illustrationEndStart()}${this.extension}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "illustrationEndStartUrl" }] : /* istanbul ignore next */ []));
+        this.bubblesIllustrationStartEnd = computed(() => {
+            return !this.bubblesStartEnd() && this.illustrationStartEnd() ? 1 : this.bubblesStartEnd();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bubblesIllustrationStartEnd" }] : /* istanbul ignore next */ []));
+        this.bubblesIllustrationEndStart = computed(() => {
+            return !this.bubblesEndStart() && this.illustrationEndStart() ? 1 : this.bubblesEndStart();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bubblesIllustrationEndStart" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content", "tabindex": "-1" }, classAttribute: "mainLayout" }, ngImport: i0, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:focus-visible{position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null }, bubblesStartEnd: { classPropertyName: "bubblesStartEnd", publicName: "bubblesStartEnd", isSignal: true, isRequired: false, transformFunction: null }, bubblesEndStart: { classPropertyName: "bubblesEndStart", publicName: "bubblesEndStart", isSignal: true, isRequired: false, transformFunction: null }, illustrationStartEnd: { classPropertyName: "illustrationStartEnd", publicName: "illustrationStartEnd", isSignal: true, isRequired: false, transformFunction: null }, illustrationEndStart: { classPropertyName: "illustrationEndStart", publicName: "illustrationEndStart", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content", "tabindex": "-1" }, properties: { "class": "hostClass()" }, classAttribute: "mainLayout" }, providers: [
+            {
+                provide: LU_MAIN_LAYOUT_INSTANCE,
+                useExisting: forwardRef(() => MainLayoutComponent),
+            },
+        ], ngImport: i0, template: "@if (bubblesIllustrationStartEnd() || illustrationStartEndUrl()) {\n\t<div class=\"mainLayout-bubblesStartEnd\">\n\t\t@if (bubblesIllustrationStartEnd()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/startEnd-${bubblesIllustrationStartEnd()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationStartEndUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesStartEnd-illustration\" [attr.src]=\"illustrationStartEndUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n@if (bubblesIllustrationEndStart() || illustrationEndStartUrl()) {\n\t<div class=\"mainLayout-bubblesEndStart\">\n\t\t@if (bubblesIllustrationEndStart()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/endStart-${bubblesIllustrationEndStart()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationEndStartUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesEndStart-illustration\" [attr.src]=\"illustrationEndStartUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;--components-mainLayout-bubblesStartEndSvgInlineSize: 216px;--components-mainLayout-bubblesEndStartSvgInlineSize: 248px;--components-mainLayout-bubblesStartEndBlockSize: 232px;--components-mainLayout-bubblesEndStartBlockSize: 232px;--components-mainLayout-bubblesStartEndInsetInlineStart: min( calc(100% + var(--commons-container-paddingInline) * 2 - var(--components-mainLayout-bubblesStartEndSvgInlineSize)), calc(var(--commons-container-maxWidth) + var(--commons-container-paddingInline) * 2 - var(--components-mainLayout-bubblesStartEndSvgInlineSize)) );--components-mainLayout-bubblesStartEndInlineSize: calc(100% - var(--components-mainLayout-bubblesStartEndInsetInlineStart));--components-mainLayout-bubblesStartEndSvgInsetInlineEnd: -1rem;--components-mainLayout-backgroundImage: none;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%;position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize);position:relative}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}.mainLayout-bubblesEndStart{position:absolute;inset-block-end:0;inset-inline-start:0;display:flex;block-size:var(--components-mainLayout-bubblesEndStartBlockSize)}.mainLayout-bubblesEndStart svg{display:block;inline-size:var(--components-mainLayout-bubblesEndStartSvgInlineSize);block-size:var(--components-mainLayout-bubblesEndStartBlockSize)}.mainLayout-bubblesStartEnd{position:absolute;inset-block-start:0;inset-inline-start:var(--components-mainLayout-bubblesStartEndInsetInlineStart);inline-size:var(--components-mainLayout-bubblesStartEndInlineSize);block-size:var(--components-mainLayout-bubblesStartEndBlockSize);pointer-events:none;overflow:hidden}.mainLayout-bubblesStartEnd svg{display:block;position:relative;inset-inline-end:var(--components-mainLayout-bubblesStartEndSvgInsetInlineEnd);inline-size:var(--components-mainLayout-bubblesStartEndSvgInlineSize);block-size:var(--components-mainLayout-bubblesStartEndBlockSize)}.mainLayout-bubblesEndStart-illustration,.mainLayout-bubblesStartEnd-illustration{position:absolute;block-size:auto;inset-block-start:0}.mainLayout-bubblesEndStart-illustration{inline-size:var(--components-mainLayout-bubblesEndStartSvgInlineSize)}.mainLayout-bubblesStartEnd-illustration{inline-size:var(--components-mainLayout-bubblesStartEndSvgInlineSize);inset-inline-start:calc(var(--components-mainLayout-bubblesStartEndSvgInsetInlineEnd) * -1)}@media(min-width:50em){.mainLayout:not(.mod-wideM){--components-mainLayout-flexDirection: row}}@media(min-width:64em){.mainLayout.mod-wideM{--components-mainLayout-flexDirection: row}}@media not all and (min-width:50em){.mainLayout{--components-mainLayout-bubblesStartEndSvgInlineSize: 162px;--components-mainLayout-bubblesEndStartSvgInlineSize: 186px;--components-mainLayout-bubblesStartEndBlockSize: 174px;--components-mainLayout-bubblesEndStartBlockSize: 174px;--components-mainLayout-bubblesStartEndSvgInsetInlineEnd: -1.5rem}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MainLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MainLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-main-layout', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'lu-main-layout', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LuSafeExternalSvgPipe], host: {
                         class: 'mainLayout',
                         role: 'main',
                         id: 'main-content',
                         tabindex: '-1',
-                    }, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:focus-visible{position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"] }]
-        }], propDecorators: { headerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSticky", required: false }] }], footerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerSticky", required: false }] }] } });
+                        '[class]': 'hostClass()',
+                    }, providers: [
+                        {
+                            provide: LU_MAIN_LAYOUT_INSTANCE,
+                            useExisting: forwardRef(() => MainLayoutComponent),
+                        },
+                    ], template: "@if (bubblesIllustrationStartEnd() || illustrationStartEndUrl()) {\n\t<div class=\"mainLayout-bubblesStartEnd\">\n\t\t@if (bubblesIllustrationStartEnd()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/startEnd-${bubblesIllustrationStartEnd()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationStartEndUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesStartEnd-illustration\" [attr.src]=\"illustrationStartEndUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n@if (bubblesIllustrationEndStart() || illustrationEndStartUrl()) {\n\t<div class=\"mainLayout-bubblesEndStart\">\n\t\t@if (bubblesIllustrationEndStart()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/endStart-${bubblesIllustrationEndStart()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationEndStartUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesEndStart-illustration\" [attr.src]=\"illustrationEndStartUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;--components-mainLayout-bubblesStartEndSvgInlineSize: 216px;--components-mainLayout-bubblesEndStartSvgInlineSize: 248px;--components-mainLayout-bubblesStartEndBlockSize: 232px;--components-mainLayout-bubblesEndStartBlockSize: 232px;--components-mainLayout-bubblesStartEndInsetInlineStart: min( calc(100% + var(--commons-container-paddingInline) * 2 - var(--components-mainLayout-bubblesStartEndSvgInlineSize)), calc(var(--commons-container-maxWidth) + var(--commons-container-paddingInline) * 2 - var(--components-mainLayout-bubblesStartEndSvgInlineSize)) );--components-mainLayout-bubblesStartEndInlineSize: calc(100% - var(--components-mainLayout-bubblesStartEndInsetInlineStart));--components-mainLayout-bubblesStartEndSvgInsetInlineEnd: -1rem;--components-mainLayout-backgroundImage: none;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%;position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize);position:relative}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}.mainLayout-bubblesEndStart{position:absolute;inset-block-end:0;inset-inline-start:0;display:flex;block-size:var(--components-mainLayout-bubblesEndStartBlockSize)}.mainLayout-bubblesEndStart svg{display:block;inline-size:var(--components-mainLayout-bubblesEndStartSvgInlineSize);block-size:var(--components-mainLayout-bubblesEndStartBlockSize)}.mainLayout-bubblesStartEnd{position:absolute;inset-block-start:0;inset-inline-start:var(--components-mainLayout-bubblesStartEndInsetInlineStart);inline-size:var(--components-mainLayout-bubblesStartEndInlineSize);block-size:var(--components-mainLayout-bubblesStartEndBlockSize);pointer-events:none;overflow:hidden}.mainLayout-bubblesStartEnd svg{display:block;position:relative;inset-inline-end:var(--components-mainLayout-bubblesStartEndSvgInsetInlineEnd);inline-size:var(--components-mainLayout-bubblesStartEndSvgInlineSize);block-size:var(--components-mainLayout-bubblesStartEndBlockSize)}.mainLayout-bubblesEndStart-illustration,.mainLayout-bubblesStartEnd-illustration{position:absolute;block-size:auto;inset-block-start:0}.mainLayout-bubblesEndStart-illustration{inline-size:var(--components-mainLayout-bubblesEndStartSvgInlineSize)}.mainLayout-bubblesStartEnd-illustration{inline-size:var(--components-mainLayout-bubblesStartEndSvgInlineSize);inset-inline-start:calc(var(--components-mainLayout-bubblesStartEndSvgInsetInlineEnd) * -1)}@media(min-width:50em){.mainLayout:not(.mod-wideM){--components-mainLayout-flexDirection: row}}@media(min-width:64em){.mainLayout.mod-wideM{--components-mainLayout-flexDirection: row}}@media not all and (min-width:50em){.mainLayout{--components-mainLayout-bubblesStartEndSvgInlineSize: 162px;--components-mainLayout-bubblesEndStartSvgInlineSize: 186px;--components-mainLayout-bubblesStartEndBlockSize: 174px;--components-mainLayout-bubblesEndStartBlockSize: 174px;--components-mainLayout-bubblesStartEndSvgInsetInlineEnd: -1.5rem}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"] }]
+        }], propDecorators: { headerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSticky", required: false }] }], footerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerSticky", required: false }] }], bubblesStartEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubblesStartEnd", required: false }] }], bubblesEndStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubblesEndStart", required: false }] }], illustrationStartEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustrationStartEnd", required: false }] }], illustrationEndStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustrationEndStart", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }] } });
+
+const MAIN_LAYOUT_ILLUSTRATION_START_END = [
+    'generic/coffee-01',
+    'generic/cookie-01',
+    'generic/error-01',
+    'generic/glasses-01',
+    'generic/plant-01',
+    'generic/plant-02',
+    'generic/plug-01',
+    'generic/polaroids-01',
+    'generic/post-its-01',
+    'generic/success-01',
+    'generic/tea-01',
+];
+const MAIN_LAYOUT_ILLUSTRATION_END_START = [
+    'cleemy/accounting-01',
+    'cleemy/crumpled-paper-pencil-shavings',
+    'cleemy/crumpled-papers',
+    'cleemy/expenses-01',
+    'cleemy/expenses-02',
+    'cleemy/finance-01',
+    'cleemy/finance-hat-sunglasses',
+    'cleemy/payment-01',
+    'cleemy/procurement-01',
+    'error/coffee-01',
+    'error/lock-01',
+    'error/plug-01',
+    'generic/lock-broken-key',
+    'generic/plant-03',
+    'lucca/lucca-01',
+    'pagga/compensation-01',
+    'pagga/mealvoucher-01',
+    'pagga/mealvoucher-02',
+    'pagga/mealvoucher-03',
+    'pagga/mealvoucher-icecream',
+    'pagga/payroll-01',
+    'pagga/payslips-01',
+    'pagga/wizard-01',
+    'poplee/core-hr-01',
+    'poplee/engagement-01',
+    'poplee/performance-01',
+    'poplee/talent-01',
+    'poplee/training-01',
+    'success/party-favor-01',
+    'timmi/absences-01',
+    'timmi/office-01',
+    'timmi/projects-01',
+    'timmi/time-and-activities-01',
+    'timmi/timesheet-01',
+];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MainLayoutBlockComponent, MainLayoutComponent };
+export { LU_MAIN_LAYOUT_INSTANCE, MAIN_LAYOUT_ILLUSTRATION_END_START, MAIN_LAYOUT_ILLUSTRATION_START_END, MainLayoutBlockComponent, MainLayoutComponent };
 //# sourceMappingURL=lucca-front-ng-main-layout.mjs.map

package/fesm2022/lucca-front-ng-main-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-main-layout.mjs","sources":["../../../packages/ng/main-layout/block/main-layout-block.component.ts","../../../packages/ng/main-layout/main-layout.component.ts","../../../packages/ng/main-layout/main-layout.component.html","../../../packages/ng/main-layout/lucca-front-ng-main-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout-block',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `<ng-content />`,\n\thost: {\n\t\tclass: 'mainLayout-content-inside-block',\n\t\t'[class.mod-overflow]': 'overflow()',\n\t},\n})\nexport class MainLayoutBlockComponent {\n\treadonly overflow = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout',\n\tstyleUrl: './main-layout.component.scss',\n\ttemplateUrl: './main-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'mainLayout',\n\t\trole: 'main',\n\t\tid: 'main-content',\n\t\ttabindex: '-1',\n\t},\n})\nexport class MainLayoutComponent {\n\t/**\n\t * Sticks header on the screen\n\t */\n\treadonly headerSticky = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Sticks footer on the screen\n\t */\n\treadonly footerSticky = input(false, { transform: booleanAttribute });\n}\n","<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;QAWU,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8UAN1B,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC1B,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,iCAAiC;AACxC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,qBAAA;AACD,iBAAA;;;MCIY,mBAAmB,CAAA;AAbhC,IAAA,WAAA,GAAA;AAcC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,oFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,oFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACrE,IAAA;8GAVY,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,geCfhC,8gBAcA,EAAA,MAAA,EAAA,CAAA,o5IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDCa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAb/B,SAAS;+BACC,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,EAAE,EAAE,cAAc;AAClB,wBAAA,QAAQ,EAAE,IAAI;AACd,qBAAA,EAAA,QAAA,EAAA,8gBAAA,EAAA,MAAA,EAAA,CAAA,o5IAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-main-layout.mjs","sources":["../../../packages/ng/main-layout/block/main-layout-block.component.ts","../../../packages/ng/main-layout/main-layout.token.ts","../../../packages/ng/main-layout/main-layout.component.ts","../../../packages/ng/main-layout/main-layout.component.html","../../../packages/ng/main-layout/main-layout.type.ts","../../../packages/ng/main-layout/lucca-front-ng-main-layout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-main-layout-block',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: '<ng-content />',\n\thost: {\n\t\tclass: 'mainLayout-content-inside-block',\n\t\t'[class.mod-overflow]': 'overflow()',\n\t},\n})\nexport class MainLayoutBlockComponent {\n\treadonly overflow = input(false, { transform: luBooleanAttribute });\n}\n","import { InjectionToken, Signal } from '@angular/core';\n\nexport interface MainLayoutIllustrations {\n\treadonly bubblesIllustrationStartEnd: Signal<number | null>;\n\treadonly bubblesIllustrationEndStart: Signal<number | null>;\n\treadonly illustrationStartEndUrl: Signal<string | null>;\n\treadonly illustrationEndStartUrl: Signal<string | null>;\n}\n\nexport const LU_MAIN_LAYOUT_INSTANCE = new InjectionToken<MainLayoutIllustrations>('LU_MAIN_LAYOUT_INSTANCE');\n","import { ChangeDetectionStrategy, Component, computed, forwardRef, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\nimport { Palette } from '@lucca/prisme/core';\nimport { LU_MAIN_LAYOUT_INSTANCE } from './main-layout.token';\nimport { MainLayoutIllustrationEndStart, MainLayoutIllustrationStartEnd } from './main-layout.type';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\n\nfunction bubblesCountAttribute(value: unknown): 1 | 2 | 3 | null {\n\tconst n = numberAttribute(value);\n\treturn n === 1 || n === 2 || n === 3 ? n : 1;\n}\n\n@Component({\n\tselector: 'lu-main-layout',\n\tstyleUrl: './main-layout.component.scss',\n\ttemplateUrl: './main-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [LuSafeExternalSvgPipe],\n\thost: {\n\t\tclass: 'mainLayout',\n\t\trole: 'main',\n\t\tid: 'main-content',\n\t\ttabindex: '-1',\n\t\t'[class]': 'hostClass()',\n\t},\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_MAIN_LAYOUT_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => MainLayoutComponent),\n\t\t},\n\t],\n})\nexport class MainLayoutComponent {\n\treadonly domain = 'https://cdn.lucca.fr';\n\treadonly path = '/transverse/prisme/visuals/main-layout/';\n\treadonly extension = '.svg';\n\n\t// https://cdn.lucca.fr/transverse/prisme/visuals/main-layout/bubbles/endStart-1.svg\n\n\t/**\n\t * Sticks header on the screen\n\t */\n\treadonly headerSticky = input(false, { transform: luBooleanAttribute });\n\n\t/**\n\t * Sticks footer on the screen\n\t */\n\treadonly footerSticky = input(false, { transform: luBooleanAttribute });\n\n\treadonly bubblesStartEnd = input<1 | 2 | 3 | null>(null, { transform: bubblesCountAttribute });\n\treadonly bubblesEndStart = input<1 | 2 | 3 | null>(null, { transform: bubblesCountAttribute });\n\n\treadonly illustrationStartEnd = input<MainLayoutIllustrationStartEnd | null>(null);\n\n\treadonly illustrationEndStart = input<MainLayoutIllustrationEndStart | null>(null);\n\n\treadonly palette = input<Palette>('none');\n\treadonly responsive = input<'wideM' | null>(null);\n\n\treadonly hostClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t[`mod-${this.responsive()}`]: !!this.responsive(),\n\t}));\n\n\treadonly illustrationStartEndUrl = computed(() => {\n\t\tif (!this.illustrationStartEnd()) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.illustrationStartEnd()?.startsWith('https://') || this.illustrationStartEnd()?.startsWith('/')) {\n\t\t\treturn this.illustrationStartEnd();\n\t\t}\n\t\treturn `${this.domain}${this.path}illustrations/startEnd/${this.illustrationStartEnd()}${this.extension}`;\n\t});\n\n\treadonly illustrationEndStartUrl = computed(() => {\n\t\tif (!this.illustrationEndStart()) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.illustrationEndStart()?.startsWith('https://') || this.illustrationEndStart()?.startsWith('/')) {\n\t\t\treturn this.illustrationEndStart();\n\t\t}\n\t\treturn `${this.domain}${this.path}illustrations/endStart/${this.illustrationEndStart()}${this.extension}`;\n\t});\n\n\treadonly bubblesIllustrationStartEnd = computed(() => {\n\t\treturn !this.bubblesStartEnd() && this.illustrationStartEnd() ? 1 : this.bubblesStartEnd();\n\t});\n\n\treadonly bubblesIllustrationEndStart = computed(() => {\n\t\treturn !this.bubblesEndStart() && this.illustrationEndStart() ? 1 : this.bubblesEndStart();\n\t});\n}\n","@if (bubblesIllustrationStartEnd() || illustrationStartEndUrl()) {\n\t<div class=\"mainLayout-bubblesStartEnd\">\n\t\t@if (bubblesIllustrationStartEnd()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/startEnd-${bubblesIllustrationStartEnd()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationStartEndUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesStartEnd-illustration\" [attr.src]=\"illustrationStartEndUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n@if (bubblesIllustrationEndStart() || illustrationEndStartUrl()) {\n\t<div class=\"mainLayout-bubblesEndStart\">\n\t\t@if (bubblesIllustrationEndStart()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/endStart-${bubblesIllustrationEndStart()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationEndStartUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesEndStart-illustration\" [attr.src]=\"illustrationEndStartUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n","export const MAIN_LAYOUT_ILLUSTRATION_START_END = [\n\t'generic/coffee-01',\n\t'generic/cookie-01',\n\t'generic/error-01',\n\t'generic/glasses-01',\n\t'generic/plant-01',\n\t'generic/plant-02',\n\t'generic/plug-01',\n\t'generic/polaroids-01',\n\t'generic/post-its-01',\n\t'generic/success-01',\n\t'generic/tea-01',\n] as const;\nexport type MainLayoutIllustrationStartEnd = (typeof MAIN_LAYOUT_ILLUSTRATION_START_END)[number] | string;\n\nexport const MAIN_LAYOUT_ILLUSTRATION_END_START = [\n\t'cleemy/accounting-01',\n\t'cleemy/crumpled-paper-pencil-shavings',\n\t'cleemy/crumpled-papers',\n\t'cleemy/expenses-01',\n\t'cleemy/expenses-02',\n\t'cleemy/finance-01',\n\t'cleemy/finance-hat-sunglasses',\n\t'cleemy/payment-01',\n\t'cleemy/procurement-01',\n\t'error/coffee-01',\n\t'error/lock-01',\n\t'error/plug-01',\n\t'generic/lock-broken-key',\n\t'generic/plant-03',\n\t'lucca/lucca-01',\n\t'pagga/compensation-01',\n\t'pagga/mealvoucher-01',\n\t'pagga/mealvoucher-02',\n\t'pagga/mealvoucher-03',\n\t'pagga/mealvoucher-icecream',\n\t'pagga/payroll-01',\n\t'pagga/payslips-01',\n\t'pagga/wizard-01',\n\t'poplee/core-hr-01',\n\t'poplee/engagement-01',\n\t'poplee/performance-01',\n\t'poplee/talent-01',\n\t'poplee/training-01',\n\t'success/party-favor-01',\n\t'timmi/absences-01',\n\t'timmi/office-01',\n\t'timmi/projects-01',\n\t'timmi/time-and-activities-01',\n\t'timmi/timesheet-01',\n] as const;\nexport type MainLayoutIllustrationEndStart = (typeof MAIN_LAYOUT_ILLUSTRATION_END_START)[number] | string;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}