@lucca-front/ng 22.0.5 → 22.1.0-rc.2

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

@@ -1,60 +1,83 @@
 import * as i0 from '@angular/core';
 import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
 
 class FancyBoxComponent {
     constructor() {
+        this.domain = 'https://cdn.lucca.fr';
+        this.path = '/transverse/prisme/visuals/fancy-box/';
+        this.extension = '.svg';
         /**
-         * foreground image (URL)
+         * @deprecated use `foregroundStartEnd` instead
          */
         this.foreground = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "foreground" }] : /* istanbul ignore next */ []));
         /**
-         * Background left image (URL)
+         * @deprecated use `backgroundEndStart` instead
          */
-        this.backgroundLeft = input.required(/* @ts-ignore */
+        this.backgroundLeft = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "backgroundLeft" }] : /* istanbul ignore next */ []));
         /**
-         * Background right image (URL)
+         * @deprecated use `backgroundStartEnd` instead
          */
-        this.backgroundRight = input.required(/* @ts-ignore */
+        this.backgroundRight = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "backgroundRight" }] : /* istanbul ignore next */ []));
-        /**
-         * Which size should the callout be? Defaults to small
-         */
+        this.foregroundStartEnd = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "foregroundStartEnd" }] : /* istanbul ignore next */ []));
+        this.foregroundEndStart = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "foregroundEndStart" }] : /* istanbul ignore next */ []));
+        this.backgroundEndStart = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backgroundEndStart" }] : /* istanbul ignore next */ []));
+        this.backgroundStartEnd = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backgroundStartEnd" }] : /* istanbul ignore next */ []));
         this.size = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        this.foregroundStyle = computed(() => this.#buildUrl(this.foreground()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "foregroundStyle" }] : /* istanbul ignore next */ []));
-        this.backgroundLeftStyle = computed(() => this.#buildUrl(this.backgroundLeft()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "backgroundLeftStyle" }] : /* istanbul ignore next */ []));
-        this.backgroundRightStyle = computed(() => this.#buildUrl(this.backgroundRight()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "backgroundRightStyle" }] : /* istanbul ignore next */ []));
+        this.palette = input('product', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []));
+        this.paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "paletteClass" }] : /* istanbul ignore next */ []));
+        this.backgroundEndStartUrl = computed(() => this.#buildUrl('background-end-start', this.backgroundEndStart() ?? this.backgroundLeft() ?? 'bubbles'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backgroundEndStartUrl" }] : /* istanbul ignore next */ []));
+        this.backgroundStartEndUrl = computed(() => this.#buildUrl('background-start-end', this.backgroundStartEnd() ?? this.backgroundRight() ?? 'bubbles'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backgroundStartEndUrl" }] : /* istanbul ignore next */ []));
+        this.foregroundStartEndUrl = computed(() => this.#buildUrl('foreground-start-end', this.foregroundStartEnd() ?? this.foreground()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "foregroundStartEndUrl" }] : /* istanbul ignore next */ []));
+        this.foregroundEndStartUrl = computed(() => this.#buildUrl('foreground-end-start', this.foregroundEndStart()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "foregroundEndStartUrl" }] : /* istanbul ignore next */ []));
     }
-    #buildUrl(text) {
-        return text ? `url(${text})` : ``;
+    #buildUrl(prefix, value) {
+        if (value === null) {
+            return null;
+        }
+        if (value.startsWith('https://') || value.startsWith('/') || value.startsWith('./')) {
+            return value;
+        }
+        return `${this.domain}${this.path}${prefix}-${value}${this.extension}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FancyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: FancyBoxComponent, isStandalone: true, selector: "lu-fancy-box", inputs: { foreground: { classPropertyName: "foreground", publicName: "foreground", isSignal: true, isRequired: false, transformFunction: null }, backgroundLeft: { classPropertyName: "backgroundLeft", publicName: "backgroundLeft", isSignal: true, isRequired: true, transformFunction: null }, backgroundRight: { classPropertyName: "backgroundRight", publicName: "backgroundRight", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-S": "size() === \"S\"", "style.--components-fancyBox-foreground": "foregroundStyle()", "style.--components-fancyBox-background-left": "backgroundLeftStyle()", "style.--components-fancyBox-background-right": "backgroundRightStyle()" }, classAttribute: "fancyBox" }, ngImport: i0, template: "<div class=\"fancyBox-content\">\n\t<ng-content />\n\t<div class=\"fancyBox-content-foreground\"></div>\n</div>\n", styles: ["@layer components{.fancyBox{--components-fancyBox-paddingInline: var(--pr-t-spacings-200);--components-fancyBox-marginInline: auto;--components-fancyBox-contentMinBlockSize: 7rem;--components-fancyBox-contentMinInlineSize: min(22rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-300);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-700);--components-fancyBox-background-left: none;--components-fancyBox-background-right: none;--components-fancyBox-foreground: none;--components-fancyBox-imageWidth: 12.5rem;--components-fancyBox-imageHeight: 10rem;--components-fancyBox-offsetInline: -10rem;--components-fancyBox-offsetBlock: -1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--components-fancyBox-paddingInline);margin-inline:var(--components-fancyBox-marginInline);contain:layout}.fancyBox-content{position:relative;min-block-size:var(--components-fancyBox-contentMinBlockSize);min-inline-size:var(--components-fancyBox-contentMinInlineSize);max-inline-size:100%;padding-block:var(--components-fancyBox-contentPaddingBlock);padding-inline:var(--components-fancyBox-contentPaddingInline);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancyBox-content:before,.fancyBox-content:after{content:\"\";z-index:-1;position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;background-size:contain;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}.fancyBox-content:before{transition-property:inline-size,block-size,inset-block-end,inset-inline-start;inset-block-end:var(--components-fancyBox-offsetBlock);inset-inline-start:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-left)}.fancyBox-content:after{transition-property:inline-size,block-size,inset-block-start,inset-inline-end;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-right)}.fancyBox-content-foreground{position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-foreground);background-size:contain;transition-property:inline-size,block-size,inset-block-start,inset-inline-end;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}}@layer mods{@media not all and (min-width:40em){.fancyBox{--components-fancyBox-imageWidth: 11.25rem;--components-fancyBox-imageHeight: 9rem;--components-fancyBox-offsetInline: -8.75rem;--components-fancyBox-offsetBlock: -.5rem}}.fancyBox.mod-S{--components-fancyBox-offsetInline: -9rem;--components-fancyBox-offsetBlock: -.75rem;--components-fancyBox-imageWidth: 9.375rem;--components-fancyBox-imageHeight: 7.5rem;--components-fancyBox-contentMinInlineSize: min(17rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-150);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-200)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: FancyBoxComponent, isStandalone: true, selector: "lu-fancy-box", inputs: { foreground: { classPropertyName: "foreground", publicName: "foreground", isSignal: true, isRequired: false, transformFunction: null }, backgroundLeft: { classPropertyName: "backgroundLeft", publicName: "backgroundLeft", isSignal: true, isRequired: false, transformFunction: null }, backgroundRight: { classPropertyName: "backgroundRight", publicName: "backgroundRight", isSignal: true, isRequired: false, transformFunction: null }, foregroundStartEnd: { classPropertyName: "foregroundStartEnd", publicName: "foregroundStartEnd", isSignal: true, isRequired: false, transformFunction: null }, foregroundEndStart: { classPropertyName: "foregroundEndStart", publicName: "foregroundEndStart", isSignal: true, isRequired: false, transformFunction: null }, backgroundEndStart: { classPropertyName: "backgroundEndStart", publicName: "backgroundEndStart", isSignal: true, isRequired: false, transformFunction: null }, backgroundStartEnd: { classPropertyName: "backgroundStartEnd", publicName: "backgroundStartEnd", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "paletteClass()", "class.mod-S": "size() === \"S\"" }, classAttribute: "fancyBox" }, ngImport: i0, template: "<div class=\"fancyBox-content\">\n\t@if (backgroundEndStartUrl(); as backgroundEndStartUrl) {\n\t\t<div class=\"fancyBox-content-backgroundEndStart\" [innerHtml]=\"backgroundEndStartUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (backgroundStartEndUrl(); as backgroundStartEndUrl) {\n\t\t<div class=\"fancyBox-content-backgroundStartEnd\" [innerHtml]=\"backgroundStartEndUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (foregroundStartEndUrl(); as foregroundStartEndUrl) {\n\t\t<div class=\"fancyBox-content-foregroundStartEnd\" [innerHtml]=\"foregroundStartEndUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (foregroundEndStartUrl(); as foregroundEndStartUrl) {\n\t\t<div class=\"fancyBox-content-foregroundEndStart\" [innerHtml]=\"foregroundEndStartUrl | luSafeExternalSvg\"></div>\n\t}\n\t<ng-content />\n</div>\n", styles: ["@layer components{.fancyBox{--components-fancyBox-paddingInline: var(--pr-t-spacings-200);--components-fancyBox-marginInline: auto;--components-fancyBox-contentMinBlockSize: 7rem;--components-fancyBox-contentMinInlineSize: min(22rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-300);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-700);--components-fancyBox-content-foregroundStartEnd-insetBlockStart: -1.5rem;--components-fancyBox-content-foregroundStartEnd-insetInlineEnd: -10rem;--components-fancyBox-content-foregroundStartEnd-inlineSize: 12.5rem;--components-fancyBox-content-foregroundStartEnd-blockSize: 10rem;--components-fancyBox-content-backgroundStartEnd-insetBlockStart: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-content-backgroundStartEnd-insetInlineEnd: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-content-backgroundStartEnd-inlineSize: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-content-backgroundStartEnd-blockSize: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-content-foregroundEndStart-insetBlockEnd: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-content-foregroundEndStart-insetInlineStart: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-content-foregroundEndStart-inlineSize: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-content-foregroundEndStart-blockSize: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-content-backgroundEndStart-insetBlockEnd: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-content-backgroundEndStart-insetInlineStart: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-content-backgroundEndStart-inlineSize: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-content-backgroundEndStart-blockSize: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-offsetInline: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-offsetBlock: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-imageWidth: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-imageHeight: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-background-left: none;--components-fancyBox-background-right: none;--components-fancyBox-foreground: none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--components-fancyBox-paddingInline);margin-inline:var(--components-fancyBox-marginInline);contain:layout}.fancyBox:has(.fancyBox-content-backgroundEndStart) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-backgroundEndStart) .fancyBox-content:after,.fancyBox:has(.fancyBox-content-backgroundStartEnd) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-backgroundStartEnd) .fancyBox-content:after,.fancyBox:has(.fancyBox-content-foregroundStartEnd) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-foregroundStartEnd) .fancyBox-content:after,.fancyBox:has(.fancyBox-content-foregroundEndStart) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-foregroundEndStart) .fancyBox-content:after{content:none}:is(.fancyBox-content-backgroundEndStart,.fancyBox-content-backgroundStartEnd,.fancyBox-content-foregroundStartEnd,.fancyBox-content-foregroundEndStart){position:absolute;transition-duration:var(--commons-animations-durations-slow);pointer-events:none;transition-property:inline-size,block-size,inset}:is(.fancyBox-content-backgroundEndStart,.fancyBox-content-backgroundStartEnd,.fancyBox-content-foregroundStartEnd,.fancyBox-content-foregroundEndStart) svg{display:block;inline-size:100%;block-size:auto}.fancyBox-content-backgroundEndStart,.fancyBox-content-backgroundStartEnd{z-index:-1}.fancyBox-content-backgroundEndStart{inset-block-end:var(--components-fancyBox-content-backgroundEndStart-insetBlockEnd);inset-inline-start:var(--components-fancyBox-content-backgroundEndStart-insetInlineStart);inline-size:var(--components-fancyBox-content-backgroundEndStart-inlineSize);block-size:var(--components-fancyBox-content-backgroundEndStart-blockSize)}.fancyBox-content-backgroundStartEnd{inset-block-start:var(--components-fancyBox-content-backgroundStartEnd-insetBlockStart);inset-inline-end:var(--components-fancyBox-content-backgroundStartEnd-insetInlineEnd);inline-size:var(--components-fancyBox-content-backgroundStartEnd-inlineSize);block-size:var(--components-fancyBox-content-backgroundStartEnd-blockSize)}.fancyBox-content-foregroundStartEnd{inset-block-start:var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);inset-inline-end:var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);inline-size:var(--components-fancyBox-content-foregroundStartEnd-inlineSize);block-size:var(--components-fancyBox-content-foregroundStartEnd-blockSize)}.fancyBox-content-foregroundEndStart{inset-block-end:var(--components-fancyBox-content-foregroundEndStart-insetBlockEnd);inset-inline-start:var(--components-fancyBox-content-foregroundEndStart-insetInlineStart);inline-size:var(--components-fancyBox-content-foregroundEndStart-inlineSize);block-size:var(--components-fancyBox-content-foregroundEndStart-blockSize)}.fancyBox-content-foreground{inset-block-start:var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);inset-inline-end:var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);inline-size:var(--components-fancyBox-content-foregroundStartEnd-inlineSize);block-size:var(--components-fancyBox-content-foregroundStartEnd-blockSize);background-repeat:no-repeat;background-image:var(--components-fancyBox-foreground);background-size:contain;position:absolute;transition-duration:var(--commons-animations-durations-slow);pointer-events:none;transition-property:inline-size,block-size,inset}.fancyBox-content-foreground svg{display:block;inline-size:100%;block-size:auto}.fancyBox-content{position:relative;min-block-size:var(--components-fancyBox-contentMinBlockSize);min-inline-size:var(--components-fancyBox-contentMinInlineSize);max-inline-size:100%;padding-block:var(--components-fancyBox-contentPaddingBlock);padding-inline:var(--components-fancyBox-contentPaddingInline);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancyBox-content:before,.fancyBox-content:after{content:\"\";z-index:-1;position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;background-size:contain;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}.fancyBox-content:before{transition-property:inline-size,block-size,inset-block-end,inset-inline-start;inset-block-end:var(--components-fancyBox-offsetBlock);inset-inline-start:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-left)}.fancyBox-content:after{transition-property:inline-size,block-size,inset-block-start,inset-inline-end;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-right)}}@layer mods{@media not all and (min-width:40em){.fancyBox{--components-fancyBox-content-foregroundStartEnd-inlineSize: 11.25rem;--components-fancyBox-content-foregroundStartEnd-blockSize: 9rem;--components-fancyBox-content-foregroundStartEnd-insetInlineEnd: -8.75rem;--components-fancyBox-content-foregroundStartEnd-insetBlockStart: -.5rem}}.fancyBox.mod-S{--components-fancyBox-contentMinInlineSize: min(17rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-150);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-200);--components-fancyBox-content-foregroundStartEnd-insetInlineEnd: -9rem;--components-fancyBox-content-foregroundStartEnd-insetBlockStart: -.75rem;--components-fancyBox-content-foregroundStartEnd-inlineSize: 9.375rem;--components-fancyBox-content-foregroundStartEnd-blockSize: 7.5rem}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FancyBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-fancy-box', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'lu-fancy-box', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe], host: {
                         class: 'fancyBox',
+                        '[class]': 'paletteClass()',
                         '[class.mod-S]': 'size() === "S"',
-                        '[style.--components-fancyBox-foreground]': 'foregroundStyle()',
-                        '[style.--components-fancyBox-background-left]': 'backgroundLeftStyle()',
-                        '[style.--components-fancyBox-background-right]': 'backgroundRightStyle()',
-                    }, template: "<div class=\"fancyBox-content\">\n\t<ng-content />\n\t<div class=\"fancyBox-content-foreground\"></div>\n</div>\n", styles: ["@layer components{.fancyBox{--components-fancyBox-paddingInline: var(--pr-t-spacings-200);--components-fancyBox-marginInline: auto;--components-fancyBox-contentMinBlockSize: 7rem;--components-fancyBox-contentMinInlineSize: min(22rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-300);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-700);--components-fancyBox-background-left: none;--components-fancyBox-background-right: none;--components-fancyBox-foreground: none;--components-fancyBox-imageWidth: 12.5rem;--components-fancyBox-imageHeight: 10rem;--components-fancyBox-offsetInline: -10rem;--components-fancyBox-offsetBlock: -1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--components-fancyBox-paddingInline);margin-inline:var(--components-fancyBox-marginInline);contain:layout}.fancyBox-content{position:relative;min-block-size:var(--components-fancyBox-contentMinBlockSize);min-inline-size:var(--components-fancyBox-contentMinInlineSize);max-inline-size:100%;padding-block:var(--components-fancyBox-contentPaddingBlock);padding-inline:var(--components-fancyBox-contentPaddingInline);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancyBox-content:before,.fancyBox-content:after{content:\"\";z-index:-1;position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;background-size:contain;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}.fancyBox-content:before{transition-property:inline-size,block-size,inset-block-end,inset-inline-start;inset-block-end:var(--components-fancyBox-offsetBlock);inset-inline-start:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-left)}.fancyBox-content:after{transition-property:inline-size,block-size,inset-block-start,inset-inline-end;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-right)}.fancyBox-content-foreground{position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-foreground);background-size:contain;transition-property:inline-size,block-size,inset-block-start,inset-inline-end;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}}@layer mods{@media not all and (min-width:40em){.fancyBox{--components-fancyBox-imageWidth: 11.25rem;--components-fancyBox-imageHeight: 9rem;--components-fancyBox-offsetInline: -8.75rem;--components-fancyBox-offsetBlock: -.5rem}}.fancyBox.mod-S{--components-fancyBox-offsetInline: -9rem;--components-fancyBox-offsetBlock: -.75rem;--components-fancyBox-imageWidth: 9.375rem;--components-fancyBox-imageHeight: 7.5rem;--components-fancyBox-contentMinInlineSize: min(17rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-150);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-200)}}\n"] }]
-        }], propDecorators: { foreground: [{ type: i0.Input, args: [{ isSignal: true, alias: "foreground", required: false }] }], backgroundLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundLeft", required: true }] }], backgroundRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundRight", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+                    }, template: "<div class=\"fancyBox-content\">\n\t@if (backgroundEndStartUrl(); as backgroundEndStartUrl) {\n\t\t<div class=\"fancyBox-content-backgroundEndStart\" [innerHtml]=\"backgroundEndStartUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (backgroundStartEndUrl(); as backgroundStartEndUrl) {\n\t\t<div class=\"fancyBox-content-backgroundStartEnd\" [innerHtml]=\"backgroundStartEndUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (foregroundStartEndUrl(); as foregroundStartEndUrl) {\n\t\t<div class=\"fancyBox-content-foregroundStartEnd\" [innerHtml]=\"foregroundStartEndUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (foregroundEndStartUrl(); as foregroundEndStartUrl) {\n\t\t<div class=\"fancyBox-content-foregroundEndStart\" [innerHtml]=\"foregroundEndStartUrl | luSafeExternalSvg\"></div>\n\t}\n\t<ng-content />\n</div>\n", styles: ["@layer components{.fancyBox{--components-fancyBox-paddingInline: var(--pr-t-spacings-200);--components-fancyBox-marginInline: auto;--components-fancyBox-contentMinBlockSize: 7rem;--components-fancyBox-contentMinInlineSize: min(22rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-300);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-700);--components-fancyBox-content-foregroundStartEnd-insetBlockStart: -1.5rem;--components-fancyBox-content-foregroundStartEnd-insetInlineEnd: -10rem;--components-fancyBox-content-foregroundStartEnd-inlineSize: 12.5rem;--components-fancyBox-content-foregroundStartEnd-blockSize: 10rem;--components-fancyBox-content-backgroundStartEnd-insetBlockStart: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-content-backgroundStartEnd-insetInlineEnd: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-content-backgroundStartEnd-inlineSize: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-content-backgroundStartEnd-blockSize: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-content-foregroundEndStart-insetBlockEnd: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-content-foregroundEndStart-insetInlineStart: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-content-foregroundEndStart-inlineSize: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-content-foregroundEndStart-blockSize: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-content-backgroundEndStart-insetBlockEnd: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-content-backgroundEndStart-insetInlineStart: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-content-backgroundEndStart-inlineSize: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-content-backgroundEndStart-blockSize: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-offsetInline: var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);--components-fancyBox-offsetBlock: var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);--components-fancyBox-imageWidth: var(--components-fancyBox-content-foregroundStartEnd-inlineSize);--components-fancyBox-imageHeight: var(--components-fancyBox-content-foregroundStartEnd-blockSize);--components-fancyBox-background-left: none;--components-fancyBox-background-right: none;--components-fancyBox-foreground: none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--components-fancyBox-paddingInline);margin-inline:var(--components-fancyBox-marginInline);contain:layout}.fancyBox:has(.fancyBox-content-backgroundEndStart) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-backgroundEndStart) .fancyBox-content:after,.fancyBox:has(.fancyBox-content-backgroundStartEnd) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-backgroundStartEnd) .fancyBox-content:after,.fancyBox:has(.fancyBox-content-foregroundStartEnd) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-foregroundStartEnd) .fancyBox-content:after,.fancyBox:has(.fancyBox-content-foregroundEndStart) .fancyBox-content:before,.fancyBox:has(.fancyBox-content-foregroundEndStart) .fancyBox-content:after{content:none}:is(.fancyBox-content-backgroundEndStart,.fancyBox-content-backgroundStartEnd,.fancyBox-content-foregroundStartEnd,.fancyBox-content-foregroundEndStart){position:absolute;transition-duration:var(--commons-animations-durations-slow);pointer-events:none;transition-property:inline-size,block-size,inset}:is(.fancyBox-content-backgroundEndStart,.fancyBox-content-backgroundStartEnd,.fancyBox-content-foregroundStartEnd,.fancyBox-content-foregroundEndStart) svg{display:block;inline-size:100%;block-size:auto}.fancyBox-content-backgroundEndStart,.fancyBox-content-backgroundStartEnd{z-index:-1}.fancyBox-content-backgroundEndStart{inset-block-end:var(--components-fancyBox-content-backgroundEndStart-insetBlockEnd);inset-inline-start:var(--components-fancyBox-content-backgroundEndStart-insetInlineStart);inline-size:var(--components-fancyBox-content-backgroundEndStart-inlineSize);block-size:var(--components-fancyBox-content-backgroundEndStart-blockSize)}.fancyBox-content-backgroundStartEnd{inset-block-start:var(--components-fancyBox-content-backgroundStartEnd-insetBlockStart);inset-inline-end:var(--components-fancyBox-content-backgroundStartEnd-insetInlineEnd);inline-size:var(--components-fancyBox-content-backgroundStartEnd-inlineSize);block-size:var(--components-fancyBox-content-backgroundStartEnd-blockSize)}.fancyBox-content-foregroundStartEnd{inset-block-start:var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);inset-inline-end:var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);inline-size:var(--components-fancyBox-content-foregroundStartEnd-inlineSize);block-size:var(--components-fancyBox-content-foregroundStartEnd-blockSize)}.fancyBox-content-foregroundEndStart{inset-block-end:var(--components-fancyBox-content-foregroundEndStart-insetBlockEnd);inset-inline-start:var(--components-fancyBox-content-foregroundEndStart-insetInlineStart);inline-size:var(--components-fancyBox-content-foregroundEndStart-inlineSize);block-size:var(--components-fancyBox-content-foregroundEndStart-blockSize)}.fancyBox-content-foreground{inset-block-start:var(--components-fancyBox-content-foregroundStartEnd-insetBlockStart);inset-inline-end:var(--components-fancyBox-content-foregroundStartEnd-insetInlineEnd);inline-size:var(--components-fancyBox-content-foregroundStartEnd-inlineSize);block-size:var(--components-fancyBox-content-foregroundStartEnd-blockSize);background-repeat:no-repeat;background-image:var(--components-fancyBox-foreground);background-size:contain;position:absolute;transition-duration:var(--commons-animations-durations-slow);pointer-events:none;transition-property:inline-size,block-size,inset}.fancyBox-content-foreground svg{display:block;inline-size:100%;block-size:auto}.fancyBox-content{position:relative;min-block-size:var(--components-fancyBox-contentMinBlockSize);min-inline-size:var(--components-fancyBox-contentMinInlineSize);max-inline-size:100%;padding-block:var(--components-fancyBox-contentPaddingBlock);padding-inline:var(--components-fancyBox-contentPaddingInline);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancyBox-content:before,.fancyBox-content:after{content:\"\";z-index:-1;position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;background-size:contain;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}.fancyBox-content:before{transition-property:inline-size,block-size,inset-block-end,inset-inline-start;inset-block-end:var(--components-fancyBox-offsetBlock);inset-inline-start:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-left)}.fancyBox-content:after{transition-property:inline-size,block-size,inset-block-start,inset-inline-end;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-right)}}@layer mods{@media not all and (min-width:40em){.fancyBox{--components-fancyBox-content-foregroundStartEnd-inlineSize: 11.25rem;--components-fancyBox-content-foregroundStartEnd-blockSize: 9rem;--components-fancyBox-content-foregroundStartEnd-insetInlineEnd: -8.75rem;--components-fancyBox-content-foregroundStartEnd-insetBlockStart: -.5rem}}.fancyBox.mod-S{--components-fancyBox-contentMinInlineSize: min(17rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-150);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-200);--components-fancyBox-content-foregroundStartEnd-insetInlineEnd: -9rem;--components-fancyBox-content-foregroundStartEnd-insetBlockStart: -.75rem;--components-fancyBox-content-foregroundStartEnd-inlineSize: 9.375rem;--components-fancyBox-content-foregroundStartEnd-blockSize: 7.5rem}}\n"] }]
+        }], propDecorators: { foreground: [{ type: i0.Input, args: [{ isSignal: true, alias: "foreground", required: false }] }], backgroundLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundLeft", required: false }] }], backgroundRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundRight", required: false }] }], foregroundStartEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "foregroundStartEnd", required: false }] }], foregroundEndStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "foregroundEndStart", required: false }] }], backgroundEndStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundEndStart", required: false }] }], backgroundStartEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundStartEnd", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
 
 /**
  * Available FancyBoxComponent Types
  */
 const FANCY_BOX_SIZE = ['S'];
+const FANCY_BOX_BACKGROUND_END_START = ['bubbles', 'plant'];
+const FANCY_BOX_BACKGROUND_START_END = ['bubbles', 'candies'];
+const FANCY_BOX_FOREGROUND_END_START = ['clips'];
+const FANCY_BOX_FOREGROUND_START_END = ['pizza'];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { FANCY_BOX_SIZE, FancyBoxComponent };
+export { FANCY_BOX_BACKGROUND_END_START, FANCY_BOX_BACKGROUND_START_END, FANCY_BOX_FOREGROUND_END_START, FANCY_BOX_FOREGROUND_START_END, FANCY_BOX_SIZE, FancyBoxComponent };
 //# sourceMappingURL=lucca-front-ng-fancy-box.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-fancy-box.mjs","sources":["../../../packages/ng/fancy-box/fancy-box.component.ts","../../../packages/ng/fancy-box/fancy-box.component.html","../../../packages/ng/fancy-box/fancy-box.type.ts","../../../packages/ng/fancy-box/lucca-front-ng-fancy-box.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { FancyBoxSize } from './fancy-box.type';\n\n@Component({\n\tselector: 'lu-fancy-box',\n\ttemplateUrl: './fancy-box.component.html',\n\tstyleUrl: './fancy-box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'fancyBox',\n\t\t'[class.mod-S]': 'size() === \"S\"',\n\t\t'[style.--components-fancyBox-foreground]': 'foregroundStyle()',\n\t\t'[style.--components-fancyBox-background-left]': 'backgroundLeftStyle()',\n\t\t'[style.--components-fancyBox-background-right]': 'backgroundRightStyle()',\n\t},\n})\nexport class FancyBoxComponent {\n\t/**\n\t * foreground image (URL)\n\t */\n\treadonly foreground = input<string | null>(null);\n\n\t/**\n\t * Background left image (URL)\n\t */\n\treadonly backgroundLeft = input.required<string>();\n\n\t/**\n\t * Background right image (URL)\n\t */\n\treadonly backgroundRight = input.required<string>();\n\n\t/**\n\t * Which size should the callout be? Defaults to small\n\t */\n\treadonly size = input<FancyBoxSize | null>(null);\n\n\treadonly foregroundStyle = computed(() => this.#buildUrl(this.foreground()));\n\treadonly backgroundLeftStyle = computed(() => this.#buildUrl(this.backgroundLeft()));\n\treadonly backgroundRightStyle = computed(() => this.#buildUrl(this.backgroundRight()));\n\n\t#buildUrl(text: string | null) {\n\t\treturn text ? `url(${text})` : ``;\n\t}\n}\n","<div class=\"fancyBox-content\">\n\t<ng-content />\n\t<div class=\"fancyBox-content-foreground\"></div>\n</div>\n","/**\n * Available FancyBoxComponent Types\n */\n\nexport const FANCY_BOX_SIZE = ['S'] as const;\nexport type FancyBoxSize = (typeof FANCY_BOX_SIZE)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAiBa,iBAAiB,CAAA;AAd9B,IAAA,WAAA,GAAA;AAeC;;AAEG;QACM,IAAA,CAAA,UAAU,GAAG,KAAK,CAAgB,IAAI;uFAAC;AAEhD;;AAEG;QACM,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,QAAQ;2FAAU;AAElD;;AAEG;QACM,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,QAAQ;4FAAU;AAEnD;;AAEG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,IAAI;iFAAC;AAEvC,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;4FAAC;AACnE,QAAA,IAAA,CAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;gGAAC;AAC3E,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;iGAAC;AAKtF,IAAA;AAHA,IAAA,SAAS,CAAC,IAAmB,EAAA;QAC5B,OAAO,IAAI,GAAG,CAAA,IAAA,EAAO,IAAI,CAAA,CAAA,CAAG,GAAG,CAAA,CAAE;IAClC;8GA3BY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,i6BCjB9B,mHAIA,EAAA,MAAA,EAAA,CAAA,w0GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDaa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAd7B,SAAS;+BACC,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,0CAA0C,EAAE,mBAAmB;AAC/D,wBAAA,+CAA+C,EAAE,uBAAuB;AACxE,wBAAA,gDAAgD,EAAE,wBAAwB;AAC1E,qBAAA,EAAA,QAAA,EAAA,mHAAA,EAAA,MAAA,EAAA,CAAA,w0GAAA,CAAA,EAAA;;;AEfF;;AAEG;AAEI,MAAM,cAAc,GAAG,CAAC,GAAG;;ACJlC;;AAEG;;"}
+{"version":3,"file":"lucca-front-ng-fancy-box.mjs","sources":["../../../packages/ng/fancy-box/fancy-box.component.ts","../../../packages/ng/fancy-box/fancy-box.component.html","../../../packages/ng/fancy-box/fancy-box.type.ts","../../../packages/ng/fancy-box/lucca-front-ng-fancy-box.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { FancyBoxBackgroundEndStart, FancyBoxBackgroundStartEnd, FancyBoxForegroundEndStart, FancyBoxForegroundStartEnd, FancyBoxSize } from './fancy-box.type';\n\n@Component({\n\tselector: 'lu-fancy-box',\n\ttemplateUrl: './fancy-box.component.html',\n\tstyleUrl: './fancy-box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [LuSafeExternalSvgPipe],\n\thost: {\n\t\tclass: 'fancyBox',\n\t\t'[class]': 'paletteClass()',\n\t\t'[class.mod-S]': 'size() === \"S\"',\n\t},\n})\nexport class FancyBoxComponent {\n\treadonly domain = 'https://cdn.lucca.fr';\n\treadonly path = '/transverse/prisme/visuals/fancy-box/';\n\treadonly extension = '.svg';\n\n\t/**\n\t * @deprecated use `foregroundStartEnd` instead\n\t */\n\treadonly foreground = input<string | null>(null);\n\t/**\n\t * @deprecated use `backgroundEndStart` instead\n\t */\n\treadonly backgroundLeft = input<FancyBoxBackgroundEndStart | string | null>(null);\n\t/**\n\t * @deprecated use `backgroundStartEnd` instead\n\t */\n\treadonly backgroundRight = input<FancyBoxBackgroundStartEnd | string | null>(null);\n\n\treadonly foregroundStartEnd = input<FancyBoxForegroundStartEnd | string | null>(null);\n\treadonly foregroundEndStart = input<FancyBoxForegroundEndStart | string | null>(null);\n\treadonly backgroundEndStart = input<FancyBoxBackgroundEndStart | string | null>(null);\n\treadonly backgroundStartEnd = input<FancyBoxBackgroundStartEnd | string | null>(null);\n\n\treadonly size = input<FancyBoxSize | null>(null);\n\n\treadonly palette = input<string>('product');\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\treadonly backgroundEndStartUrl = computed(() => this.#buildUrl('background-end-start', this.backgroundEndStart() ?? this.backgroundLeft() ?? 'bubbles'));\n\treadonly backgroundStartEndUrl = computed(() => this.#buildUrl('background-start-end', this.backgroundStartEnd() ?? this.backgroundRight() ?? 'bubbles'));\n\treadonly foregroundStartEndUrl = computed(() => this.#buildUrl('foreground-start-end', this.foregroundStartEnd() ?? this.foreground()));\n\treadonly foregroundEndStartUrl = computed(() => this.#buildUrl('foreground-end-start', this.foregroundEndStart()));\n\n\t#buildUrl(prefix: string, value: string | null): string | null {\n\t\tif (value === null) {\n\t\t\treturn null;\n\t\t}\n\t\tif (value.startsWith('https://') || value.startsWith('/') || value.startsWith('./')) {\n\t\t\treturn value;\n\t\t}\n\t\treturn `${this.domain}${this.path}${prefix}-${value}${this.extension}`;\n\t}\n}\n","<div class=\"fancyBox-content\">\n\t@if (backgroundEndStartUrl(); as backgroundEndStartUrl) {\n\t\t<div class=\"fancyBox-content-backgroundEndStart\" [innerHtml]=\"backgroundEndStartUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (backgroundStartEndUrl(); as backgroundStartEndUrl) {\n\t\t<div class=\"fancyBox-content-backgroundStartEnd\" [innerHtml]=\"backgroundStartEndUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (foregroundStartEndUrl(); as foregroundStartEndUrl) {\n\t\t<div class=\"fancyBox-content-foregroundStartEnd\" [innerHtml]=\"foregroundStartEndUrl | luSafeExternalSvg\"></div>\n\t}\n\t@if (foregroundEndStartUrl(); as foregroundEndStartUrl) {\n\t\t<div class=\"fancyBox-content-foregroundEndStart\" [innerHtml]=\"foregroundEndStartUrl | luSafeExternalSvg\"></div>\n\t}\n\t<ng-content />\n</div>\n","/**\n * Available FancyBoxComponent Types\n */\n\nexport const FANCY_BOX_SIZE = ['S'] as const;\nexport type FancyBoxSize = (typeof FANCY_BOX_SIZE)[number];\n\nexport const FANCY_BOX_BACKGROUND_END_START = ['bubbles', 'plant'] as const;\nexport type FancyBoxBackgroundEndStart = (typeof FANCY_BOX_BACKGROUND_END_START)[number];\n\nexport const FANCY_BOX_BACKGROUND_START_END = ['bubbles', 'candies'] as const;\nexport type FancyBoxBackgroundStartEnd = (typeof FANCY_BOX_BACKGROUND_START_END)[number];\n\nexport const FANCY_BOX_FOREGROUND_END_START = ['clips'] as const;\nexport type FancyBoxForegroundEndStart = (typeof FANCY_BOX_FOREGROUND_END_START)[number];\n\nexport const FANCY_BOX_FOREGROUND_START_END = ['pizza'] as const;\nexport type FancyBoxForegroundStartEnd = (typeof FANCY_BOX_FOREGROUND_START_END)[number];\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-file-upload.mjs

@@ -403,7 +403,7 @@ class FileEntryComponent {
         return this.deleteFile$.observed;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FileEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageError: { classPropertyName: "inlineMessageError", publicName: "inlineMessageError", isSignal: true, isRequired: false, transformFunction: null }, entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconOverride: { classPropertyName: "iconOverride", publicName: "iconOverride", isSignal: true, isRequired: false, transformFunction: null }, downloadURL: { classPropertyName: "downloadURL", publicName: "downloadURL", isSignal: true, isRequired: false, transformFunction: null }, openInNewTab: { classPropertyName: "openInNewTab", publicName: "openInNewTab", isSignal: true, isRequired: false, transformFunction: null }, password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null }, media: { classPropertyName: "media", publicName: "media", isSignal: true, isRequired: false, transformFunction: null }, previewUrl: { classPropertyName: "previewUrl", publicName: "previewUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { passwordChange: "passwordChange", deleteFile: "deleteFile" }, host: { classAttribute: "pr-u-displayContents" }, ngImport: i0, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [class.mod-structure]=\"structure()\" [class]=\"dlClasses()\">\n\t@if (!media()) {\n\t\t<dt class=\"fileEntry-filename\">\n\t\t\t<div class=\"fileEntry-filename-tooltip\" luTooltip luTooltipWhenEllipsis>{{ fileName() }}</div>\n\t\t</dt>\n\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t<dd class=\"fileEntry-inlineMessage\">\n\t\t\t\t<lu-inline-message withTooltip [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t</dd>\n\t\t} @else {\n\t\t\t<dd class=\"fileEntry-description\">\n\t\t\t\t<span class=\"fileEntry-description-format\" luTooltip luTooltipWhenEllipsis>{{ fileTypeDisplay() }}</span>\n\t\t\t\t@if (fileSizeDisplay(); as fileSizeDisplay) {\n\t\t\t\t\t<span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t\t<lu-divider vertical class=\"fileEntry-description-divider\" />\n\t\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay }}</span>\n\t\t\t\t}\n\t\t\t</dd>\n\t\t}\n\t}\n\t<dd class=\"fileEntry-status\">\n\t\t<div class=\"fileEntry-status-content\" [luTooltip]=\"tooltip() ?? ''\">\n\t\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t\t@if (media()) {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-inline-message class=\"fileEntry-status-content-inlineMessage\" [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-icon class=\"fileEntry-status-content-inside-icon\" icon=\"signError\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@if (previewUrl() && state() !== \"error\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img class=\"fileEntry-status-content-inside-img\" [src]=\"previewUrl()\" alt=\"\" loading=\"lazy\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (state() === \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<div class=\"fileEntry-status-content-inside-loading loading\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!previewUrl() && state() !== \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fileEntry-status-content-inside-svg\"\n\t\t\t\t\t\t\t[attr.src]=\"iconOverride() || fileEntryIconSrc()\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if (displayFileName() && media()) {\n\t\t\t\t<div class=\"fileEntry-status-content-fileName\" aria-hidden=\"true\">{{ fileName() }}</div>\n\t\t\t}\n\t\t</div>\n\t</dd>\n\t@if (downloadURL() || deletable) {\n\t\t<dd class=\"fileEntry-toolbar\">\n\t\t\t<div class=\"fileToolbar\" [class.mod-disablePositioning]=\"!media()\" [class.mod-L]=\"size() === 'L'\">\n\t\t\t\t<ul class=\"fileToolbar-list\">\n\t\t\t\t\t@if (downloadURL()) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t[href]=\"downloadURL()\"\n\t\t\t\t\t\t\t\t[attr.target]=\"openInNewTab() ? '_blank' : null\"\n\t\t\t\t\t\t\t\t[attr.rel]=\"openInNewTab() ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t\t\t[attr.download]=\"openInNewTab() ? null : 'download'\"\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\t[luTooltip]=\"openInNewTab() ? intl().preview : intl().download\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\t[icon]=\"openInNewTab() ? 'eye' : 'arrowDownload'\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().downloadFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t\t@if (deletable) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\t[class.palette-critical]=\"state() === 'error'\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t[luTooltip]=\"intl().delete\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t\t(click)=\"deleteFile$.next()\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\ticon=\"trashDelete\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().deleteFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</dd>\n\t}\n</dl>\n@if (withPassword) {\n\t<div class=\"fileEntry_box box mod-withArrow mod-neutral\">\n\t\t<div class=\"box-arrow mod-neutral\"></div>\n\t\t<lu-form-field [label]=\"intl().password\">\n\t\t\t<div class=\"fileEntry_box-field\">\n\t\t\t\t<lu-text-input\n\t\t\t\t\tclass=\"fileEntry_box-field-textField\"\n\t\t\t\t\trequired\n\t\t\t\t\thasClearer\n\t\t\t\t\tsearchIcon=\"searchMagnifyingGlass\"\n\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t[ngModel]=\"password()\"\n\t\t\t\t\t(ngModelChange)=\"passwordChange$.next($event)\"\n\t\t\t\t/>\n\t\t\t\t<button class=\"fileEntry_box-field-button\" luButton type=\"button\">{{ intl().confirmPassword }}</button>\n\t\t\t</div>\n\t\t</lu-form-field>\n\t</div>\n}\n", styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-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))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-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)}.fileToolbar .fileToolbar-list-item-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)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["intl", "mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "minlength", "maxlength", "searchIcon", "type"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageError: { classPropertyName: "inlineMessageError", publicName: "inlineMessageError", isSignal: true, isRequired: false, transformFunction: null }, entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconOverride: { classPropertyName: "iconOverride", publicName: "iconOverride", isSignal: true, isRequired: false, transformFunction: null }, downloadURL: { classPropertyName: "downloadURL", publicName: "downloadURL", isSignal: true, isRequired: false, transformFunction: null }, openInNewTab: { classPropertyName: "openInNewTab", publicName: "openInNewTab", isSignal: true, isRequired: false, transformFunction: null }, password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null }, media: { classPropertyName: "media", publicName: "media", isSignal: true, isRequired: false, transformFunction: null }, previewUrl: { classPropertyName: "previewUrl", publicName: "previewUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { passwordChange: "passwordChange", deleteFile: "deleteFile" }, host: { classAttribute: "pr-u-displayContents" }, ngImport: i0, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [class.mod-structure]=\"structure()\" [class]=\"dlClasses()\">\n\t@if (!media()) {\n\t\t<dt class=\"fileEntry-filename\">\n\t\t\t<div class=\"fileEntry-filename-tooltip\" luTooltip luTooltipWhenEllipsis>{{ fileName() }}</div>\n\t\t</dt>\n\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t<dd class=\"fileEntry-inlineMessage\">\n\t\t\t\t<lu-inline-message withTooltip [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t</dd>\n\t\t} @else {\n\t\t\t<dd class=\"fileEntry-description\">\n\t\t\t\t<span class=\"fileEntry-description-format\" luTooltip luTooltipWhenEllipsis>{{ fileTypeDisplay() }}</span>\n\t\t\t\t@if (fileSizeDisplay(); as fileSizeDisplay) {\n\t\t\t\t\t<span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t\t<lu-divider vertical class=\"fileEntry-description-divider\" />\n\t\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay }}</span>\n\t\t\t\t}\n\t\t\t</dd>\n\t\t}\n\t}\n\t<dd class=\"fileEntry-status\">\n\t\t<div class=\"fileEntry-status-content\" [luTooltip]=\"tooltip() ?? ''\">\n\t\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t\t@if (media()) {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-inline-message class=\"fileEntry-status-content-inlineMessage\" [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-icon class=\"fileEntry-status-content-inside-icon\" icon=\"signError\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@if (previewUrl() && state() !== \"error\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img class=\"fileEntry-status-content-inside-img\" [src]=\"previewUrl()\" alt=\"\" loading=\"lazy\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (state() === \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<div class=\"fileEntry-status-content-inside-loading loading\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!previewUrl() && state() !== \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fileEntry-status-content-inside-svg\"\n\t\t\t\t\t\t\t[attr.src]=\"iconOverride() || fileEntryIconSrc()\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if (displayFileName() && media()) {\n\t\t\t\t<div class=\"fileEntry-status-content-fileName\" aria-hidden=\"true\">{{ fileName() }}</div>\n\t\t\t}\n\t\t</div>\n\t</dd>\n\t@if (downloadURL() || deletable) {\n\t\t<dd class=\"fileEntry-toolbar\">\n\t\t\t<div class=\"fileToolbar\" [class.mod-disablePositioning]=\"!media()\" [class.mod-L]=\"size() === 'L'\">\n\t\t\t\t<ul class=\"fileToolbar-list\">\n\t\t\t\t\t@if (downloadURL()) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t[href]=\"downloadURL()\"\n\t\t\t\t\t\t\t\t[attr.target]=\"openInNewTab() ? '_blank' : null\"\n\t\t\t\t\t\t\t\t[attr.rel]=\"openInNewTab() ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t\t\t[attr.download]=\"openInNewTab() ? null : 'download'\"\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\t[luTooltip]=\"openInNewTab() ? intl().preview : intl().download\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\t[icon]=\"openInNewTab() ? 'eye' : 'arrowDownload'\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().downloadFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t\t@if (deletable) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\t[class.palette-critical]=\"state() === 'error'\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t[luTooltip]=\"intl().delete\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t\t(click)=\"deleteFile$.next()\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\ticon=\"trashDelete\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().deleteFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</dd>\n\t}\n</dl>\n@if (withPassword) {\n\t<div class=\"fileEntry_box box mod-withArrow mod-neutral\">\n\t\t<div class=\"box-arrow mod-neutral\"></div>\n\t\t<lu-form-field [label]=\"intl().password\">\n\t\t\t<div class=\"fileEntry_box-field\">\n\t\t\t\t<lu-text-input\n\t\t\t\t\tclass=\"fileEntry_box-field-textField\"\n\t\t\t\t\trequired\n\t\t\t\t\thasClearer\n\t\t\t\t\tsearchIcon=\"searchMagnifyingGlass\"\n\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t[ngModel]=\"password()\"\n\t\t\t\t\t(ngModelChange)=\"passwordChange$.next($event)\"\n\t\t\t\t/>\n\t\t\t\t<button class=\"fileEntry_box-field-button\" luButton type=\"button\">{{ intl().confirmPassword }}</button>\n\t\t\t</div>\n\t\t</lu-form-field>\n\t</div>\n}\n", styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-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))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-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)}.fileToolbar .fileToolbar-list-item-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)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["intl", "mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "minlength", "maxlength", "searchIcon", "type", "width"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FileEntryComponent, decorators: [{
             type: Component,