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

package/fesm2022/lucca-front-ng-vertical-navigation.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, model, contentChildren, computed } from '@angular/core';
+import { input, ViewEncapsulation, ChangeDetectionStrategy, Component, model, contentChildren, computed } from '@angular/core';
+import { luBooleanAttribute, PortalDirective, luNumberAttribute } from '@lucca-front/ng/core';
 import { IconComponent } from '@lucca-front/ng/icon';
-import { PortalDirective } from '@lucca-front/ng/core';
 
 class VerticalNavigationLinkComponent {
     constructor() {
@@ -13,18 +13,18 @@ class VerticalNavigationLinkComponent {
         /**
          * Disabled the vertical navigation link
          */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VerticalNavigationLinkComponent, isStandalone: true, selector: "span[luVerticalNavigationLink], a[luVerticalNavigationLink]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "disabled() ? \"presentation\" : null", "attr.tabindex": "disabled() ? -1 : null" }, classAttribute: "verticalNavigation-list-item-link" }, ngImport: i0, template: "@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\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: VerticalNavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VerticalNavigationLinkComponent, isStandalone: true, selector: "span[luVerticalNavigationLink], a[luVerticalNavigationLink]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "disabled() ? \"presentation\" : null", "attr.tabindex": "disabled() ? -1 : null" }, classAttribute: "verticalNavigation-list-item-link" }, ngImport: i0, template: "@if (icon(); as icon) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon\" />\n}\n<ng-content />\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.4", ngImport: i0, type: VerticalNavigationLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'span[luVerticalNavigationLink], a[luVerticalNavigationLink]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], host: {
                         class: 'verticalNavigation-list-item-link',
                         '[attr.role]': 'disabled() ? "presentation" : null',
                         '[attr.tabindex]': 'disabled() ? -1 : null',
