@lucca-front/ng 21.3.1 → 21.4.0-rc.1

package/fesm2022/lucca-front-ng-resource-card.mjs

@@ -10,10 +10,10 @@ class ResourceCardButtonComponent {
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ResourceCardButtonComponent, isStandalone: true, selector: "button[luResourceCardAction]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "disabled() ? \"disabled\" : null" }, classAttribute: "resourceCard-layout-header-title-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ResourceCardButtonComponent, isStandalone: true, selector: "button[luResourceCardAction]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "disabled() ? \"disabled\" : null" }, classAttribute: "resourceCard-layout-header-title-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardButtonComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -35,10 +35,10 @@ class ResourceCardLinkComponent {
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ResourceCardLinkComponent, isStandalone: true, selector: "a[luResourceCardAction]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-disabled": "disabled()", "attr.role": "disabled() ? \"presentation\" : null" }, classAttribute: "resourceCard-layout-header-title-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ResourceCardLinkComponent, isStandalone: true, selector: "a[luResourceCardAction]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-disabled": "disabled()", "attr.role": "disabled() ? \"presentation\" : null" }, classAttribute: "resourceCard-layout-header-title-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardLinkComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -67,13 +67,15 @@ class ResourceCardComponent {
         this.wrapperRef = inject(LU_RESOURCE_CARD_WRAPPER_INSTANCE, { optional: true });
         this.draggable = input(false, { ...(ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.grid = input(false, { ...(ngDevMode ? { debugName: "grid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.headingLevel = input('3', ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
-        this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.headingLevel = input('3', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
+        this.size = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ResourceCardComponent, isStandalone: true, selector: "lu-resource-card", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "region" }, properties: { "class.mod-S": "size() === \"S\"  || wrapperRef?.size() === \"S\"", "class.mod-grid": "grid() || wrapperRef?.grid()" }, classAttribute: "resourceCard" }, ngImport: i0, template: "<div class=\"resourceCard-layout\">\n\t<div class=\"resourceCard-layout-before\">\n\t\t@if (wrapperRef) {\n\t\t\t@if (!wrapperRef.grid() && wrapperRef.draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (!grid() && draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t}\n\t\t<div class=\"resourceCard-layout-before-illustration\"><ng-content select=\"[resourceCardIllustration]\" /></div>\n\t</div>\n\t<header class=\"resourceCard-layout-header\">\n\t\t<div class=\"resourceCard-layout-header-title\" role=\"heading\" [attr.aria-level]=\"headingLevel()\"><ng-content /></div>\n\t\t<div class=\"resourceCard-layout-header-infos\"><ng-content select=\"[resourceCardInfos]\" /></div>\n\t</header>\n\t<div class=\"resourceCard-layout-after\"><ng-content select=\"[resourceCardAction]\" /></div>\n\t<div class=\"resourceCard-layout-content\"><ng-content select=\"[resourceCardContent]\" /></div>\n</div>\n", styles: ["@layer components{.resourceCard{--components-resourceCard-color: inherit;--components-resourceCard-borderRadius: var(--pr-t-border-radius-structure);--components-resourceCard-before-inset: 0;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-resourceCard-layout-alignItems: start;--components-resourceCard-layout-content-font: var(--pr-t-font-body-M);--components-resourceCard-layout-content-paddingBlockStart: 0;--components-resourceCard-layout-before-illustration-minSize: var(--pr-t-spacings-500);--components-resourceCard-layout-after-marginBlock: 0;--components-resourceCard-layout-header-title-action-cursor: pointer;--components-resourceCard-layout-header-title-action-color: inherit;--components-resourceCard-layout-header-title-action-after-inset: var(--components-resourceCard-before-inset);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-3);--components-resourceCard-layout-header-alignItems: center;--components-resourceCard-layout-header-flexDirection: row;--components-resourceCard-layout-header-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-paddingBlockEnd: var(--pr-t-spacings-50);--components-resourceCard-layout-gridTemplate: \"before header  after\" auto \"before content after\" 1fr / auto 1fr auto;border-radius:var(--components-resourceCard-borderRadius);position:relative;color:var(--components-resourceCard-color);display:block;align-self:stretch;justify-self:stretch}.resourceCard:before{content:\"\";position:absolute;inset:var(--components-resourceCard-before-inset);background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--components-resourceCard-before-boxShadow);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset,box-shadow}.resourceCardWrapper{grid-template-columns:repeat(auto-fill,minmax(var(--components-resourceCardWrapper-gridTemplateColumnsMin),1fr));display:var(--components-resourceCardWrapper-display);flex-direction:column;gap:var(--pr-t-spacings-100);background-color:var(--pr-t-elevation-surface-sunken);padding:var(--pr-t-spacings-100);border-radius:var(--components-resourceCardWrapper-borderRadius);align-items:start;justify-items:start}.resourceCard-layout{isolation:isolate;padding:var(--pr-t-spacings-100);display:grid;grid-template:var(--components-resourceCard-layout-gridTemplate);align-items:var(--components-resourceCard-layout-alignItems)}.resourceCard-layout-header{display:flex;align-items:var(--components-resourceCard-layout-header-alignItems);flex-direction:var(--components-resourceCard-layout-header-flexDirection);gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100);grid-area:header;padding-block-start:var(--components-resourceCard-layout-header-paddingBlockStart);padding-block-end:var(--components-resourceCard-layout-header-paddingBlockEnd);padding-inline:var(--pr-t-spacings-100);min-inline-size:0}.resourceCard-layout-header-infos{display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.resourceCard-layout-header-infos:empty{display:none}.resourceCard-layout-header-title{font:var(--components-resourceCard-layout-header-title-font);display:flex;gap:var(--pr-t-spacings-100);align-items:center;min-inline-size:0;max-inline-size:100%}.resourceCard-layout-header-title-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;color:var(--components-resourceCard-layout-header-title-action-color);text-decoration:none;outline:none;cursor:var(--components-resourceCard-layout-header-title-action-cursor);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resourceCard-layout-header-title-action:after{content:\"\";position:absolute;inset:var(--components-resourceCard-layout-header-title-action-after-inset);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset;z-index:1}.resourceCard-layout-before{grid-area:before;display:flex;align-items:center}.resourceCard-layout-before-illustration:not(:empty){min-block-size:var(--components-resourceCard-layout-before-illustration-minSize);min-inline-size:var(--components-resourceCard-layout-before-illustration-minSize);margin:var(--pr-t-spacings-100) var(--pr-t-spacings-50) var(--pr-t-spacings-100) var(--pr-t-spacings-100);display:grid;place-items:center}.resourceCard-layout-before-illustration:empty{display:none}.resourceCard-layout-after{grid-area:after;margin-block:var(--components-resourceCard-layout-after-marginBlock)}.resourceCard-layout-content{grid-area:content;font:var(--components-resourceCard-layout-content-font)}.resourceCard-layout-content:not(:empty){padding:var(--components-resourceCard-layout-content-paddingBlockStart) var(--pr-t-spacings-100) var(--pr-t-spacings-50)}.resourceCard-layout-content a,.resourceCard-layout-content button,.resourceCard-layout-content [tabindex],.resourceCard-layout-before-button,.resourceCard-layout-after{position:relative;z-index:2}}@layer mods{.resourceCard:hover{--components-resourceCard-before-inset: -4px;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-overlay)}.resourceCard:has(.resourceCard-layout-header-title-action:focus-visible) .resourceCard-layout-header-title-action:after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.resourceCard:has(.resourceCard-layout-header-title-action:active){--components-resourceCard-layout-header-title-action-color: var(--palettes-product-700);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-product-400)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled),.resourceCard:has(.resourceCard-layout-header-title-action:disabled){--components-resourceCard-layout-header-title-action-cursor: default;--components-resourceCard-before-inset: 0;--components-resourceCard-color: var(--palettes-neutral-500);--components-resourceCard-layout-header-title-action-color: var(--palettes-neutral-500);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-neutral-50)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled) .bubbleIllustration,.resourceCard:has(.resourceCard-layout-header-title-action:disabled) .bubbleIllustration{--palettes-brand-600: var(--pr-t-color-input-icon-disabled)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled) .bubbleIcon,.resourceCard:has(.resourceCard-layout-header-title-action:disabled) .bubbleIcon{--components-bubbleIcon-color: var(--pr-t-color-input-icon-disabled);--components-bubbleIcon-bubble-path-fill: var(--pr-t-color-input-background-disabled)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:hover,.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-header-title .numericBadge) .resourceCard-layout-header-title .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))){--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-after-marginBlock: var(--pr-t-spacings-150)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S,.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-after-marginBlock: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}.resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center;--components-resourceCard-layout-gridTemplate: \"before  header  after\" 1fr /auto 1fr auto}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:hover,.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button.mod-critical:hover,.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button.mod-critical:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button.mod-critical:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:has(>lu-icon:only-child,>.lucca-icon:only-child,>.lucca-icon:first-child+.pr-u-mask:last-child){--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid.mod-S,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-header-paddingBlockStart: 0;--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard.mod-S{--components-resourceCard-layout-content-font: var(--pr-t-font-body-S);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-4);--components-resourceCard-layout-before-illustration-minSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.resourceCard.mod-S .bubbleIllustration{--components-bubbleIllustration-size: var(--pr-t-spacings-400)}.resourceCard.mod-S .bubbleIcon{--components-bubbleIcon-size: var(--pr-t-spacings-400)}.resourceCard.mod-S .bubbleIcon .lucca-icon{--icon-size: 1.25rem}.resourceCard.mod-grid,.resourceCardWrapper.mod-grid .resourceCard{--components-resourceCard-layout-content-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-alignItems: start;--components-resourceCard-layout-header-flexDirection: column;--components-resourceCard-layout-gridTemplate: \"before  header  after\" auto \"content content content\" auto /auto 1fr auto}}@layer components{.resourceCardWrapper{--components-resourceCardWrapper-gridTemplateColumnsMin: 20rem;--components-resourceCardWrapper-display: flex;--components-resourceCardWrapper-borderRadius: var(--pr-t-border-radius-structure)}}@layer mods{.resourceCardWrapper .resourceCard{--components-resourceCard-borderRadius: var(--pr-t-border-radius-default)}.resourceCardWrapper.mod-grid{--components-resourceCardWrapper-display: grid}.resourceCardWrapper:has(>.button)>.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.resourceCardWrapper:has(>.button)>.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCardWrapper:has(>.button)>.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCardWrapper:has(>.button)>.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.resourceCardWrapper:has(>.button)>.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.resourceCardWrapper:has(>.button)>.button{--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: ResourceCardComponent, isStandalone: true, selector: "lu-resource-card", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "region" }, properties: { "class.mod-S": "size() === \"S\"  || wrapperRef?.size() === \"S\"", "class.mod-grid": "grid() || wrapperRef?.grid()" }, classAttribute: "resourceCard" }, ngImport: i0, template: "<div class=\"resourceCard-layout\">\n\t<div class=\"resourceCard-layout-before\">\n\t\t@if (wrapperRef) {\n\t\t\t@if (!wrapperRef.grid() && wrapperRef.draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (!grid() && draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t}\n\t\t<div class=\"resourceCard-layout-before-illustration\"><ng-content select=\"[resourceCardIllustration]\" /></div>\n\t</div>\n\t<header class=\"resourceCard-layout-header\">\n\t\t<div class=\"resourceCard-layout-header-title\" role=\"heading\" [attr.aria-level]=\"headingLevel()\"><ng-content /></div>\n\t\t<div class=\"resourceCard-layout-header-infos\"><ng-content select=\"[resourceCardInfos]\" /></div>\n\t</header>\n\t<div class=\"resourceCard-layout-after\"><ng-content select=\"[resourceCardAction]\" /></div>\n\t<div class=\"resourceCard-layout-content\"><ng-content select=\"[resourceCardContent]\" /></div>\n</div>\n", styles: ["@layer components{.resourceCard{--components-resourceCard-color: inherit;--components-resourceCard-borderRadius: var(--pr-t-border-radius-structure);--components-resourceCard-before-inset: 0;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-resourceCard-layout-alignItems: start;--components-resourceCard-layout-content-font: var(--pr-t-font-body-M);--components-resourceCard-layout-content-paddingBlockStart: 0;--components-resourceCard-layout-before-illustration-minSize: var(--pr-t-spacings-500);--components-resourceCard-layout-after-marginBlock: 0;--components-resourceCard-layout-header-title-action-cursor: pointer;--components-resourceCard-layout-header-title-action-color: inherit;--components-resourceCard-layout-header-title-action-after-inset: var(--components-resourceCard-before-inset);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-3);--components-resourceCard-layout-header-alignItems: center;--components-resourceCard-layout-header-flexDirection: row;--components-resourceCard-layout-header-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-paddingBlockEnd: var(--pr-t-spacings-50);--components-resourceCard-layout-gridTemplate: \"before header  after\" auto \"before content after\" 1fr / auto 1fr auto;border-radius:var(--components-resourceCard-borderRadius);position:relative;color:var(--components-resourceCard-color);display:block;align-self:stretch;justify-self:stretch}.resourceCard:before{content:\"\";position:absolute;inset:var(--components-resourceCard-before-inset);background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--components-resourceCard-before-boxShadow);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset,box-shadow}.resourceCardWrapper{grid-template-columns:repeat(auto-fill,minmax(var(--components-resourceCardWrapper-gridTemplateColumnsMin),1fr));display:var(--components-resourceCardWrapper-display);flex-direction:column;gap:var(--pr-t-spacings-100);background-color:var(--pr-t-elevation-surface-sunken);padding:var(--pr-t-spacings-100);border-radius:var(--components-resourceCardWrapper-borderRadius);align-items:start;justify-items:start}.resourceCard-layout{isolation:isolate;padding:var(--pr-t-spacings-100);display:grid;grid-template:var(--components-resourceCard-layout-gridTemplate);align-items:var(--components-resourceCard-layout-alignItems)}.resourceCard-layout-header{display:flex;align-items:var(--components-resourceCard-layout-header-alignItems);flex-direction:var(--components-resourceCard-layout-header-flexDirection);gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100);grid-area:header;padding-block-start:var(--components-resourceCard-layout-header-paddingBlockStart);padding-block-end:var(--components-resourceCard-layout-header-paddingBlockEnd);padding-inline:var(--pr-t-spacings-100);min-inline-size:0}.resourceCard-layout-header-infos{display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.resourceCard-layout-header-infos:empty{display:none}.resourceCard-layout-header-title{font:var(--components-resourceCard-layout-header-title-font);display:flex;gap:var(--pr-t-spacings-100);align-items:center;min-inline-size:0;max-inline-size:100%}.resourceCard-layout-header-title-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;color:var(--components-resourceCard-layout-header-title-action-color);text-decoration:none;outline:none;cursor:var(--components-resourceCard-layout-header-title-action-cursor);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resourceCard-layout-header-title-action:after{content:\"\";position:absolute;inset:var(--components-resourceCard-layout-header-title-action-after-inset);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset;z-index:1}.resourceCard-layout-before{grid-area:before;display:flex;align-items:center}.resourceCard-layout-before-illustration:not(:empty){min-block-size:var(--components-resourceCard-layout-before-illustration-minSize);min-inline-size:var(--components-resourceCard-layout-before-illustration-minSize);margin:var(--pr-t-spacings-100) var(--pr-t-spacings-50) var(--pr-t-spacings-100) var(--pr-t-spacings-100);display:grid;place-items:center}.resourceCard-layout-before-illustration:empty{display:none}.resourceCard-layout-after{grid-area:after;margin-block:var(--components-resourceCard-layout-after-marginBlock)}.resourceCard-layout-content{grid-area:content;font:var(--components-resourceCard-layout-content-font)}.resourceCard-layout-content:not(:empty){padding:var(--components-resourceCard-layout-content-paddingBlockStart) var(--pr-t-spacings-100) var(--pr-t-spacings-50)}.resourceCard-layout-content a,.resourceCard-layout-content button,.resourceCard-layout-content [tabindex],.resourceCard-layout-before-button,.resourceCard-layout-after{position:relative;z-index:2}}@layer mods{.resourceCard:hover{--components-resourceCard-before-inset: -4px;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-overlay)}.resourceCard:has(.resourceCard-layout-header-title-action:focus-visible) .resourceCard-layout-header-title-action:after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.resourceCard:has(.resourceCard-layout-header-title-action:active){--components-resourceCard-layout-header-title-action-color: var(--palettes-product-700);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-product-400)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled),.resourceCard:has(.resourceCard-layout-header-title-action:disabled){--components-resourceCard-layout-header-title-action-cursor: default;--components-resourceCard-before-inset: 0;--components-resourceCard-color: var(--palettes-neutral-500);--components-resourceCard-layout-header-title-action-color: var(--palettes-neutral-500);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-neutral-50)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled) .bubbleIllustration,.resourceCard:has(.resourceCard-layout-header-title-action:disabled) .bubbleIllustration{--palettes-brand-600: var(--pr-t-color-input-icon-disabled)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled) .bubbleIcon,.resourceCard:has(.resourceCard-layout-header-title-action:disabled) .bubbleIcon{--components-bubbleIcon-color: var(--pr-t-color-input-icon-disabled);--components-bubbleIcon-bubble-path-fill: var(--pr-t-color-input-background-disabled)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:hover,.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-header-title .numericBadge) .resourceCard-layout-header-title .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))){--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-after-marginBlock: var(--pr-t-spacings-150)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S,.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-after-marginBlock: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}.resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center;--components-resourceCard-layout-gridTemplate: \"before  header  after\" 1fr /auto 1fr auto}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:hover,.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button.mod-critical:hover,.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button.mod-critical:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button.mod-critical:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:has(>lu-icon:only-child,>.lucca-icon:only-child,>.lucca-icon:first-child+.pr-u-mask:last-child){--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid.mod-S,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-header-paddingBlockStart: 0;--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard.mod-S{--components-resourceCard-layout-content-font: var(--pr-t-font-body-S);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-4);--components-resourceCard-layout-before-illustration-minSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.resourceCard.mod-S .bubbleIllustration{--components-bubbleIllustration-size: var(--pr-t-spacings-400)}.resourceCard.mod-S .bubbleIcon{--components-bubbleIcon-size: var(--pr-t-spacings-400)}.resourceCard.mod-S .bubbleIcon .lucca-icon{--icon-size: 1.25rem}.resourceCard.mod-grid,.resourceCardWrapper.mod-grid .resourceCard{--components-resourceCard-layout-content-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-alignItems: start;--components-resourceCard-layout-header-flexDirection: column;--components-resourceCard-layout-gridTemplate: \"before  header  after\" auto \"content content content\" auto /auto 1fr auto}}@layer components{.resourceCardWrapper{--components-resourceCardWrapper-gridTemplateColumnsMin: 20rem;--components-resourceCardWrapper-display: flex;--components-resourceCardWrapper-borderRadius: var(--pr-t-border-radius-structure)}}@layer mods{.resourceCardWrapper .resourceCard{--components-resourceCard-borderRadius: var(--pr-t-border-radius-default)}.resourceCardWrapper.mod-grid{--components-resourceCardWrapper-display: grid}.resourceCardWrapper:has(>.button)>.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.resourceCardWrapper:has(>.button)>.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCardWrapper:has(>.button)>.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCardWrapper:has(>.button)>.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.resourceCardWrapper:has(>.button)>.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.resourceCardWrapper:has(>.button)>.button{--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-resource-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, CdkDragHandle], host: {
                         class: 'resourceCard',
@@ -87,17 +89,18 @@ class ResourceCardWrapperComponent {
     constructor() {
         this.grid = input(false, { ...(ngDevMode ? { debugName: "grid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.draggable = input(false, { ...(ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.size = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ResourceCardWrapperComponent, isStandalone: true, selector: "lu-resource-card-wrapper", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-grid": "grid()", "class.mod-S": "size() === \"S\"" }, classAttribute: "resourceCardWrapper" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ResourceCardWrapperComponent, isStandalone: true, selector: "lu-resource-card-wrapper", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-grid": "grid()", "class.mod-S": "size() === \"S\"" }, classAttribute: "resourceCardWrapper" }, providers: [
             {
                 provide: LU_RESOURCE_CARD_WRAPPER_INSTANCE,
                 useExisting: forwardRef(() => ResourceCardWrapperComponent),
             },
         ], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ResourceCardWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ResourceCardWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-resource-card-wrapper',

package/fesm2022/lucca-front-ng-resource-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-resource-card.mjs","sources":["../../../packages/ng/resource-card/action/resource-card-button.component.ts","../../../packages/ng/resource-card/action/resource-card-link.component.ts","../../../packages/ng/resource-card/resource-card.type.ts","../../../packages/ng/resource-card/wrapper/resource-card-wrapper.token.ts","../../../packages/ng/resource-card/resource-card.component.ts","../../../packages/ng/resource-card/resource-card.component.html","../../../packages/ng/resource-card/wrapper/resource-card-wrapper.component.ts","../../../packages/ng/resource-card/lucca-front-ng-resource-card.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'button[luResourceCardAction]',\n\ttemplate: '<ng-content />',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'resourceCard-layout-header-title-action',\n\t\t'[attr.disabled]': 'disabled() ? \"disabled\" : null',\n\t},\n})\nexport class ResourceCardButtonComponent {\n\t/**\n\t * Disabled the resource card button\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'a[luResourceCardAction]',\n\ttemplate: '<ng-content />',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'resourceCard-layout-header-title-action',\n\t\t'[class.is-disabled]': 'disabled()',\n\t\t'[attr.role]': 'disabled() ? \"presentation\" : null',\n\t},\n})\nexport class ResourceCardLinkComponent {\n\t/**\n\t * Disabled the resource card link\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","/**\n * Available ResourceCard Types\n */\n\nexport const RESOURCE_CARD_HEADING_LEVEL = ['1', '2', '3', '4', '5', '6'] as const;\nexport type ResourceCardHeadingLevel = (typeof RESOURCE_CARD_HEADING_LEVEL)[number];\n\nexport const RESOURCE_CARD_SIZE = ['S'] as const;\nexport type ResourceCardSize = (typeof RESOURCE_CARD_SIZE)[number];\n","import { InjectionToken } from '@angular/core';\nimport { ResourceCardComponent } from '../resource-card.component';\n\nexport const LU_RESOURCE_CARD_WRAPPER_INSTANCE = new InjectionToken<ResourceCardComponent>('LU_RESOURCE_CARD_WRAPPER_INSTANCE');\n","import { CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { ResourceCardHeadingLevel, ResourceCardSize } from './resource-card.type';\nimport { LU_RESOURCE_CARD_WRAPPER_INSTANCE } from './wrapper/resource-card-wrapper.token';\n\n@Component({\n\tselector: 'lu-resource-card',\n\ttemplateUrl: './resource-card.component.html',\n\tstyleUrl: './resource-card.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, CdkDragHandle],\n\thost: {\n\t\tclass: 'resourceCard',\n\t\trole: 'region',\n\t\t'[class.mod-S]': 'size() === \"S\"  || wrapperRef?.size() === \"S\"',\n\t\t'[class.mod-grid]': 'grid() || wrapperRef?.grid()',\n\t},\n})\nexport class ResourceCardComponent {\n\treadonly wrapperRef = inject(LU_RESOURCE_CARD_WRAPPER_INSTANCE, { optional: true });\n\n\treadonly draggable = input(false, { transform: booleanAttribute });\n\n\treadonly grid = input(false, { transform: booleanAttribute });\n\n\treadonly headingLevel = input<ResourceCardHeadingLevel>('3');\n\n\treadonly size = input<ResourceCardSize | null>(null);\n}\n","<div class=\"resourceCard-layout\">\n\t<div class=\"resourceCard-layout-before\">\n\t\t@if (wrapperRef) {\n\t\t\t@if (!wrapperRef.grid() && wrapperRef.draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (!grid() && draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t}\n\t\t<div class=\"resourceCard-layout-before-illustration\"><ng-content select=\"[resourceCardIllustration]\" /></div>\n\t</div>\n\t<header class=\"resourceCard-layout-header\">\n\t\t<div class=\"resourceCard-layout-header-title\" role=\"heading\" [attr.aria-level]=\"headingLevel()\"><ng-content /></div>\n\t\t<div class=\"resourceCard-layout-header-infos\"><ng-content select=\"[resourceCardInfos]\" /></div>\n\t</header>\n\t<div class=\"resourceCard-layout-after\"><ng-content select=\"[resourceCardAction]\" /></div>\n\t<div class=\"resourceCard-layout-content\"><ng-content select=\"[resourceCardContent]\" /></div>\n</div>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';\nimport { ResourceCardSize } from '../resource-card.type';\nimport { LU_RESOURCE_CARD_WRAPPER_INSTANCE } from './resource-card-wrapper.token';\n\n@Component({\n\tselector: 'lu-resource-card-wrapper',\n\ttemplate: '<ng-content />',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'resourceCardWrapper',\n\t\t'[class.mod-grid]': 'grid()',\n\t\t'[class.mod-S]': 'size() === \"S\"',\n\t},\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_RESOURCE_CARD_WRAPPER_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ResourceCardWrapperComponent),\n\t\t},\n\t],\n})\nexport class ResourceCardWrapperComponent {\n\treadonly grid = input(false, { transform: booleanAttribute });\n\n\treadonly draggable = input(false, { transform: booleanAttribute });\n\n\treadonly size = input<ResourceCardSize | null>(null);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAaa,2BAA2B,CAAA;AAXxC,IAAA,WAAA,GAAA;AAYC;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;+GALY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,+WAR7B,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQd,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAXvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEV,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,yCAAyC;AAChD,wBAAA,iBAAiB,EAAE,gCAAgC;AACnD,qBAAA;AACD,iBAAA;;;MCEY,yBAAyB,CAAA;AAZtC,IAAA,WAAA,GAAA;AAaC;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;+GALY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,6YAT3B,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FASd,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAZrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEV,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,yCAAyC;AAChD,wBAAA,qBAAqB,EAAE,YAAY;AACnC,wBAAA,aAAa,EAAE,oCAAoC;AACnD,qBAAA;AACD,iBAAA;;;ACbD;;AAEG;AAEI,MAAM,2BAA2B,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AAGjE,MAAM,kBAAkB,GAAG,CAAC,GAAG;;ACJ/B,MAAM,iCAAiC,GAAG,IAAI,cAAc,CAAwB,mCAAmC,CAAC;;MCiBlH,qBAAqB,CAAA;AAdlC,IAAA,WAAA,GAAA;QAeU,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,iCAAiC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAE1E,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEpD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAA2B,GAAG,mFAAC;AAEnD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA0B,IAAI,2EAAC;AACpD,IAAA;+GAVY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,mDAAA,EAAA,gBAAA,EAAA,8BAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBlC,gwCAwBA,EAAA,MAAA,EAAA,CAAA,g6iBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDZW,aAAa,6GAAE,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQ1B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,aAAa,CAAC,EAAA,IAAA,EACjC;AACL,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,eAAe,EAAE,+CAA+C;AAChE,wBAAA,kBAAkB,EAAE,8BAA8B;AAClD,qBAAA,EAAA,QAAA,EAAA,gwCAAA,EAAA,MAAA,EAAA,CAAA,g6iBAAA,CAAA,EAAA;;;MEGW,4BAA4B,CAAA;AAjBzC,IAAA,WAAA,GAAA;QAkBU,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEpD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEzD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA0B,IAAI,2EAAC;AACpD,IAAA;+GANY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,SAAA,EAP7B;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,iCAAiC;AAC1C,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA4B,CAAC;AAC3D,aAAA;AACD,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbS,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAed,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAjBxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,qBAAqB;AAC5B,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,eAAe,EAAE,gBAAgB;AACjC,qBAAA;AACD,oBAAA,SAAS,EAAE;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,iCAAiC;AAC1C,4BAAA,WAAW,EAAE,UAAU,CAAC,kCAAkC,CAAC;AAC3D,yBAAA;AACD,qBAAA;AACD,iBAAA;;;ACpBD;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-resource-card.mjs","sources":["../../../packages/ng/resource-card/action/resource-card-button.component.ts","../../../packages/ng/resource-card/action/resource-card-link.component.ts","../../../packages/ng/resource-card/resource-card.type.ts","../../../packages/ng/resource-card/wrapper/resource-card-wrapper.token.ts","../../../packages/ng/resource-card/resource-card.component.ts","../../../packages/ng/resource-card/resource-card.component.html","../../../packages/ng/resource-card/wrapper/resource-card-wrapper.component.ts","../../../packages/ng/resource-card/lucca-front-ng-resource-card.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'button[luResourceCardAction]',\n\ttemplate: '<ng-content />',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'resourceCard-layout-header-title-action',\n\t\t'[attr.disabled]': 'disabled() ? \"disabled\" : null',\n\t},\n})\nexport class ResourceCardButtonComponent {\n\t/**\n\t * Disabled the resource card button\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'a[luResourceCardAction]',\n\ttemplate: '<ng-content />',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'resourceCard-layout-header-title-action',\n\t\t'[class.is-disabled]': 'disabled()',\n\t\t'[attr.role]': 'disabled() ? \"presentation\" : null',\n\t},\n})\nexport class ResourceCardLinkComponent {\n\t/**\n\t * Disabled the resource card link\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","/**\n * Available ResourceCard Types\n */\n\nexport const RESOURCE_CARD_HEADING_LEVEL = ['1', '2', '3', '4', '5', '6'] as const;\nexport type ResourceCardHeadingLevel = (typeof RESOURCE_CARD_HEADING_LEVEL)[number];\n\nexport const RESOURCE_CARD_SIZE = ['S'] as const;\nexport type ResourceCardSize = (typeof RESOURCE_CARD_SIZE)[number];\n","import { InjectionToken } from '@angular/core';\nimport { ResourceCardComponent } from '../resource-card.component';\n\nexport const LU_RESOURCE_CARD_WRAPPER_INSTANCE = new InjectionToken<ResourceCardComponent>('LU_RESOURCE_CARD_WRAPPER_INSTANCE');\n","import { CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { ResourceCardHeadingLevel, ResourceCardSize } from './resource-card.type';\nimport { LU_RESOURCE_CARD_WRAPPER_INSTANCE } from './wrapper/resource-card-wrapper.token';\n\n@Component({\n\tselector: 'lu-resource-card',\n\ttemplateUrl: './resource-card.component.html',\n\tstyleUrl: './resource-card.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, CdkDragHandle],\n\thost: {\n\t\tclass: 'resourceCard',\n\t\trole: 'region',\n\t\t'[class.mod-S]': 'size() === \"S\"  || wrapperRef?.size() === \"S\"',\n\t\t'[class.mod-grid]': 'grid() || wrapperRef?.grid()',\n\t},\n})\nexport class ResourceCardComponent {\n\treadonly wrapperRef = inject(LU_RESOURCE_CARD_WRAPPER_INSTANCE, { optional: true });\n\n\treadonly draggable = input(false, { transform: booleanAttribute });\n\n\treadonly grid = input(false, { transform: booleanAttribute });\n\n\treadonly headingLevel = input<ResourceCardHeadingLevel>('3');\n\n\treadonly size = input<ResourceCardSize | null>(null);\n}\n","<div class=\"resourceCard-layout\">\n\t<div class=\"resourceCard-layout-before\">\n\t\t@if (wrapperRef) {\n\t\t\t@if (!wrapperRef.grid() && wrapperRef.draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (!grid() && draggable()) {\n\t\t\t\t<div class=\"button cdk-drag-handle resourceCard-layout-before-button\" cdkDragHandle>\n\t\t\t\t\t<lu-icon icon=\"dotsDrag\" class=\"resourceCard-layout-before-button-icon\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t}\n\t\t<div class=\"resourceCard-layout-before-illustration\"><ng-content select=\"[resourceCardIllustration]\" /></div>\n\t</div>\n\t<header class=\"resourceCard-layout-header\">\n\t\t<div class=\"resourceCard-layout-header-title\" role=\"heading\" [attr.aria-level]=\"headingLevel()\"><ng-content /></div>\n\t\t<div class=\"resourceCard-layout-header-infos\"><ng-content select=\"[resourceCardInfos]\" /></div>\n\t</header>\n\t<div class=\"resourceCard-layout-after\"><ng-content select=\"[resourceCardAction]\" /></div>\n\t<div class=\"resourceCard-layout-content\"><ng-content select=\"[resourceCardContent]\" /></div>\n</div>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';\nimport { ResourceCardSize } from '../resource-card.type';\nimport { LU_RESOURCE_CARD_WRAPPER_INSTANCE } from './resource-card-wrapper.token';\n\n@Component({\n\tselector: 'lu-resource-card-wrapper',\n\ttemplate: '<ng-content />',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'resourceCardWrapper',\n\t\t'[class.mod-grid]': 'grid()',\n\t\t'[class.mod-S]': 'size() === \"S\"',\n\t},\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_RESOURCE_CARD_WRAPPER_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ResourceCardWrapperComponent),\n\t\t},\n\t],\n})\nexport class ResourceCardWrapperComponent {\n\treadonly grid = input(false, { transform: booleanAttribute });\n\n\treadonly draggable = input(false, { transform: booleanAttribute });\n\n\treadonly size = input<ResourceCardSize | null>(null);\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-safe-content.mjs

@@ -13,10 +13,10 @@ class LuSafeHtmlPipe {
     transform(value, config) {
         return this.sanitizer.bypassSecurityTrustHtml(DOMPurify.sanitize(value, config));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuSafeHtmlPipe, isStandalone: true, name: "luSafeHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuSafeHtmlPipe, isStandalone: true, name: "luSafeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'luSafeHtml', standalone: true }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
@@ -25,11 +25,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * @deprecated use `LuSafeHtmlPipe` instead
  */
 class LuSafeContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuSafeContentModule, imports: [LuSafeHtmlPipe], exports: [LuSafeHtmlPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeContentModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuSafeContentModule, imports: [LuSafeHtmlPipe], exports: [LuSafeHtmlPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeContentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeContentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuSafeHtmlPipe],
@@ -61,10 +61,10 @@ class LuSafeExternalSvgPipe {
             this.#cdr.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeExternalSvgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuSafeExternalSvgPipe, isStandalone: true, name: "luSafeExternalSvg", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeExternalSvgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuSafeExternalSvgPipe, isStandalone: true, name: "luSafeExternalSvg", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSafeExternalSvgPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuSafeExternalSvgPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'luSafeExternalSvg',

package/fesm2022/lucca-front-ng-safe-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-safe-content.mjs","sources":["../../../packages/ng/safe-content/safe-html.pipe.ts","../../../packages/ng/safe-content/safe-content.module.ts","../../../packages/ng/safe-content/safe-external-svg.pipe.ts","../../../packages/ng/safe-content/lucca-front-ng-safe-content.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport DOMPurify from 'isomorphic-dompurify';\nimport type { Config } from 'isomorphic-dompurify';\n\ntype SanitizerConfig = Config & { RETURN_DOM_FRAGMENT?: false | undefined; RETURN_DOM?: false | undefined };\n\n@Pipe({ name: 'luSafeHtml', standalone: true })\nexport class LuSafeHtmlPipe implements PipeTransform {\n\tconstructor(protected sanitizer: DomSanitizer) {}\n\n\tpublic transform(value: string, config?: SanitizerConfig): SafeHtml {\n\t\treturn this.sanitizer.bypassSecurityTrustHtml(DOMPurify.sanitize(value, config));\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuSafeHtmlPipe } from './safe-html.pipe';\n\n/**\n * @deprecated use `LuSafeHtmlPipe` instead\n */\n@NgModule({\n\timports: [LuSafeHtmlPipe],\n\texports: [LuSafeHtmlPipe],\n})\nexport class LuSafeContentModule {}\n","import { HttpClient } from '@angular/common/http';\nimport { ChangeDetectorRef, inject, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport DOMPurify from 'isomorphic-dompurify';\nimport { map, Subscription } from 'rxjs';\n\n@Pipe({\n\tname: 'luSafeExternalSvg',\n\tpure: false,\n})\nexport class LuSafeExternalSvgPipe implements PipeTransform {\n\t#httpClient = inject(HttpClient);\n\t#domSanitizer = inject(DomSanitizer);\n\t#cdr = inject(ChangeDetectorRef);\n\t#lastSvgUrl?: string;\n\t#lastSvgValue: SafeHtml = '';\n\t#subscription?: Subscription;\n\n\ttransform(url: string): SafeHtml {\n\t\tif (url && url !== this.#lastSvgUrl) {\n\t\t\tthis.#lastSvgUrl = url;\n\t\t\tthis.#subscribeToSvg(url);\n\t\t}\n\n\t\treturn this.#lastSvgValue;\n\t}\n\n\t#subscribeToSvg(url: string) {\n\t\tthis.#subscription?.unsubscribe();\n\t\tthis.#subscription = this.#httpClient\n\t\t\t.get(url, { responseType: 'text' })\n\t\t\t.pipe(\n\t\t\t\tmap((svg) => DOMPurify.sanitize(svg, { USE_PROFILES: { svg: true } })),\n\t\t\t\tmap((svg) => this.#domSanitizer.bypassSecurityTrustHtml(svg)),\n\t\t\t)\n\t\t\t.subscribe((svg) => {\n\t\t\t\tthis.#lastSvgValue = svg;\n\t\t\t\tthis.#cdr.markForCheck();\n\t\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-safe-content.mjs","sources":["../../../packages/ng/safe-content/safe-html.pipe.ts","../../../packages/ng/safe-content/safe-content.module.ts","../../../packages/ng/safe-content/safe-external-svg.pipe.ts","../../../packages/ng/safe-content/lucca-front-ng-safe-content.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport DOMPurify from 'isomorphic-dompurify';\nimport type { Config } from 'isomorphic-dompurify';\n\ntype SanitizerConfig = Config & { RETURN_DOM_FRAGMENT?: false | undefined; RETURN_DOM?: false | undefined };\n\n@Pipe({ name: 'luSafeHtml', standalone: true })\nexport class LuSafeHtmlPipe implements PipeTransform {\n\tconstructor(protected sanitizer: DomSanitizer) {}\n\n\tpublic transform(value: string, config?: SanitizerConfig): SafeHtml {\n\t\treturn this.sanitizer.bypassSecurityTrustHtml(DOMPurify.sanitize(value, config));\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuSafeHtmlPipe } from './safe-html.pipe';\n\n/**\n * @deprecated use `LuSafeHtmlPipe` instead\n */\n@NgModule({\n\timports: [LuSafeHtmlPipe],\n\texports: [LuSafeHtmlPipe],\n})\nexport class LuSafeContentModule {}\n","import { HttpClient } from '@angular/common/http';\nimport { ChangeDetectorRef, inject, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport DOMPurify from 'isomorphic-dompurify';\nimport { map, Subscription } from 'rxjs';\n\n@Pipe({\n\tname: 'luSafeExternalSvg',\n\tpure: false,\n})\nexport class LuSafeExternalSvgPipe implements PipeTransform {\n\t#httpClient = inject(HttpClient);\n\t#domSanitizer = inject(DomSanitizer);\n\t#cdr = inject(ChangeDetectorRef);\n\t#lastSvgUrl?: string;\n\t#lastSvgValue: SafeHtml = '';\n\t#subscription?: Subscription;\n\n\ttransform(url: string): SafeHtml {\n\t\tif (url && url !== this.#lastSvgUrl) {\n\t\t\tthis.#lastSvgUrl = url;\n\t\t\tthis.#subscribeToSvg(url);\n\t\t}\n\n\t\treturn this.#lastSvgValue;\n\t}\n\n\t#subscribeToSvg(url: string) {\n\t\tthis.#subscription?.unsubscribe();\n\t\tthis.#subscription = this.#httpClient\n\t\t\t.get(url, { responseType: 'text' })\n\t\t\t.pipe(\n\t\t\t\tmap((svg) => DOMPurify.sanitize(svg, { USE_PROFILES: { svg: true } })),\n\t\t\t\tmap((svg) => this.#domSanitizer.bypassSecurityTrustHtml(svg)),\n\t\t\t)\n\t\t\t.subscribe((svg) => {\n\t\t\t\tthis.#lastSvgValue = svg;\n\t\t\t\tthis.#cdr.markForCheck();\n\t\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-scroll-box.mjs

@@ -19,8 +19,10 @@ class ScrollBoxComponent {
          * Scroll box content vertically
          */
         this.vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.isFirstVisible = signal(true, ...(ngDevMode ? [{ debugName: "isFirstVisible" }] : /* istanbul ignore next */ []));
-        this.isLastVisible = signal(false, ...(ngDevMode ? [{ debugName: "isLastVisible" }] : /* istanbul ignore next */ []));
+        this.isFirstVisible = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isFirstVisible" }] : /* istanbul ignore next */ []));
+        this.isLastVisible = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLastVisible" }] : /* istanbul ignore next */ []));
         afterNextRender(() => {
             this.scroll();
         });
@@ -30,10 +32,10 @@ class ScrollBoxComponent {
             this.scroll();
         }).observe(this.#elementRef.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ScrollBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ScrollBoxComponent, isStandalone: true, selector: "lu-scroll-box", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "scroll": "scroll()" }, properties: { "class.is-firstVisible": "isFirstVisible()", "class.is-lastVisible": "isLastVisible()" }, classAttribute: "scrollBox" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.scrollBox{--components-scrollBox-backgroundColor: var(--pr-t-elevation-surface-default);--components-scrollBox-shadowColor: var(--palettes-neutral-400);--components-scrollBox-shadowSize: var(--pr-t-spacings-150);--components-scrollBox-beforeOpacity: 1;--components-scrollBox-afterOpacity: 1;--components-scrollBox-gap: var(--pr-t-spacings-100);--components-scrollBox-scrollBarWidth: thin;--components-scrollBox-paddingInline: var(--pr-t-spacings-200);--components-scrollBox-paddingBlock: var(--pr-t-spacings-100);--components-scrollBox-marginInline: calc(var(--components-scrollBox-paddingInline) * -1);--components-scrollBox-marginBlock: calc(var(--components-scrollBox-paddingBlock) * -1);--components-scrollBox-pseudoElementsContent: \"\";--components-scrollBox-display: flex;--components-scrollBox-firstLast-display: block;background-color:var(--components-scrollBox-backgroundColor);position:relative;display:var(--components-scrollBox-display);flex-wrap:nowrap;gap:var(--components-scrollBox-gap);overflow:auto;scrollbar-width:var(--components-scrollBox-scrollBarWidth);margin-inline:var(--components-scrollBox-marginInline);padding-inline:var(--components-scrollBox-paddingInline);padding-block:var(--components-scrollBox-paddingBlock);margin-block:var(--components-scrollBox-marginBlock);border-radius:var(--pr-t-border-radius-default)}.scrollBox>*{flex-shrink:0}.scrollBox:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.scrollBox:before,.scrollBox:after{content:var(--components-scrollBox-pseudoElementsContent);pointer-events:none;position:sticky;flex-shrink:0;inline-size:var(--components-scrollBox-shadowSize);inset-block:0;inset-inline:calc(var(--components-scrollBox-paddingInline) * -1);margin-block:calc(var(--components-scrollBox-paddingBlock) * -1);background-repeat:no-repeat;z-index:10;align-self:stretch;background-size:75% 100%,25% 100%,1px 100%}.scrollBox:before{opacity:var(--components-scrollBox-beforeOpacity);margin-inline-start:calc(var(--components-scrollBox-paddingInline) * -1);margin-inline-end:calc(var(--components-scrollBox-paddingInline) - var(--components-scrollBox-shadowSize) - var(--components-scrollBox-gap));background-position:0% 50%;background-image:radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox:after{opacity:var(--components-scrollBox-afterOpacity);margin-inline-start:calc(var(--components-scrollBox-paddingInline) - var(--components-scrollBox-shadowSize) - var(--components-scrollBox-gap));margin-inline-end:calc(var(--components-scrollBox-paddingInline) * -1);background-position:100% 50%;background-image:radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox-first{margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-last{margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-first,.scrollBox-last{pointer-events:none;flex-shrink:0;align-self:stretch;display:var(--components-scrollBox-firstLast-display)}}@layer mods{.scrollBox.is-firstVisible{--components-scrollBox-beforeOpacity: 0}.scrollBox.is-lastVisible{--components-scrollBox-afterOpacity: 0}.scrollBox.is-disabled{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ScrollBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ScrollBoxComponent, isStandalone: true, selector: "lu-scroll-box", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "scroll": "scroll()" }, properties: { "class.is-firstVisible": "isFirstVisible()", "class.is-lastVisible": "isLastVisible()" }, classAttribute: "scrollBox" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.scrollBox{--components-scrollBox-backgroundColor: var(--pr-t-elevation-surface-default);--components-scrollBox-shadowColor: var(--palettes-neutral-400);--components-scrollBox-shadowSize: var(--pr-t-spacings-150);--components-scrollBox-beforeOpacity: 1;--components-scrollBox-afterOpacity: 1;--components-scrollBox-gap: var(--pr-t-spacings-100);--components-scrollBox-scrollBarWidth: thin;--components-scrollBox-paddingInline: var(--pr-t-spacings-200);--components-scrollBox-paddingBlock: var(--pr-t-spacings-100);--components-scrollBox-marginInline: calc(var(--components-scrollBox-paddingInline) * -1);--components-scrollBox-marginBlock: calc(var(--components-scrollBox-paddingBlock) * -1);--components-scrollBox-pseudoElementsContent: \"\";--components-scrollBox-display: flex;--components-scrollBox-firstLast-display: block;background-color:var(--components-scrollBox-backgroundColor);position:relative;display:var(--components-scrollBox-display);flex-wrap:nowrap;gap:var(--components-scrollBox-gap);overflow:auto;scrollbar-width:var(--components-scrollBox-scrollBarWidth);margin-inline:var(--components-scrollBox-marginInline);padding-inline:var(--components-scrollBox-paddingInline);padding-block:var(--components-scrollBox-paddingBlock);margin-block:var(--components-scrollBox-marginBlock);border-radius:var(--pr-t-border-radius-default)}.scrollBox>*{flex-shrink:0}.scrollBox:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.scrollBox:before,.scrollBox:after{content:var(--components-scrollBox-pseudoElementsContent);pointer-events:none;position:sticky;flex-shrink:0;inline-size:var(--components-scrollBox-shadowSize);inset-block:0;inset-inline:calc(var(--components-scrollBox-paddingInline) * -1);margin-block:calc(var(--components-scrollBox-paddingBlock) * -1);background-repeat:no-repeat;z-index:10;align-self:stretch;background-size:75% 100%,25% 100%,1px 100%}.scrollBox:before{opacity:var(--components-scrollBox-beforeOpacity);margin-inline-start:calc(var(--components-scrollBox-paddingInline) * -1);margin-inline-end:calc(var(--components-scrollBox-paddingInline) - var(--components-scrollBox-shadowSize) - var(--components-scrollBox-gap));background-position:0% 50%;background-image:radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox:after{opacity:var(--components-scrollBox-afterOpacity);margin-inline-start:calc(var(--components-scrollBox-paddingInline) - var(--components-scrollBox-shadowSize) - var(--components-scrollBox-gap));margin-inline-end:calc(var(--components-scrollBox-paddingInline) * -1);background-position:100% 50%;background-image:radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox-first{margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-last{margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-first,.scrollBox-last{pointer-events:none;flex-shrink:0;align-self:stretch;display:var(--components-scrollBox-firstLast-display)}}@layer mods{.scrollBox.is-firstVisible{--components-scrollBox-beforeOpacity: 0}.scrollBox.is-lastVisible{--components-scrollBox-afterOpacity: 0}.scrollBox.is-disabled{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ScrollBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ScrollBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-scroll-box', standalone: true, template: '<ng-content />', encapsulation: ViewEncapsulation.None, host: {
                         class: 'scrollBox',

package/fesm2022/lucca-front-ng-scroll-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-scroll-box.mjs","sources":["../../../packages/ng/scroll-box/scroll-box.component.ts","../../../packages/ng/scroll-box/lucca-front-ng-scroll-box.ts"],"sourcesContent":["import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, inject, input, OnInit, signal, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-scroll-box',\n\tstandalone: true,\n\ttemplate: '<ng-content />',\n\tstyleUrl: './scroll-box.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'scrollBox',\n\t\t'(scroll)': 'scroll()',\n\t\t'[class.is-firstVisible]': 'isFirstVisible()',\n\t\t'[class.is-lastVisible]': 'isLastVisible()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollBoxComponent implements OnInit {\n\t#elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n\t/**\n\t * Scroll box content vertically\n\t */\n\tvertical = input(false, { transform: booleanAttribute });\n\n\tisFirstVisible = signal(true);\n\tisLastVisible = signal(false);\n\n\tscroll() {\n\t\tif (this.vertical()) {\n\t\t\tthis.isFirstVisible.set(this.#elementRef.nativeElement.scrollTop === 0);\n\t\t\tthis.isLastVisible.set(this.#elementRef.nativeElement.scrollTop >= this.#elementRef.nativeElement.scrollHeight - this.#elementRef.nativeElement.clientHeight);\n\t\t} else {\n\t\t\tthis.isFirstVisible.set(this.#elementRef.nativeElement.scrollLeft === 0);\n\t\t\tthis.isLastVisible.set(this.#elementRef.nativeElement.scrollLeft >= this.#elementRef.nativeElement.scrollWidth - this.#elementRef.nativeElement.clientWidth);\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tafterNextRender(() => {\n\t\t\tthis.scroll();\n\t\t});\n\t}\n\n\tngOnInit(): void {\n\t\tnew ResizeObserver(() => {\n\t\t\tthis.scroll();\n\t\t}).observe(this.#elementRef.nativeElement);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,kBAAkB,CAAA;AAC9B,IAAA,WAAW;IAUX,MAAM,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,KAAK,CAAC,CAAC;AACvE,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,YAAY,CAAC;QAC9J;aAAO;AACN,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,KAAK,CAAC,CAAC;AACxE,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC;QAC7J;IACD;AAEA,IAAA,WAAA,GAAA;AApBA,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEzD;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,IAAI,qFAAC;AAC7B,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,KAAK,oFAAC;QAa5B,eAAe,CAAC,MAAK;YACpB,IAAI,CAAC,MAAM,EAAE;AACd,QAAA,CAAC,CAAC;IACH;IAEA,QAAQ,GAAA;QACP,IAAI,cAAc,CAAC,MAAK;YACvB,IAAI,CAAC,MAAM,EAAE;QACd,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;IAC3C;+GA/BY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,0YAXpB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kiJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAWd,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,SAAS;+BACC,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,QAAA,EACN,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,UAAU,EAAE,UAAU;AACtB,wBAAA,yBAAyB,EAAE,kBAAkB;AAC7C,wBAAA,wBAAwB,EAAE,iBAAiB;qBAC3C,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kiJAAA,CAAA,EAAA;;;ACdhD;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-scroll-box.mjs","sources":["../../../packages/ng/scroll-box/scroll-box.component.ts","../../../packages/ng/scroll-box/lucca-front-ng-scroll-box.ts"],"sourcesContent":["import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, inject, input, OnInit, signal, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-scroll-box',\n\tstandalone: true,\n\ttemplate: '<ng-content />',\n\tstyleUrl: './scroll-box.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'scrollBox',\n\t\t'(scroll)': 'scroll()',\n\t\t'[class.is-firstVisible]': 'isFirstVisible()',\n\t\t'[class.is-lastVisible]': 'isLastVisible()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScrollBoxComponent implements OnInit {\n\t#elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n\t/**\n\t * Scroll box content vertically\n\t */\n\tvertical = input(false, { transform: booleanAttribute });\n\n\tisFirstVisible = signal(true);\n\tisLastVisible = signal(false);\n\n\tscroll() {\n\t\tif (this.vertical()) {\n\t\t\tthis.isFirstVisible.set(this.#elementRef.nativeElement.scrollTop === 0);\n\t\t\tthis.isLastVisible.set(this.#elementRef.nativeElement.scrollTop >= this.#elementRef.nativeElement.scrollHeight - this.#elementRef.nativeElement.clientHeight);\n\t\t} else {\n\t\t\tthis.isFirstVisible.set(this.#elementRef.nativeElement.scrollLeft === 0);\n\t\t\tthis.isLastVisible.set(this.#elementRef.nativeElement.scrollLeft >= this.#elementRef.nativeElement.scrollWidth - this.#elementRef.nativeElement.clientWidth);\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tafterNextRender(() => {\n\t\t\tthis.scroll();\n\t\t});\n\t}\n\n\tngOnInit(): void {\n\t\tnew ResizeObserver(() => {\n\t\t\tthis.scroll();\n\t\t}).observe(this.#elementRef.nativeElement);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,kBAAkB,CAAA;AAC9B,IAAA,WAAW;IAUX,MAAM,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,KAAK,CAAC,CAAC;AACvE,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,YAAY,CAAC;QAC9J;aAAO;AACN,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,KAAK,CAAC,CAAC;AACxE,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC;QAC7J;IACD;AAEA,IAAA,WAAA,GAAA;AApBA,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEzD;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAExD,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,IAAI;2FAAC;QAC7B,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,KAAK;0FAAC;QAa5B,eAAe,CAAC,MAAK;YACpB,IAAI,CAAC,MAAM,EAAE;AACd,QAAA,CAAC,CAAC;IACH;IAEA,QAAQ,GAAA;QACP,IAAI,cAAc,CAAC,MAAK;YACvB,IAAI,CAAC,MAAM,EAAE;QACd,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;IAC3C;8GA/BY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,0YAXpB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kiJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAWd,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,SAAS;+BACC,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,QAAA,EACN,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,UAAU,EAAE,UAAU;AACtB,wBAAA,yBAAyB,EAAE,kBAAkB;AAC7C,wBAAA,wBAAwB,EAAE,iBAAiB;qBAC3C,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kiJAAA,CAAA,EAAA;;;ACdhD;;AAEG;;;;"}

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

@@ -44,7 +44,8 @@ class LuScrollDirective {
     }
     constructor(_elementRef) {
         this._elementRef = _elementRef;
-        this.debounceTime = input(100, ...(ngDevMode ? [{ debugName: "debounceTime" }] : /* istanbul ignore next */ []));
+        this.debounceTime = input(100, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "debounceTime" }] : /* istanbul ignore next */ []));
         this.onScroll = output();
         this.onScrollTop = output();
         this.onScrollBottom = output();
@@ -54,10 +55,10 @@ class LuScrollDirective {
         this.#scrollSubject = new Subject();
         this.#scroll$ = this.#scrollSubject.asObservable().pipe(debounceTime(this.debounceTime()));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: LuScrollDirective, isStandalone: true, selector: "[luScroll]", inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScroll: "onScroll", onScrollTop: "onScrollTop", onScrollBottom: "onScrollBottom", onScrollLeft: "onScrollLeft", onScrollRight: "onScrollRight" }, host: { listeners: { "scroll": "scroll($event)" } }, exportAs: ["luScroll"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: LuScrollDirective, isStandalone: true, selector: "[luScroll]", inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScroll: "onScroll", onScrollTop: "onScrollTop", onScrollBottom: "onScrollBottom", onScrollLeft: "onScrollLeft", onScrollRight: "onScrollRight" }, host: { listeners: { "scroll": "scroll($event)" } }, exportAs: ["luScroll"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luScroll]',
@@ -72,11 +73,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * @deprecated use `LuScrollDirective` instead
  */
 class LuScrollModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuScrollModule, imports: [LuScrollDirective], exports: [LuScrollDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuScrollModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuScrollModule, imports: [LuScrollDirective], exports: [LuScrollDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuScrollModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuScrollModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuScrollModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuScrollDirective],

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-scroll.mjs","sources":["../../../packages/ng/scroll/scroll.directive.ts","../../../packages/ng/scroll/scroll.module.ts","../../../packages/ng/scroll/lucca-front-ng-scroll.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-output-on-prefix */\nimport { DestroyRef, Directive, ElementRef, inject, input, OnInit, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { ILuScrollable } from './scroll.model';\n\n/**\n * emits on scroll events\n */\n@Directive({\n\tselector: '[luScroll]',\n\texportAs: 'luScroll',\n\thost: {\n\t\t'(scroll)': 'scroll($event)',\n\t},\n})\nexport class LuScrollDirective implements ILuScrollable, OnInit {\n\treadonly debounceTime = input<number>(100);\n\treadonly onScroll = output<Event>();\n\treadonly onScrollTop = output<Event>();\n\treadonly onScrollBottom = output<Event>();\n\treadonly onScrollLeft = output<Event>();\n\treadonly onScrollRight = output<Event>();\n\n\t#destroyRef = inject(DestroyRef);\n\n\t#scrollSubject = new Subject<Event>();\n\t#scroll$ = this.#scrollSubject.asObservable().pipe(debounceTime(this.debounceTime()));\n\n\tscroll(event: Event) {\n\t\tthis.#scrollSubject.next(event);\n\t}\n\n\tngOnInit(): void {\n\t\tthis.#scroll$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((scrollEvent) => this.emitScrollEvents(scrollEvent));\n\t}\n\tprivate emitScrollEvents($event: Event) {\n\t\tthis.onScroll.emit($event);\n\n\t\tconst target = $event.target;\n\t\tif (target instanceof Element) {\n\t\t\tconst scrollLeft = target.scrollLeft;\n\t\t\tconst scrollTop = target.scrollTop;\n\t\t\tif (scrollLeft === 0) {\n\t\t\t\tthis.onScrollLeft.emit($event);\n\t\t\t}\n\t\t\tif (scrollTop === 0) {\n\t\t\t\tthis.onScrollTop.emit($event);\n\t\t\t}\n\t\t\tconst scrollWidth = target.scrollWidth;\n\t\t\tconst scrollHeight = target.scrollHeight;\n\t\t\tconst eltHeight = this._elementRef.nativeElement.clientHeight;\n\t\t\tconst eltWidth = this._elementRef.nativeElement.clientWidth;\n\t\t\tif (scrollWidth - scrollLeft - eltWidth < 10) {\n\t\t\t\tthis.onScrollRight.emit($event);\n\t\t\t}\n\t\t\tif (scrollHeight - scrollTop - eltHeight < 10) {\n\t\t\t\tthis.onScrollBottom.emit($event);\n\t\t\t}\n\t\t}\n\t}\n\tconstructor(protected _elementRef: ElementRef<HTMLElement>) {}\n}\n","import { NgModule } from '@angular/core';\nimport { LuScrollDirective } from './scroll.directive';\n\n/**\n * @deprecated use `LuScrollDirective` instead\n */\n@NgModule({\n\timports: [LuScrollDirective],\n\texports: [LuScrollDirective],\n})\nexport class LuScrollModule {}\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-scroll.mjs","sources":["../../../packages/ng/scroll/scroll.directive.ts","../../../packages/ng/scroll/scroll.module.ts","../../../packages/ng/scroll/lucca-front-ng-scroll.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-output-on-prefix */\nimport { DestroyRef, Directive, ElementRef, inject, input, OnInit, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { ILuScrollable } from './scroll.model';\n\n/**\n * emits on scroll events\n */\n@Directive({\n\tselector: '[luScroll]',\n\texportAs: 'luScroll',\n\thost: {\n\t\t'(scroll)': 'scroll($event)',\n\t},\n})\nexport class LuScrollDirective implements ILuScrollable, OnInit {\n\treadonly debounceTime = input<number>(100);\n\treadonly onScroll = output<Event>();\n\treadonly onScrollTop = output<Event>();\n\treadonly onScrollBottom = output<Event>();\n\treadonly onScrollLeft = output<Event>();\n\treadonly onScrollRight = output<Event>();\n\n\t#destroyRef = inject(DestroyRef);\n\n\t#scrollSubject = new Subject<Event>();\n\t#scroll$ = this.#scrollSubject.asObservable().pipe(debounceTime(this.debounceTime()));\n\n\tscroll(event: Event) {\n\t\tthis.#scrollSubject.next(event);\n\t}\n\n\tngOnInit(): void {\n\t\tthis.#scroll$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((scrollEvent) => this.emitScrollEvents(scrollEvent));\n\t}\n\tprivate emitScrollEvents($event: Event) {\n\t\tthis.onScroll.emit($event);\n\n\t\tconst target = $event.target;\n\t\tif (target instanceof Element) {\n\t\t\tconst scrollLeft = target.scrollLeft;\n\t\t\tconst scrollTop = target.scrollTop;\n\t\t\tif (scrollLeft === 0) {\n\t\t\t\tthis.onScrollLeft.emit($event);\n\t\t\t}\n\t\t\tif (scrollTop === 0) {\n\t\t\t\tthis.onScrollTop.emit($event);\n\t\t\t}\n\t\t\tconst scrollWidth = target.scrollWidth;\n\t\t\tconst scrollHeight = target.scrollHeight;\n\t\t\tconst eltHeight = this._elementRef.nativeElement.clientHeight;\n\t\t\tconst eltWidth = this._elementRef.nativeElement.clientWidth;\n\t\t\tif (scrollWidth - scrollLeft - eltWidth < 10) {\n\t\t\t\tthis.onScrollRight.emit($event);\n\t\t\t}\n\t\t\tif (scrollHeight - scrollTop - eltHeight < 10) {\n\t\t\t\tthis.onScrollBottom.emit($event);\n\t\t\t}\n\t\t}\n\t}\n\tconstructor(protected _elementRef: ElementRef<HTMLElement>) {}\n}\n","import { NgModule } from '@angular/core';\nimport { LuScrollDirective } from './scroll.directive';\n\n/**\n * @deprecated use `LuScrollDirective` instead\n */\n@NgModule({\n\timports: [LuScrollDirective],\n\texports: [LuScrollDirective],\n})\nexport class LuScrollModule {}\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-segmented-control-tabs.mjs

@@ -11,16 +11,18 @@ let nextId$1 = 0;
 class SegmentedControlTabsPanelComponent {
     constructor() {
         this.segmentedControlTabsRef = inject(LU_SEGMENTEDCONTROLTABS_INSTANCE);
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
-        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.label = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.value = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.id = nextId$1++;
         this.panelId = `panel${this.id}`;
         this.labelId = `tab${this.id}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SegmentedControlTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: SegmentedControlTabsPanelComponent, isStandalone: true, selector: "lu-segmented-control-tabs-panel", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "tabindex": "0", "class.is-active": "segmentedControlTabsRef.active() === value()", "id": "panelId", "attr.aria-labelledby": "labelId" }, classAttribute: "segmentedControl_panel" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SegmentedControlTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: SegmentedControlTabsPanelComponent, isStandalone: true, selector: "lu-segmented-control-tabs-panel", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "tabindex": "0", "class.is-active": "segmentedControlTabsRef.active() === value()", "id": "panelId", "attr.aria-labelledby": "labelId" }, classAttribute: "segmentedControl_panel" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SegmentedControlTabsPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SegmentedControlTabsPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-segmented-control-tabs-panel',
@@ -49,11 +51,15 @@ class SegmentedControlTabsComponent {
          * Display segmented control tabs vertically
          */
         this.vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.active = model(null, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.active = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
         this.id = `segmentedControl${nextId++}`;
-        this.tabs = contentChildren(SegmentedControlTabsPanelComponent, ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
-        this.tabButtons = viewChildren('tabButton', ...(ngDevMode ? [{ debugName: "tabButtons" }] : /* istanbul ignore next */ []));
-        this.currentIndex = computed(() => this.tabs().findIndex((tab) => tab.value() === this.active()), ...(ngDevMode ? [{ debugName: "currentIndex" }] : /* istanbul ignore next */ []));
+        this.tabs = contentChildren(SegmentedControlTabsPanelComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+        this.tabButtons = viewChildren('tabButton', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tabButtons" }] : /* istanbul ignore next */ []));
+        this.currentIndex = computed(() => this.tabs().findIndex((tab) => tab.value() === this.active()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentIndex" }] : /* istanbul ignore next */ []));
     }
     previous() {
         let newIndex = this.currentIndex() - 1;
@@ -84,15 +90,15 @@ class SegmentedControlTabsComponent {
             this.active.set(this.tabs()[0].value());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SegmentedControlTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SegmentedControlTabsComponent, isStandalone: true, selector: "lu-segmented-control-tabs", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SegmentedControlTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: SegmentedControlTabsComponent, isStandalone: true, selector: "lu-segmented-control-tabs", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, providers: [
             {
                 provide: LU_SEGMENTEDCONTROLTABS_INSTANCE,
                 useExisting: forwardRef(() => SegmentedControlTabsComponent),
             },
         ], queries: [{ propertyName: "tabs", predicate: SegmentedControlTabsPanelComponent, isSignal: true }], viewQueries: [{ propertyName: "tabButtons", predicate: ["tabButton"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.NoopValueAccessorDirective }], ngImport: i0, template: "<ul class=\"segmentedControl\" role=\"tablist\" [class.mod-S]=\"small()\" [class.mod-vertical]=\"vertical()\">\n\t@for (panel of tabs(); track panel.id) {\n\t\t<li class=\"segmentedControl-item\" role=\"presentation\">\n\t\t\t<button\n\t\t\t\t#tabButton\n\t\t\t\tclass=\"segmentedControl-item-action\"\n\t\t\t\ttype=\"button\"\n\t\t\t\trole=\"tab\"\n\t\t\t\t[attr.id]=\"panel.labelId\"\n\t\t\t\t[attr.aria-controls]=\"panel.value()\"\n\t\t\t\t[attr.aria-selected]=\"active() === panel.value()\"\n\t\t\t\t[attr.tabindex]=\"active() !== panel.value() ? '-1' : null\"\n\t\t\t\t(click)=\"active.set(panel.value())\"\n\t\t\t\t(keydown.arrowleft)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowup)=\"$event.preventDefault(); previous()\"\n\t\t\t\t(keydown.arrowright)=\"$event.preventDefault(); next()\"\n\t\t\t\t(keydown.arrowdown)=\"$event.preventDefault(); next()\"\n\t\t\t\t(keydown.home)=\"$event.preventDefault(); first()\"\n\t\t\t\t(keydown.end)=\"$event.preventDefault(); last()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"panel.label()\" />\n\t\t\t</button>\n\t\t</li>\n\t}\n</ul>\n<ng-content />\n", styles: ["@layer components{.segmentedControl,.viewTabs{--components-segmentedControl-borderRadius: var(--pr-t-border-radius-default);--components-segmentedControl-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-segmentedControl-font: var(--pr-t-font-body-M);--components-segmentedControl-background: transparent;--components-segmentedControl-shadow: none;--components-segmentedControl-color: var(--pr-t-color-text);--components-segmentedControl-cursor: pointer;--components-segmentedControl-dividerInset: var(--pr-t-spacings-100);--components-segmentedControl-direction: row;--components-segmentedControl-width: fit-content;--components-segmentedControl-zIndex: 0;--components-segmentedControl-wrap: wrap;--components-segmentedControl-whiteSpace: normal;padding:0;margin:0;list-style-type:none;display:flex;flex-wrap:var(--components-segmentedControl-wrap);inline-size:var(--components-segmentedControl-width);flex-direction:var(--components-segmentedControl-direction);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-neutral-100);border-radius:var(--components-segmentedControl-borderRadius);background-color:var(--palettes-neutral-0);font:var(--components-segmentedControl-font);gap:var(--commons-divider-width);white-space:var(--components-segmentedControl-whiteSpace)}.segmentedControl-item-input{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.segmentedControl-item-input:focus-visible+.segmentedControl-item-action{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.segmentedControl-item,.viewTabs-item{flex-grow:1;position:relative;z-index:1}.segmentedControl-item:before,.segmentedControl-item:after,.viewTabs-item:before,.viewTabs-item:after{content:\"\";border-width:0;inset:var(--components-segmentedControl-dividerInset);border-color:var(--palettes-neutral-100);position:absolute;border-style:solid}.segmentedControl-item:before,.viewTabs-item:before{inset-inline-end:calc(var(--commons-divider-width) * -1);border-inline-start-width:var(--commons-divider-width);inset-inline-start:auto}.segmentedControl-item:after,.viewTabs-item:after{inset-block-end:calc(var(--commons-divider-width) * -1);border-block-start-width:var(--commons-divider-width);inset-block-start:auto}.segmentedControl-item-action,.viewTabs-item-tab{inline-size:100%;border:0;margin:0;padding:var(--components-segmentedControl-padding);background-color:var(--components-segmentedControl-background);box-shadow:var(--components-segmentedControl-shadow);border-radius:var(--components-segmentedControl-borderRadius);gap:var(--pr-t-spacings-100);color:var(--components-segmentedControl-color);text-align:center;justify-content:center;display:flex;align-items:center;position:relative;cursor:var(--components-segmentedControl-cursor);z-index:var(--components-segmentedControl-zIndex);font:inherit;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.segmentedControl-item-action:focus-visible,.viewTabs-item-tab:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.segmentedControl-item-action:hover,.viewTabs-item-tab:hover{--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-product-400)), var(--pr-t-elevation-shadow-raised);--components-segmentedControl-zIndex: 1}.segmentedControl-item-action:active,.viewTabs-item-tab:active{--components-segmentedControl-background: var(--palettes-neutral-0);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-500, var(--palettes-product-500)), var(--pr-t-elevation-shadow-raised)}.segmentedControl_panel,.viewTabs_panel{display:var(--components-segmentedControl-display, block);border-radius:var(--pr-t-border-radius-default)}.segmentedControl_panel:focus-visible,.viewTabs_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.segmentedControl.mod-S,.viewTabs.mod-S{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.segmentedControl.mod-S .numericBadge,.viewTabs.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)}.segmentedControl.mod-vertical,.viewTabs.mod-vertical{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}@media not all and (min-width:30em){.segmentedControl,.viewTabs{--components-segmentedControl-direction: column;--components-segmentedControl-width: auto}}}@layer mods{.segmentedControl-item-input:checked+.segmentedControl-item-action,.segmentedControl-item-action[aria-selected=true],.segmentedControl-item-input:checked+.viewTabs-item-tab,.viewTabs-item-tab[aria-selected=true]{--components-segmentedControl-background: var(--palettes-50, var(--palettes-product-50));--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-500, var(--palettes-product-500));--components-segmentedControl-color: var(--palettes-800, var(--palettes-product-800));--components-segmentedControl-cursor: default;--components-segmentedControl-backgroundContent: none;--components-segmentedControl-zIndex: 1}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge,.segmentedControl-item-action[aria-selected=true] .numericBadge,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge,.viewTabs-item-tab[aria-selected=true] .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.segmentedControl-item-input:checked+.segmentedControl-item-action .numericBadge.is-loading,.segmentedControl-item-action[aria-selected=true] .numericBadge.is-loading,.segmentedControl-item-input:checked+.viewTabs-item-tab .numericBadge.is-loading,.viewTabs-item-tab[aria-selected=true] .numericBadge.is-loading{--components-numericBadge-loadingColor: var(--palettes-500, var(--palettes-product-500));--components-numericBadge-color: transparent}.segmentedControl-item-action:disabled,.segmentedControl-item-input:disabled~.segmentedControl-item-action{--components-segmentedControl-background: var(--palettes-neutral-100);--components-segmentedControl-shadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--components-segmentedControl-color: var(--pr-t-color-text-disabled);--components-segmentedControl-cursor: default}.segmentedControl-item-action:disabled .numericBadge,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.segmentedControl-item-action:disabled .numericBadge.is-loading,.segmentedControl-item-input:disabled~.segmentedControl-item-action .numericBadge.is-loading{--components-numericBadge-color: transparent}.segmentedControl_panel:not(.is-active,.active),.viewTabs_panel:not(.is-active,.active){--components-segmentedControl-display: none}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SegmentedControlTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SegmentedControlTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-segmented-control-tabs', encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [NoopValueAccessorDirective], providers: [
                         {