@lucca-front/ng 21.1.2 → 21.2.0-rc.1

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

@@ -56,11 +56,11 @@ class GaugeComponent {
     }
     #locale;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GaugeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: GaugeComponent, isStandalone: true, selector: "lu-gauge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, thin: { classPropertyName: "thin", publicName: "thin", isSignal: true, isRequired: false, transformFunction: null }, circular: { classPropertyName: "circular", publicName: "circular", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, noAlt: { classPropertyName: "noAlt", publicName: "noAlt", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [LuClass], ngImport: i0, template: "@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\n", styles: ["@layer components{.gauge:before,.gauge-bar{color:currentColor;transition-duration:var(--commons-animations-durations-standard);transition-property:background-color,inline-size,block-size;block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-value);background-color:currentColor;border-radius:var(--pr-t-border-radius-full);min-inline-size:var(--components-gauge-before-minInlineSize);min-block-size:var(--components-gauge-before-minInlineSize);animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge:before,.gauge-bar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}}@layer components{.gauge{--components-gauge-blockSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-inlineSize: auto;--components-gauge-background: var(--palettes-neutral-100);--components-gauge-before-minInlineSize: var(--components-gauge-blockSize);--components-gauge-value: 0;--components-gauge-borderRadius: var(--pr-t-border-radius-full);--components-gauge-color: var(--palettes-700, var(--palettes-product-700));--components-gauge-animationName: name;--components-gauge-animationDuration: var(--commons-animations-durations-slow);--components-gauge-animationTimingFunction: cubic-bezier(.9,.9,.9,1.1);--components-gauge-circle-background: var(--palettes-neutral-100);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-100);--components-gauge-circleR: 76px;--components-gauge-circleP: calc(2 * pi * var(--components-gauge-circleR));border-radius:var(--components-gauge-borderRadius);block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-inlineSize);background-color:var(--components-gauge-background);display:block;color:var(--components-gauge-color)}.gauge:before{content:\"\";display:block}.gauge:has(.gauge-bar):before{content:none}.gauge-bar{position:absolute}.gauge-circleBackground{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke:var(--components-gauge-circle-background)}.gauge-circleBar{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke-linecap:round;stroke-dashoffset:0;transform:rotate(-.25turn);transform-origin:50% 50%;stroke-dasharray:calc(var(--components-gauge-circleP) / 100 * var(--components-gauge-value)),9999;stroke:currentColor;animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge-circleBar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}@keyframes gauge-fill{0%{stroke-dasharray:0,9999;inline-size:0}}}@layer mods{.gauge.mod-thin{--components-gauge-blockSize: var(--pr-t-spacings-50);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-50)}.gauge:has(.gauge-circleBackground){--components-gauge-borderRadius: 0;--components-gauge-blockSize: auto;--components-gauge-background: transparent}.gauge.mod-vertical{--components-gauge-blockSize: 100%;--components-gauge-inlineSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-before-minInlineSize: var(--components-gauge-inlineSize)}.gauge.mod-vertical .gauge-bar,.gauge.mod-vertical:before{inline-size:100%;block-size:var(--components-gauge-value)}.gauge.mod-vertical.mod-thin{--components-gauge-inlineSize: var(--pr-t-spacings-50)}.gauge.is-zero,.gauge:not([style]),.gauge[style*=\"--components-gauge-value: 0%\"]{--components-gauge-before-minInlineSize: 0;--components-gauge-color: var(--components-gauge-background)}.gauge.is-animated{--components-gauge-animationName: gauge-fill}}lu-gauge{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: GaugeComponent, isStandalone: true, selector: "lu-gauge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, thin: { classPropertyName: "thin", publicName: "thin", isSignal: true, isRequired: false, transformFunction: null }, circular: { classPropertyName: "circular", publicName: "circular", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, noAlt: { classPropertyName: "noAlt", publicName: "noAlt", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [LuClass], ngImport: i0, template: "@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\n", styles: ["@layer components{.gauge:before,.gauge-bar{color:currentColor;transition-duration:var(--commons-animations-durations-standard);transition-property:background-color,inline-size,block-size;block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-value);background-color:currentColor;border-radius:var(--pr-t-border-radius-full);min-inline-size:var(--components-gauge-before-minInlineSize);min-block-size:var(--components-gauge-before-minInlineSize);animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge:before,.gauge-bar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}}@layer components{.gauge{--components-gauge-blockSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-inlineSize: auto;--components-gauge-background: var(--palettes-neutral-100);--components-gauge-before-minInlineSize: var(--components-gauge-blockSize);--components-gauge-value: 0;--components-gauge-borderRadius: var(--pr-t-border-radius-full);--components-gauge-color: var(--palettes-700, var(--palettes-product-700));--components-gauge-animationName: name;--components-gauge-animationDuration: var(--commons-animations-durations-slow);--components-gauge-animationTimingFunction: cubic-bezier(.9, .9, .9, 1.1);--components-gauge-circle-background: var(--palettes-neutral-100);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-100);--components-gauge-circleR: 76px;--components-gauge-circleP: calc(2 * pi * var(--components-gauge-circleR));border-radius:var(--components-gauge-borderRadius);block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-inlineSize);background-color:var(--components-gauge-background);display:block;color:var(--components-gauge-color)}.gauge:before{content:\"\";display:block}.gauge:has(.gauge-bar):before{content:none}.gauge-bar{position:absolute}.gauge-circleBackground{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke:var(--components-gauge-circle-background)}.gauge-circleBar{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke-linecap:round;stroke-dashoffset:0;transform:rotate(-.25turn);transform-origin:50% 50%;stroke-dasharray:calc(var(--components-gauge-circleP) / 100 * var(--components-gauge-value)),9999;stroke:currentColor;animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge-circleBar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}@keyframes gauge-fill{0%{stroke-dasharray:0,9999;inline-size:0}}}@layer mods{.gauge.mod-thin{--components-gauge-blockSize: var(--pr-t-spacings-50);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-50)}.gauge:has(.gauge-circleBackground){--components-gauge-borderRadius: 0;--components-gauge-blockSize: auto;--components-gauge-background: transparent}.gauge.mod-vertical{--components-gauge-blockSize: 100%;--components-gauge-inlineSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-before-minInlineSize: var(--components-gauge-inlineSize)}.gauge.mod-vertical .gauge-bar,.gauge.mod-vertical:before{inline-size:100%;block-size:var(--components-gauge-value)}.gauge.mod-vertical.mod-thin{--components-gauge-inlineSize: var(--pr-t-spacings-50)}.gauge.is-zero,.gauge:not([style]),.gauge[style*=\"--components-gauge-value: 0%\"]{--components-gauge-before-minInlineSize: 0;--components-gauge-color: var(--components-gauge-background)}.gauge.is-animated{--components-gauge-animationName: gauge-fill}}lu-gauge{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GaugeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-gauge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [LuClass], template: "@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\n", styles: ["@layer components{.gauge:before,.gauge-bar{color:currentColor;transition-duration:var(--commons-animations-durations-standard);transition-property:background-color,inline-size,block-size;block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-value);background-color:currentColor;border-radius:var(--pr-t-border-radius-full);min-inline-size:var(--components-gauge-before-minInlineSize);min-block-size:var(--components-gauge-before-minInlineSize);animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge:before,.gauge-bar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}}@layer components{.gauge{--components-gauge-blockSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-inlineSize: auto;--components-gauge-background: var(--palettes-neutral-100);--components-gauge-before-minInlineSize: var(--components-gauge-blockSize);--components-gauge-value: 0;--components-gauge-borderRadius: var(--pr-t-border-radius-full);--components-gauge-color: var(--palettes-700, var(--palettes-product-700));--components-gauge-animationName: name;--components-gauge-animationDuration: var(--commons-animations-durations-slow);--components-gauge-animationTimingFunction: cubic-bezier(.9,.9,.9,1.1);--components-gauge-circle-background: var(--palettes-neutral-100);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-100);--components-gauge-circleR: 76px;--components-gauge-circleP: calc(2 * pi * var(--components-gauge-circleR));border-radius:var(--components-gauge-borderRadius);block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-inlineSize);background-color:var(--components-gauge-background);display:block;color:var(--components-gauge-color)}.gauge:before{content:\"\";display:block}.gauge:has(.gauge-bar):before{content:none}.gauge-bar{position:absolute}.gauge-circleBackground{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke:var(--components-gauge-circle-background)}.gauge-circleBar{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke-linecap:round;stroke-dashoffset:0;transform:rotate(-.25turn);transform-origin:50% 50%;stroke-dasharray:calc(var(--components-gauge-circleP) / 100 * var(--components-gauge-value)),9999;stroke:currentColor;animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge-circleBar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}@keyframes gauge-fill{0%{stroke-dasharray:0,9999;inline-size:0}}}@layer mods{.gauge.mod-thin{--components-gauge-blockSize: var(--pr-t-spacings-50);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-50)}.gauge:has(.gauge-circleBackground){--components-gauge-borderRadius: 0;--components-gauge-blockSize: auto;--components-gauge-background: transparent}.gauge.mod-vertical{--components-gauge-blockSize: 100%;--components-gauge-inlineSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-before-minInlineSize: var(--components-gauge-inlineSize)}.gauge.mod-vertical .gauge-bar,.gauge.mod-vertical:before{inline-size:100%;block-size:var(--components-gauge-value)}.gauge.mod-vertical.mod-thin{--components-gauge-inlineSize: var(--pr-t-spacings-50)}.gauge.is-zero,.gauge:not([style]),.gauge[style*=\"--components-gauge-value: 0%\"]{--components-gauge-before-minInlineSize: 0;--components-gauge-color: var(--components-gauge-background)}.gauge.is-animated{--components-gauge-animationName: gauge-fill}}lu-gauge{display:contents}\n"] }]