-                    }, template: "@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\n" }]
+                    }, template: "@if (icon(); as icon) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon\" />\n}\n<ng-content />\n" }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class VerticalNavigationGroupComponent {
@@ -42,23 +42,23 @@ class VerticalNavigationGroupComponent {
         /**
          * Disabled the vertical navigation group
          */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.expanded = model(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     }
     toggleExpanded() {
         this.expanded.set(!this.expanded());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VerticalNavigationGroupComponent, isStandalone: true, selector: "lu-vertical-navigation-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VerticalNavigationGroupComponent, isStandalone: true, selector: "lu-vertical-navigation-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon(); as icon) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-vertical-navigation-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, PortalDirective], host: {
                         role: 'listitem',
                         class: 'verticalNavigation-list-item',
                         '[class.is-disabled]': 'disabled()',
-                    }, template: "<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n" }]
+                    }, template: "<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon(); as icon) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }] } });
 
 class VerticalNavigationComponent {
@@ -71,22 +71,21 @@ class VerticalNavigationComponent {
         /**
          * Defines aria level for heading title
          */
-        this.level = input(3, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+        this.level = input(3, { ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: luNumberAttribute });
         this.verticalNavigationGroup = contentChildren(VerticalNavigationGroupComponent, { ...(ngDevMode ? { debugName: "verticalNavigationGroup" } : /* istanbul ignore next */ {}), descendants: true });
         this.verticalNavigationLinks = contentChildren(VerticalNavigationLinkComponent, { ...(ngDevMode ? { debugName: "verticalNavigationLinks" } : /* istanbul ignore next */ {}), descendants: true });
         this.isIconless = computed(() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isIconless" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VerticalNavigationComponent, isStandalone: true, selector: "lu-vertical-navigation", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-iconless": "isIconless()" }, classAttribute: "verticalNavigation" }, queries: [{ propertyName: "verticalNavigationGroup", predicate: VerticalNavigationGroupComponent, descendants: true, isSignal: true }, { propertyName: "verticalNavigationLinks", predicate: VerticalNavigationLinkComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (heading()) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading()\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VerticalNavigationComponent, isStandalone: true, selector: "lu-vertical-navigation", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-iconless": "isIconless()" }, classAttribute: "verticalNavigation" }, queries: [{ propertyName: "verticalNavigationGroup", predicate: VerticalNavigationGroupComponent, descendants: true, isSignal: true }, { propertyName: "verticalNavigationLinks", predicate: VerticalNavigationLinkComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (heading(); as heading) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-vertical-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [PortalDirective], host: {
                         class: 'verticalNavigation',
                         '[class.mod-iconless]': 'isIconless()',
-                    }, template: "@if (heading()) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading()\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"] }]
+                    }, template: "@if (heading(); as heading) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"] }]
         }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], verticalNavigationGroup: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => VerticalNavigationGroupComponent), { ...{ descendants: true }, isSignal: true }] }], verticalNavigationLinks: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => VerticalNavigationLinkComponent), { ...{ descendants: true }, isSignal: true }] }] } });
 
 class VerticalNavigationItemComponent {
@@ -104,17 +103,17 @@ class VerticalNavigationItemComponent {
         /**
          * Disabled the vertical navigation item
          */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.expanded = model(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     }
     toggleExpanded() {
         this.expanded.set(!this.expanded());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: VerticalNavigationItemComponent, isStandalone: true, selector: "lu-vertical-navigation-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<ng-content />\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: VerticalNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: VerticalNavigationItemComponent, isStandalone: true, selector: "lu-vertical-navigation-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-vertical-navigation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         role: 'listitem',

package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-vertical-navigation.mjs","sources":["../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.ts","../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.html","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.ts","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.html","../../../packages/ng/vertical-navigation/vertical-navigation.component.ts","../../../packages/ng/vertical-navigation/vertical-navigation.component.html","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.ts","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.html","../../../packages/ng/vertical-navigation/lucca-front-ng-vertical-navigation.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'span[luVerticalNavigationLink], a[luVerticalNavigationLink]',\n\ttemplateUrl: './vertical-navigation-link.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent],\n\thost: {\n\t\tclass: 'verticalNavigation-list-item-link',\n\t\t'[attr.role]': 'disabled() ? \"presentation\" : null',\n\t\t'[attr.tabindex]': 'disabled() ? -1 : null',\n\t},\n})\nexport class VerticalNavigationLinkComponent {\n\t/**\n\t * adds an icon to the vertical navigation link\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation link\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-vertical-navigation-group',\n\ttemplateUrl: './vertical-navigation-group.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationGroupComponent {\n\t/**\n\t * Changes the text displayed by the vertical navigation group\n\t */\n\treadonly label = input.required<PortalContent>();\n\n\t/**\n\t * Adds an icon to the vertical navigation group\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation group\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { VerticalNavigationGroupComponent } from './group/vertical-navigation-group.component';\nimport { VerticalNavigationLinkComponent } from './link/vertical-navigation-link.component';\n\n@Component({\n\tselector: 'lu-vertical-navigation',\n\ttemplateUrl: './vertical-navigation.component.html',\n\tstyleUrl: './vertical-navigation.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [PortalDirective],\n\thost: {\n\t\tclass: 'verticalNavigation',\n\t\t'[class.mod-iconless]': 'isIconless()',\n\t},\n})\nexport class VerticalNavigationComponent {\n\t/**\n\t * Changes the heading title displayed by the vertical navigation\n\t */\n\treadonly heading = input<PortalContent | null>(null);\n\n\t/**\n\t * Defines aria level for heading title\n\t */\n\treadonly level = input<number>(3);\n\n\treadonly verticalNavigationGroup = contentChildren(VerticalNavigationGroupComponent, { descendants: true });\n\treadonly verticalNavigationLinks = contentChildren(VerticalNavigationLinkComponent, { descendants: true });\n\n\treadonly isIconless = computed(\n\t\t() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length,\n\t);\n}\n","@if (heading()) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading()\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\n\n@Component({\n\tselector: 'lu-vertical-navigation-item',\n\ttemplateUrl: './vertical-navigation-item.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationItemComponent {\n\t/**\n\t * Changes the text displayed by the vertical navigation item\n\t */\n\treadonly label = input<string | null>(null);\n\n\t/**\n\t * Adds an icon to the vertical navigation item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation item\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<ng-content />\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-vertical-navigation.mjs","sources":["../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.ts","../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.html","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.ts","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.html","../../../packages/ng/vertical-navigation/vertical-navigation.component.ts","../../../packages/ng/vertical-navigation/vertical-navigation.component.html","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.ts","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.html","../../../packages/ng/vertical-navigation/lucca-front-ng-vertical-navigation.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, 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';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'span[luVerticalNavigationLink], a[luVerticalNavigationLink]',\n\ttemplateUrl: './vertical-navigation-link.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent],\n\thost: {\n\t\tclass: 'verticalNavigation-list-item-link',\n\t\t'[attr.role]': 'disabled() ? \"presentation\" : null',\n\t\t'[attr.tabindex]': 'disabled() ? -1 : null',\n\t},\n})\nexport class VerticalNavigationLinkComponent {\n\t/**\n\t * adds an icon to the vertical navigation link\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation link\n\t */\n\treadonly disabled = input(false, { transform: luBooleanAttribute });\n}\n","@if (icon(); as icon) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon\" />\n}\n<ng-content />\n","import { ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-vertical-navigation-group',\n\ttemplateUrl: './vertical-navigation-group.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationGroupComponent {\n\t/**\n\t * Changes the text displayed by the vertical navigation group\n\t */\n\treadonly label = input.required<PortalContent>();\n\n\t/**\n\t * Adds an icon to the vertical navigation group\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation group\n\t */\n\treadonly disabled = input(false, { transform: luBooleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon(); as icon) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { luNumberAttribute, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { VerticalNavigationGroupComponent } from './group/vertical-navigation-group.component';\nimport { VerticalNavigationLinkComponent } from './link/vertical-navigation-link.component';\n\n@Component({\n\tselector: 'lu-vertical-navigation',\n\ttemplateUrl: './vertical-navigation.component.html',\n\tstyleUrl: './vertical-navigation.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [PortalDirective],\n\thost: {\n\t\tclass: 'verticalNavigation',\n\t\t'[class.mod-iconless]': 'isIconless()',\n\t},\n})\nexport class VerticalNavigationComponent {\n\t/**\n\t * Changes the heading title displayed by the vertical navigation\n\t */\n\treadonly heading = input<PortalContent | null>(null);\n\n\t/**\n\t * Defines aria level for heading title\n\t */\n\treadonly level = input(3, { transform: luNumberAttribute });\n\n\treadonly verticalNavigationGroup = contentChildren(VerticalNavigationGroupComponent, { descendants: true });\n\treadonly verticalNavigationLinks = contentChildren(VerticalNavigationLinkComponent, { descendants: true });\n\n\treadonly isIconless = computed(\n\t\t() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length,\n\t);\n}\n","@if (heading(); as heading) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { luBooleanAttribute } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-vertical-navigation-item',\n\ttemplateUrl: './vertical-navigation-item.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationItemComponent {\n\t/**\n\t * Changes the text displayed by the vertical navigation item\n\t */\n\treadonly label = input<string | null>(null);\n\n\t/**\n\t * Adds an icon to the vertical navigation item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation item\n\t */\n\treadonly disabled = input(false, { transform: luBooleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<ng-content />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "22.0.0-rc.5",
+  "version": "22.0.0",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -28,9 +28,9 @@
     "@angular/core": "^22.0.0",
     "@angular/cdk": "^22.0.0",
     "@angular/animations": "^22.0.0",
-    "@lucca-front/icons": "22.0.0-rc.5",
-    "@lucca-front/scss": "22.0.0-rc.5",
-    "@lucca/prisme": "22.0.0-rc.5",
+    "@lucca-front/icons": "22.0.0",
+    "@lucca-front/scss": "22.0.0",
+    "@lucca/prisme": "22.0.0",
     "@types/dompurify": "^3.0.0",
     "isomorphic-dompurify": "^2.17.0",
     "date-fns": "^3.6.0",
@@ -113,6 +113,10 @@
       "types": "./types/lucca-front-ng-app-layout.d.ts",
       "default": "./fesm2022/lucca-front-ng-app-layout.mjs"
     },
+    "./approbation-inbox": {
+      "types": "./types/lucca-front-ng-approbation-inbox.d.ts",
+      "default": "./fesm2022/lucca-front-ng-approbation-inbox.mjs"
+    },
     "./box": {
       "types": "./types/lucca-front-ng-box.d.ts",
       "default": "./fesm2022/lucca-front-ng-box.mjs"
@@ -313,6 +317,10 @@
       "types": "./types/lucca-front-ng-highlight-data.d.ts",
       "default": "./fesm2022/lucca-front-ng-highlight-data.mjs"
     },
+    "./highlight-section": {
+      "types": "./types/lucca-front-ng-highlight-section.d.ts",
+      "default": "./fesm2022/lucca-front-ng-highlight-section.mjs"
+    },
     "./highlight-text": {
       "types": "./types/lucca-front-ng-highlight-text.d.ts",
       "default": "./fesm2022/lucca-front-ng-highlight-text.mjs"

package/schematics/action-icon/migration.spec.js

@@ -47,7 +47,7 @@ describe('actionIcon Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('actionIcon Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/alignment-utilities/migration.spec.js

@@ -47,7 +47,7 @@ describe('Alignment utilities Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Alignment utilities Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/cdn-urls/migration.spec.js

@@ -47,7 +47,7 @@ describe('cdnUrls Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('cdnUrls Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/class-prefix/migration.spec.js

@@ -47,7 +47,7 @@ describe('Class prefix Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Class prefix Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/color-text/migration.spec.js

@@ -47,7 +47,7 @@ describe('Color Text Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Color Text Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/component-path/migration.spec.js

@@ -47,7 +47,7 @@ describe('Component path Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstall: true }, tree);
         }
         catch (error) {
             //eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Component path Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/deprecated-resolver/migration.spec.js

@@ -46,7 +46,7 @@ describe('Deprecated Resolver Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'deprecated-resolver', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'deprecated-resolver', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/empty-state-title/migration.spec.js

@@ -46,7 +46,7 @@ describe('Empty state title migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'empty-state-heading', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'empty-state-heading', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lib/migration-test.js

@@ -48,7 +48,12 @@ function expectTree(tree) {
                     expect(stripLastNewLine(actualContent)).toEqual(stripLastNewLine(expectedContent));
                 }
                 catch (error) {
-                    throw error instanceof Error ? new Error(`Expected file content to match for ${path}: \n${error.message}`) : error;
+                    if (error instanceof Error) {
+                        // Mutate the message in place (rather than re-throwing a new Error) so the original
+                        // stack trace and Vitest's expected/actual diff properties are preserved.
+                        error.message = `Expected file content to match for ${path}: \n${error.message}`;
+                    }
+                    throw error;
                 }
             });
             // Ensure all files in expected tree exist in actual tree

package/schematics/lu-button/migration.spec.js

@@ -44,7 +44,7 @@ describe('luButton Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-button', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-button', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-container/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-container Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-container', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-container', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-grid/migration.js

@@ -158,22 +158,37 @@ function gridHasNonNeutralColumnChildren(node) {
         return !!childClasses?.match(/(^|\s)grid-column(\s|$)/);
     });
 }
+// A grid is migratable only when the migration can be fully carried out. If any
+// class other than `grid`/`mod-auto`/`mod-form` would remain on the element, the
+// migration is considered incomplete: we leave the grid — and therefore its
+// `grid-column` children — untouched for manual review.
+// This is the single source of truth for both grid and grid-column finders so a
+// `grid-column` is never migrated without its parent grid being migrated too.
+function isMigratableGrid(node) {
+    if (!(0, lib_1.isInterestingNode)(node) || !(0, migration_utils_1.isNeutralElement)(node.name)) {
+        return false;
+    }
+    const classes = node.attributes.find((attr) => attr.name === 'class')?.value;
+    if (!classes?.match(/(^|\s)grid(\s|$)/)) {
+        return false;
+    }
+    if (gridHasNonNeutralColumnChildren(node)) {
+        return false;
+    }
+    // Any leftover class means the migration would keep a `class=` attribute → skip.
+    const extraClasses = classes.split(' ').filter((c) => c && c !== 'grid' && c !== 'mod-auto' && c !== 'mod-form');
+    return extraClasses.length === 0;
+}
 function findHTMLGrids(sourceFile, basePath, tree) {
     const results = [];
     const ngTemplates = (0, lib_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, basePath);
     ngTemplates.forEach((template) => {
         const htmlAst = new lib_1.HtmlAst(template.content);
         htmlAst.visitNodes((node) => {
-            if (!(0, lib_1.isInterestingNode)(node) || !(0, migration_utils_1.isNeutralElement)(node.name)) {
-                return;
-            }
-            const classes = node.attributes.find((attr) => attr.name === 'class')?.value;
-            if (!classes?.match(/(^|\s)grid(\s|$)/)) {
-                return;
-            }
-            if (gridHasNonNeutralColumnChildren(node)) {
+            if (!isMigratableGrid(node)) {
                 return;
             }
+            const classes = node.attributes.find((attr) => attr.name === 'class')?.value || '';
             const styleAttr = node.attributes.find((attr) => attr.name === 'style')?.value || '';
             const cssProps = (0, migration_utils_1.parseCssCustomProperties)(styleAttr);
             const classParts = classes.split(' ');
@@ -208,14 +223,7 @@ function findHTMLGridColumns(sourceFile, basePath, tree) {
                 return;
             }
             // Only migrate grid-column if its parent grid container is also being migrated
-            if (!(0, lib_1.isInterestingNode)(parent) || !(0, migration_utils_1.isNeutralElement)(parent.name)) {
-                return;
-            }
-            const parentClasses = parent.attributes.find((attr) => attr.name === 'class')?.value;
-            if (!parentClasses?.match(/(^|\s)grid(\s|$)/)) {
-                return;
-            }
-            if (gridHasNonNeutralColumnChildren(parent)) {
+            if (!isMigratableGrid(parent)) {
                 return;
             }
             const styleAttr = node.attributes.find((attr) => attr.name === 'style')?.value || '';

package/schematics/lu-grid/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-grid Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-grid', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-grid', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-icon/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-icon Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-icon', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-icon', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-loading/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-loading Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-loading', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-loading', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-select/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-select Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-select', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-select', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-text-input/migration.spec.js

@@ -44,7 +44,7 @@ describe('Textfield Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/new-icons/migration.spec.js

@@ -47,7 +47,7 @@ describe('New icons Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('New icons Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';