+            args: [{ selector: 'lu-gauge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [LuClass], template: "@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\n", styles: ["@layer components{.gauge:before,.gauge-bar{color:currentColor;transition-duration:var(--commons-animations-durations-standard);transition-property:background-color,inline-size,block-size;block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-value);background-color:currentColor;border-radius:var(--pr-t-border-radius-full);min-inline-size:var(--components-gauge-before-minInlineSize);min-block-size:var(--components-gauge-before-minInlineSize);animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge:before,.gauge-bar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}}@layer components{.gauge{--components-gauge-blockSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-inlineSize: auto;--components-gauge-background: var(--palettes-neutral-100);--components-gauge-before-minInlineSize: var(--components-gauge-blockSize);--components-gauge-value: 0;--components-gauge-borderRadius: var(--pr-t-border-radius-full);--components-gauge-color: var(--palettes-700, var(--palettes-product-700));--components-gauge-animationName: name;--components-gauge-animationDuration: var(--commons-animations-durations-slow);--components-gauge-animationTimingFunction: cubic-bezier(.9, .9, .9, 1.1);--components-gauge-circle-background: var(--palettes-neutral-100);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-100);--components-gauge-circleR: 76px;--components-gauge-circleP: calc(2 * pi * var(--components-gauge-circleR));border-radius:var(--components-gauge-borderRadius);block-size:var(--components-gauge-blockSize);inline-size:var(--components-gauge-inlineSize);background-color:var(--components-gauge-background);display:block;color:var(--components-gauge-color)}.gauge:before{content:\"\";display:block}.gauge:has(.gauge-bar):before{content:none}.gauge-bar{position:absolute}.gauge-circleBackground{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke:var(--components-gauge-circle-background)}.gauge-circleBar{fill:transparent;stroke-width:var(--components-gauge-circle-strokeWidth);stroke-linecap:round;stroke-dashoffset:0;transform:rotate(-.25turn);transform-origin:50% 50%;stroke-dasharray:calc(var(--components-gauge-circleP) / 100 * var(--components-gauge-value)),9999;stroke:currentColor;animation-name:var(--components-gauge-animationName);animation-duration:var(--components-gauge-animationDuration);animation-timing-function:var(--components-gauge-animationTimingFunction)}@media(prefers-reduced-motion:reduce){.gauge-circleBar{--components-gauge-animationDuration: var(--commons-animations-durations-fast);--components-gauge-animationTimingFunction: ease}}@keyframes gauge-fill{0%{stroke-dasharray:0,9999;inline-size:0}}}@layer mods{.gauge.mod-thin{--components-gauge-blockSize: var(--pr-t-spacings-50);--components-gauge-circle-strokeWidth: var(--pr-t-spacings-50)}.gauge:has(.gauge-circleBackground){--components-gauge-borderRadius: 0;--components-gauge-blockSize: auto;--components-gauge-background: transparent}.gauge.mod-vertical{--components-gauge-blockSize: 100%;--components-gauge-inlineSize: var(--components-gauge-height, var(--pr-t-spacings-100));--components-gauge-before-minInlineSize: var(--components-gauge-inlineSize)}.gauge.mod-vertical .gauge-bar,.gauge.mod-vertical:before{inline-size:100%;block-size:var(--components-gauge-value)}.gauge.mod-vertical.mod-thin{--components-gauge-inlineSize: var(--pr-t-spacings-50)}.gauge.is-zero,.gauge:not([style]),.gauge[style*=\"--components-gauge-value: 0%\"]{--components-gauge-before-minInlineSize: 0;--components-gauge-color: var(--components-gauge-background)}.gauge.is-animated{--components-gauge-animationName: gauge-fill}}lu-gauge{display:contents}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], thin: [{ type: i0.Input, args: [{ isSignal: true, alias: "thin", required: false }] }], circular: [{ type: i0.Input, args: [{ isSignal: true, alias: "circular", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], noAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "noAlt", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-gauge.mjs","sources":["../../../packages/ng/gauge/gauge.component.ts","../../../packages/ng/gauge/gauge.component.html","../../../packages/ng/gauge/lucca-front-ng-gauge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-gauge',\n\ttemplateUrl: './gauge.component.html',\n\tstyleUrl: './gauge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [LuClass],\n})\nexport class GaugeComponent {\n\t#locale = inject(LOCALE_ID);\n\n\t/**\n\t * The progress of the gauge from 0 to 100\n\t */\n\treadonly value = input(0, { transform: numberAttribute });\n\n\t/**\n\t * Make the gauge finer\n\t */\n\treadonly thin = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Display gaugue in circular\n\t */\n\treadonly circular = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Animate the gauge component\n\t */\n\treadonly animated = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Disabled alt display (overrides alt value)\n\t */\n\treadonly noAlt = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Which palette should be used for the entire gauge.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Defines the text alt attribute used for accessibility\n\t */\n\treadonly alt = input<string>('');\n\n\t/**\n\t * Which size should the gauge be? widht & height\n\t */\n\treadonly size = input(40, { transform: numberAttribute });\n\n\treadonly thickness = computed(() => (this.thin() ? 4 : 8));\n\n\treadonly perimeter = computed(() => (2 * Math.PI * (this.size() - this.thickness())) / 2);\n\n\treadonly fullThreshold = computed(() => this.perimeter() - this.thickness());\n\n\treadonly full = computed<boolean>(() => this.fullThreshold() < (this.perimeter() / 100) * this.value());\n\n\treadonly fullThresholdValue = computed(() => Math.floor((this.fullThreshold() / this.perimeter()) * 100));\n\n\treadonly displayValue = computed(() => {\n\t\tif (this.value() >= 100) {\n\t\t\treturn this.value();\n\t\t}\n\t\treturn this.full() ? this.fullThresholdValue() : this.value();\n\t});\n\n\treadonly defaultAlt = computed(() => new Intl.NumberFormat(this.#locale, { style: 'percent' }).format(this.value() / 100));\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\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-gauge.mjs","sources":["../../../packages/ng/gauge/gauge.component.ts","../../../packages/ng/gauge/gauge.component.html","../../../packages/ng/gauge/lucca-front-ng-gauge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-gauge',\n\ttemplateUrl: './gauge.component.html',\n\tstyleUrl: './gauge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [LuClass],\n})\nexport class GaugeComponent {\n\t#locale = inject(LOCALE_ID);\n\n\t/**\n\t * The progress of the gauge from 0 to 100\n\t */\n\treadonly value = input(0, { transform: numberAttribute });\n\n\t/**\n\t * Make the gauge finer\n\t */\n\treadonly thin = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Display gaugue in circular\n\t */\n\treadonly circular = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Animate the gauge component\n\t */\n\treadonly animated = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Disabled alt display (overrides alt value)\n\t */\n\treadonly noAlt = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Which palette should be used for the entire gauge.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Defines the text alt attribute used for accessibility\n\t */\n\treadonly alt = input<string>('');\n\n\t/**\n\t * Which size should the gauge be? widht & height\n\t */\n\treadonly size = input(40, { transform: numberAttribute });\n\n\treadonly thickness = computed(() => (this.thin() ? 4 : 8));\n\n\treadonly perimeter = computed(() => (2 * Math.PI * (this.size() - this.thickness())) / 2);\n\n\treadonly fullThreshold = computed(() => this.perimeter() - this.thickness());\n\n\treadonly full = computed<boolean>(() => this.fullThreshold() < (this.perimeter() / 100) * this.value());\n\n\treadonly fullThresholdValue = computed(() => Math.floor((this.fullThreshold() / this.perimeter()) * 100));\n\n\treadonly displayValue = computed(() => {\n\t\tif (this.value() >= 100) {\n\t\t\treturn this.value();\n\t\t}\n\t\treturn this.full() ? this.fullThresholdValue() : this.value();\n\t});\n\n\treadonly defaultAlt = computed(() => new Intl.NumberFormat(this.#locale, { style: 'percent' }).format(this.value() / 100));\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\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-horizontal-navigation.mjs

@@ -28,7 +28,7 @@ class HorizontalNavigationComponent {
         this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: HorizontalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "noBorder()", "class.mod-S": "size() === `S`", "class.mod-vertical": "vertical()" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "noBorder()", "class.mod-S": "size() === `S`", "class.mod-vertical": "vertical()" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.menu,.horizontalNavigation{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.menu:after,.horizontalNavigation:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.menu .label,.horizontalNavigation .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.menu-containerOptional,.horizontalNavigation-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}.menu-list,.horizontalNavigation-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .menu-list,.scrollBox .horizontalNavigation-list{flex-wrap:nowrap}.menu-link,.menu-list-item-action,.horizontalNavigation-list-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.menu-link:before,.menu-list-item-action:before,.horizontalNavigation-list-item-action:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.menu-link:after,.menu-list-item-action:after,.horizontalNavigation-list-item-action:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.menu-link:focus-visible,.menu-list-item-action:focus-visible,.horizontalNavigation-list-item-action:focus-visible{outline:none!important}.menu-link:focus-visible:before,.menu-list-item-action:focus-visible:before,.horizontalNavigation-list-item-action:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.menu-link:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link .link-text,.menu-list-item-action .link-text,.horizontalNavigation-list-item-action .link-text{text-decoration:none}.menu-link-placeholder:after,.horizontalNavigation-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.menu.mod-header,.horizontalNavigation.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.menu.mod-S .menu-link,.horizontalNavigation.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.menu.mod-S .label,.horizontalNavigation.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.menu.mod-S .numericBadge,.horizontalNavigation.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.menu.mod-noBorder:after,.horizontalNavigation.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical:after,.horizontalNavigation.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.horizontalNavigation.mod-vertical .horizontalNavigation-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.menu.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.menu.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.menu.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.menu.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.menu-link.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.menu-link.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu-link.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.menu-link.disabled .label,.menu-link.disabled,.menu-link[disabled] .label,.menu-link[disabled],.menu-link.is-disabled .label,.menu-link.is-disabled,.menu-list-item-action.disabled .label,.menu-list-item-action.disabled,.menu-list-item-action[disabled] .label,.menu-list-item-action[disabled],.menu-list-item-action.is-disabled .label,.menu-list-item-action.is-disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action[disabled] .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.is-disabled{color:var(--palettes-neutral-500);pointer-events:none}.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.horizontalNavigation-list-item-action.is-disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
             type: Component,
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         '[class.mod-noBorder]': 'noBorder()',
                         '[class.mod-S]': 'size() === `S`',
                         '[class.mod-vertical]': 'vertical()',
-                    }, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"] }]
+                    }, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.menu,.horizontalNavigation{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.menu:after,.horizontalNavigation:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.menu .label,.horizontalNavigation .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.menu-containerOptional,.horizontalNavigation-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}.menu-list,.horizontalNavigation-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .menu-list,.scrollBox .horizontalNavigation-list{flex-wrap:nowrap}.menu-link,.menu-list-item-action,.horizontalNavigation-list-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.menu-link:before,.menu-list-item-action:before,.horizontalNavigation-list-item-action:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.menu-link:after,.menu-list-item-action:after,.horizontalNavigation-list-item-action:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.menu-link:focus-visible,.menu-list-item-action:focus-visible,.horizontalNavigation-list-item-action:focus-visible{outline:none!important}.menu-link:focus-visible:before,.menu-list-item-action:focus-visible:before,.horizontalNavigation-list-item-action:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.menu-link:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link .link-text,.menu-list-item-action .link-text,.horizontalNavigation-list-item-action .link-text{text-decoration:none}.menu-link-placeholder:after,.horizontalNavigation-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.menu.mod-header,.horizontalNavigation.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.menu.mod-S .menu-link,.horizontalNavigation.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.menu.mod-S .label,.horizontalNavigation.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.menu.mod-S .numericBadge,.horizontalNavigation.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.menu.mod-noBorder:after,.horizontalNavigation.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical:after,.horizontalNavigation.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.horizontalNavigation.mod-vertical .horizontalNavigation-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.menu.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.menu.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.menu.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.menu.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.menu-link.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.menu-link.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu-link.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.menu-link.disabled .label,.menu-link.disabled,.menu-link[disabled] .label,.menu-link[disabled],.menu-link.is-disabled .label,.menu-link.is-disabled,.menu-list-item-action.disabled .label,.menu-list-item-action.disabled,.menu-list-item-action[disabled] .label,.menu-list-item-action[disabled],.menu-list-item-action.is-disabled .label,.menu-list-item-action.is-disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action[disabled] .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.is-disabled{color:var(--palettes-neutral-500);pointer-events:none}.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.horizontalNavigation-list-item-action.is-disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"] }]
         }], propDecorators: { links: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HorizontalNavigationLinkDirective), { isSignal: true }] }], noBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "noBorder", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
 /**