@lucca-front/ng 21.0.3 → 21.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-box.mjs +1 -1
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-button.mjs +2 -2
- package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +5 -3
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +4 -4
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +5 -4
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dropdown.mjs +9 -8
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +4 -5
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +5 -5
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +2 -2
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +2 -2
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +2 -2
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +7 -8
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +2 -2
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +6 -6
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +12 -0
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/package.json +3 -3
- package/schematics/cdn-urls/migration.js +1 -1
- package/schematics/lib/html-ast.js +11 -3
- package/schematics/ng-add/file-content.js +6 -8
- package/schematics/ng-add/index.js +5 -5
- package/schematics/ng-add/tasks.js +22 -17
- package/types/lucca-front-ng-button.d.ts +1 -1
- package/types/lucca-front-ng-form-field.d.ts +1 -1
- package/types/lucca-front-ng-popover2.d.ts +3 -2
- package/types/lucca-front-ng-tooltip.d.ts +3 -2
|
@@ -7,6 +7,7 @@ import { ALuPopoverPanel, luTransformPopover } from '@lucca-front/ng/popover';
|
|
|
7
7
|
import { Subscription, merge } from 'rxjs';
|
|
8
8
|
import { startWith, map, delay, share, switchMap, debounceTime } from 'rxjs/operators';
|
|
9
9
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
10
|
+
import { isNil } from '@lucca-front/ng/core';
|
|
10
11
|
|
|
11
12
|
class DropdownActionComponent {
|
|
12
13
|
constructor() {
|
|
@@ -94,11 +95,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
94
95
|
|
|
95
96
|
class DropdownMenuComponent {
|
|
96
97
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
97
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: DropdownMenuComponent, isStandalone: true, selector: "lu-dropdown-menu", ngImport: i0, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action
|
|
98
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: DropdownMenuComponent, isStandalone: true, selector: "lu-dropdown-menu", ngImport: i0, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible,.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
98
99
|
}
|
|
99
100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownMenuComponent, decorators: [{
|
|
100
101
|
type: Component,
|
|
101
|
-
args: [{ selector: 'lu-dropdown-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action
|
|
102
|
+
args: [{ selector: 'lu-dropdown-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible,.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"] }]
|
|
102
103
|
}] });
|
|
103
104
|
|
|
104
105
|
class ALuDropdownItem {
|
|
@@ -250,11 +251,11 @@ class LuDropdownPanelComponent extends ALuPopoverPanel {
|
|
|
250
251
|
}
|
|
251
252
|
}
|
|
252
253
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LuDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
253
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: LuDropdownPanelComponent, isStandalone: true, selector: "lu-dropdown", inputs: { inputPanelClasses: ["panel-classes", "inputPanelClasses"], inputContentClasses: ["content-classes", "inputContentClasses"] }, outputs: { close: "close", open: "open", hovered: "hovered" }, queries: [{ propertyName: "optionsQL", predicate: ALuDropdownItem, descendants: true }], viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["LuDropdownPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action
|
|
254
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: LuDropdownPanelComponent, isStandalone: true, selector: "lu-dropdown", inputs: { inputPanelClasses: ["panel-classes", "inputPanelClasses"], inputContentClasses: ["content-classes", "inputContentClasses"] }, outputs: { close: "close", open: "open", hovered: "hovered" }, queries: [{ propertyName: "optionsQL", predicate: ALuDropdownItem, descendants: true }], viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["LuDropdownPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible,.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
254
255
|
}
|
|
255
256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LuDropdownPanelComponent, decorators: [{
|
|
256
257
|
type: Component,
|
|
257
|
-
args: [{ selector: 'lu-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, animations: [luTransformPopover], exportAs: 'LuDropdownPanel', encapsulation: ViewEncapsulation.None, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action
|
|
258
|
+
args: [{ selector: 'lu-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, animations: [luTransformPopover], exportAs: 'LuDropdownPanel', encapsulation: ViewEncapsulation.None, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.dropdown-list,.lu-dropdown-options{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.dropdown-list-option-action,.lu-dropdown-options-item-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible,.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"] }]
|
|
258
259
|
}], ctorParameters: () => [], propDecorators: { inputPanelClasses: [{
|
|
259
260
|
type: Input,
|
|
260
261
|
args: ['panel-classes']
|
|
@@ -311,12 +312,12 @@ class LuDropdownTriggerDirective {
|
|
|
311
312
|
* @deprecated prefer using customPositions instead
|
|
312
313
|
* */
|
|
313
314
|
this.luDropdownAlignment = 'right';
|
|
314
|
-
// We're using constructor here to setup default values before inputs are processed
|
|
315
|
-
// This way, the value will be changed if any input changes it but we can still have separate default values
|
|
316
|
-
this.popover2.luPopoverPosition = 'below';
|
|
317
315
|
this.popover2.luPopoverNoCloseButton = true;
|
|
318
316
|
}
|
|
319
317
|
ngOnInit() {
|
|
318
|
+
if (isNil(this.popover2.luPopoverPosition())) {
|
|
319
|
+
this.popover2.luPopoverPositionRef.set('below');
|
|
320
|
+
}
|
|
320
321
|
if (!this.popover2.customPositions || this.popover2.customPositions.length === 0) {
|
|
321
322
|
this.popover2.customPositions = this.legacyPositionBuilder();
|
|
322
323
|
}
|
|
@@ -332,7 +333,7 @@ class LuDropdownTriggerDirective {
|
|
|
332
333
|
originY: 'top',
|
|
333
334
|
};
|
|
334
335
|
// Position
|
|
335
|
-
const position = this.popover2.
|
|
336
|
+
const position = this.popover2.luPopoverPositionRef();
|
|
336
337
|
if (position === 'above') {
|
|
337
338
|
connectionPosition.originY = 'top';
|
|
338
339
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-dropdown.mjs","sources":["../../../packages/ng/dropdown/dropdown-action/dropdown-action.component.ts","../../../packages/ng/dropdown/dropdown-divider/dropdown-divider.component.ts","../../../packages/ng/dropdown/dropdown-group/dropdown-group.component.ts","../../../packages/ng/dropdown/dropdown-group/dropdown-group.component.html","../../../packages/ng/dropdown/dropdown-item/dropdown-item.component.ts","../../../packages/ng/dropdown/dropdown-menu/dropdown-menu.component.ts","../../../packages/ng/dropdown/dropdown-menu/dropdown-menu.component.html","../../../packages/ng/dropdown/item/dropdown-item.model.ts","../../../packages/ng/dropdown/item/dropdown-item.directive.ts","../../../packages/ng/dropdown/item/dropdown-item.module.ts","../../../packages/ng/dropdown/panel/dropdown-panel.component.ts","../../../packages/ng/dropdown/panel/dropdown-panel.component.html","../../../packages/ng/dropdown/panel/dropdown-panel.module.ts","../../../packages/ng/dropdown/trigger/dropdown-trigger.directive.ts","../../../packages/ng/dropdown/trigger/dropdown-trigger.module.ts","../../../packages/ng/dropdown/dropdown.module.ts","../../../packages/ng/dropdown/lucca-front-ng-dropdown.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { PopoverContentComponent } from '@lucca-front/ng/popover2';\n\n@Component({\n\tselector: '[lu-dropdown-action]',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'dropdown-list-option-action',\n\t\t'[class.is-disabled]': 'disabled()',\n\t\t'[class.mod-critical]': 'critical()',\n\t\t'(click)': 'closePanel()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownActionComponent {\n\t#popoverContentRef = inject(PopoverContentComponent, { optional: true });\n\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly critical = input(false, { transform: booleanAttribute });\n\n\tclosePanel() {\n\t\tif (this.#popoverContentRef) {\n\t\t\tthis.#popoverContentRef.close();\n\t\t}\n\t}\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { DividerComponent } from '@lucca-front/ng/divider';\n\n@Component({\n\tselector: 'lu-dropdown-divider',\n\ttemplate: '<lu-divider class=\"dropdown-list-option-divider\" />',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [DividerComponent],\n\thost: {\n\t\tclass: 'dropdown-list-option',\n\t\trole: 'listitem',\n\t\t'[attr.aria-hidden]': 'true',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownDividerComponent {}\n","import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-dropdown-group',\n\ttemplateUrl: './dropdown-group.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'dropdown-list-option',\n\t\trole: 'listitem',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownGroupComponent {\n\treadonly label = input<string | null>(null);\n}\n","{{ label() }}\n<ul class=\"dropdown-list\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-dropdown-item',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'dropdown-list-option',\n\t\trole: 'listitem',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownItemComponent {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-dropdown-menu',\n\ttemplateUrl: './dropdown-menu.component.html',\n\tstyleUrl: './dropdown-menu.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class DropdownMenuComponent {}\n","<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n","import { Observable } from 'rxjs';\n\nexport interface ILuDropdownItem {\n\tonSelect: Observable<boolean>;\n\tfocus(): void;\n}\nexport abstract class ALuDropdownItem implements ILuDropdownItem {\n\tabstract onSelect: Observable<boolean>;\n\tabstract focus(): void;\n}\n","import { Directive, ElementRef, EventEmitter, forwardRef, HostListener, OnDestroy, Output } from '@angular/core';\nimport { ALuDropdownItem } from './dropdown-item.model';\n\n@Directive({\n\tselector: '[luDropdownItem]',\n\texportAs: 'LuDropdownItem',\n\tproviders: [\n\t\t{\n\t\t\tprovide: ALuDropdownItem,\n\t\t\tuseExisting: forwardRef(() => LuDropdownItemDirective),\n\t\t\tmulti: true,\n\t\t},\n\t],\n})\nexport class LuDropdownItemDirective extends ALuDropdownItem implements OnDestroy {\n\t// arreter les ONxxxx\n\t// eslint-disable-next-line @angular-eslint/no-output-on-prefix\n\t@Output() onSelect = new EventEmitter<boolean>();\n\tconstructor(private _eltRef: ElementRef<HTMLElement>) {\n\t\tsuper();\n\t}\n\t@HostListener('click', ['$event']) onClick(_event: Event) {\n\t\tthis.onSelect.emit(true);\n\t}\n\t@HostListener('keydown.enter', ['$event']) onEnter(_event: Event) {\n\t\tthis.onSelect.emit(true);\n\t}\n\tfocus() {\n\t\tthis._eltRef.nativeElement.focus();\n\t}\n\tngOnDestroy() {\n\t\tthis.onSelect.complete();\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuDropdownItemDirective } from './dropdown-item.directive';\n\n/**\n * @deprecated use `LuDropdownItemDirective` instead\n */\n@NgModule({\n\timports: [LuDropdownItemDirective],\n\texports: [LuDropdownItemDirective],\n})\nexport class LuDropdownItemModule {}\n","import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChildren,\n\tEventEmitter,\n\tinject,\n\tInput,\n\tOnDestroy,\n\tOutput,\n\tQueryList,\n\tTemplateRef,\n\tViewChild,\n\tViewEncapsulation,\n} from '@angular/core';\nimport { ALuPopoverPanel, ILuPopoverPanel, luTransformPopover } from '@lucca-front/ng/popover';\nimport { PopoverContentComponent } from '@lucca-front/ng/popover2';\nimport { merge, Observable, Subscription } from 'rxjs';\nimport { debounceTime, delay, map, share, startWith, switchMap } from 'rxjs/operators';\nimport { ALuDropdownItem, ILuDropdownItem } from '../item/index';\n\n/**\n * @deprecated prefer the new menu approach: https://prisme.lucca.io/94310e217/p/557682-dropdown\n */\n@Component({\n\tselector: 'lu-dropdown',\n\ttemplateUrl: './dropdown-panel.component.html',\n\tstyleUrl: './dropdown-panel.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tanimations: [luTransformPopover],\n\texportAs: 'LuDropdownPanel',\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class LuDropdownPanelComponent extends ALuPopoverPanel implements ILuPopoverPanel, OnDestroy, AfterViewInit {\n\t#popoverContentRef = inject(PopoverContentComponent, { optional: true });\n\t/**\n\t * This method takes classes set on the host lu-popover element and applies them on the\n\t * popover template that displays in the overlay container. Otherwise, it's difficult\n\t * to style the containing popover from outside the component.\n\t * @param classes list of class names\n\t */\n\t@Input('panel-classes')\n\tset inputPanelClasses(classes: string) {\n\t\tthis.panelClasses = classes;\n\t}\n\t/**\n\t * This method takes classes set on the host lu-popover element and applies them on the\n\t * popover template that displays in the overlay container. Otherwise, it's difficult\n\t * to style the containing popover from outside the component.\n\t * @param classes list of class names\n\t */\n\t@Input('content-classes')\n\tset inputContentClasses(classes: string) {\n\t\tthis.contentClasses = classes;\n\t}\n\n\t/** Event emitted when the popover is closed. */\n\t// eslint-disable-next-line @angular-eslint/no-output-native\n\t@Output() override close = new EventEmitter<void>();\n\t@Output() override open = new EventEmitter<void>();\n\t@Output() override hovered = new EventEmitter<boolean>();\n\n\t@ViewChild(TemplateRef, { static: true })\n\tset vcTemplateRef(tr: TemplateRef<unknown>) {\n\t\tthis.templateRef = tr;\n\t}\n\n\tprotected _items: ILuDropdownItem[] = [];\n\tprotected _itemsQL: QueryList<ILuDropdownItem>;\n\t@ContentChildren(ALuDropdownItem, { descendants: true }) set optionsQL(ql: QueryList<ILuDropdownItem>) {\n\t\tthis._itemsQL = ql;\n\t}\n\n\tprivate _subs = new Subscription();\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\tprotected initItems() {\n\t\tconst items$ = this._itemsQL.changes.pipe(\n\t\t\tstartWith(this._itemsQL),\n\t\t\tmap<QueryList<ILuDropdownItem>, ILuDropdownItem[]>((ql) => ql.toArray()),\n\t\t\tdelay(0),\n\t\t\tshare(),\n\t\t);\n\t\tconst itemsSub = items$.subscribe((i) => (this._items = i || []));\n\t\tthis._subs.add(itemsSub);\n\n\t\tconst singleFlow$: Observable<boolean> = items$.pipe(\n\t\t\tswitchMap((items) => merge(...items.map((i) => i.onSelect))),\n\t\t\tdebounceTime(1),\n\t\t);\n\n\t\tconst itemSelectSub = singleFlow$.subscribe(() => this._emitCloseEvent());\n\t\tthis._subs.add(itemSelectSub);\n\t}\n\n\tngAfterViewInit() {\n\t\tthis.initItems();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.onClose();\n\t\tthis.close.complete();\n\t\tthis._subs.unsubscribe();\n\t}\n\n\t_emitCloseEvent(): void {\n\t\tthis.close.emit();\n\t\tif (this.#popoverContentRef) {\n\t\t\tthis.#popoverContentRef.close();\n\t\t}\n\t}\n\n\t_emitOpenEvent(): void {\n\t\tthis.open.emit();\n\t}\n\n\t_emitHoveredEvent(hovered: boolean): void {\n\t\tthis.hovered.emit(hovered);\n\t}\n\n\toverride onOpen() {\n\t\tthis.focusFirstItem();\n\t}\n\n\tprivate focusFirstItem() {\n\t\tconst firstItem = this._items[0];\n\t\tif (firstItem) {\n\t\t\tfirstItem.focus();\n\t\t}\n\t}\n}\n","<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { LuDropdownPanelComponent } from './dropdown-panel.component';\n\n/**\n * @deprecated use `LuDropdownPanelComponent` instead\n */\n@NgModule({\n\timports: [LuDropdownPanelComponent],\n\texports: [LuDropdownPanelComponent],\n})\nexport class LuDropdownPanelModule {}\n","import { ConnectionPositionPair, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, VerticalConnectionPos } from '@angular/cdk/overlay';\nimport { DestroyRef, Directive, inject, Input, OnInit, TemplateRef, Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ALuPopoverPanel, LuPopoverAlignment } from '@lucca-front/ng/popover';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\n\n@Directive({\n\tselector: '[luDropdown]',\n\texportAs: 'LuDropdownTrigger',\n\thost: {\n\t\t'[attr.aria-expanded]': 'popover2.opened()',\n\t},\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: PopoverDirective,\n\t\t\tinputs: ['luPopoverPosition: luDropdownPosition', 'luPopoverDisabled: luDropdownDisabled', 'customPositions'],\n\t\t\toutputs: ['luPopoverOpened: luDropdownOnOpen', 'luPopoverClosed: luDropdownOnClose'],\n\t\t},\n\t],\n})\nexport class LuDropdownTriggerDirective<_T> implements OnInit {\n\tprotected popover2 = inject(PopoverDirective);\n\t#destroyRef = inject(DestroyRef);\n\t// Keeping generic type here just for the sake of backwards compatibility\n\t/** References the popover instance that the trigger is associated with. */\n\t@Input('luDropdown') set inputPanel(p: TemplateRef<unknown> | Type<unknown> | ALuPopoverPanel) {\n\t\tif (p instanceof ALuPopoverPanel) {\n\t\t\tthis.popover2.content = p.templateRef;\n\t\t\tp.close.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe(() => this.popover2.close());\n\t\t} else {\n\t\t\tthis.popover2.content = p;\n\t\t}\n\t}\n\n\tconstructor() {\n\t\t// We're using constructor here to setup default values before inputs are processed\n\t\t// This way, the value will be changed if any input changes it but we can still have separate default values\n\t\tthis.popover2.luPopoverPosition = 'below';\n\t\tthis.popover2.luPopoverNoCloseButton = true;\n\t}\n\n\t/** how the panel will be aligned with the target, allowed values: top, bottom, left, right\n\t * @deprecated prefer using customPositions instead\n\t * */\n\tluDropdownAlignment: LuPopoverAlignment = 'right';\n\n\tngOnInit(): void {\n\t\tif (!this.popover2.customPositions || this.popover2.customPositions.length === 0) {\n\t\t\tthis.popover2.customPositions = this.legacyPositionBuilder();\n\t\t}\n\t}\n\n\t/**********************\n\t *\n\t * LEGACY STUFF TO HANDLE EXISTING POSITIONS\n\t *\n\t ***********************/\n\tprivate legacyPositionBuilder(): ConnectionPositionPair[] {\n\t\tconst connectionPosition: OriginConnectionPosition = {\n\t\t\toriginX: 'start',\n\t\t\toriginY: 'top',\n\t\t};\n\n\t\t// Position\n\t\tconst position = this.popover2.luPopoverPosition;\n\t\tif (position === 'above') {\n\t\t\tconnectionPosition.originY = 'top';\n\t\t} else if (position === 'below') {\n\t\t\tconnectionPosition.originY = 'bottom';\n\t\t} else if (position === 'before') {\n\t\t\tconnectionPosition.originX = 'start';\n\t\t} else if (position === 'after') {\n\t\t\tconnectionPosition.originX = 'end';\n\t\t}\n\n\t\t// Alignment\n\t\tconst alignment = this.luDropdownAlignment;\n\t\tif (position === 'below' || position === 'above') {\n\t\t\tif (alignment === 'left') {\n\t\t\t\tconnectionPosition.originX = 'start';\n\t\t\t} else if (alignment === 'right') {\n\t\t\t\tconnectionPosition.originX = 'end';\n\t\t\t} else {\n\t\t\t\tconnectionPosition.originX = 'center';\n\t\t\t}\n\t\t} else {\n\t\t\tif (alignment === 'top') {\n\t\t\t\tconnectionPosition.originY = 'top';\n\t\t\t} else if (alignment === 'bottom') {\n\t\t\t\tconnectionPosition.originY = 'bottom';\n\t\t\t} else {\n\t\t\t\tconnectionPosition.originY = 'center';\n\t\t\t}\n\t\t}\n\n\t\tconst overlayPosition: OverlayConnectionPosition = {\n\t\t\toverlayX: 'start',\n\t\t\toverlayY: 'top',\n\t\t};\n\n\t\tif (position === 'above' || position === 'below') {\n\t\t\toverlayPosition.overlayX = connectionPosition.originX;\n\t\t\toverlayPosition.overlayY = position === 'above' ? 'bottom' : 'top';\n\t\t} else {\n\t\t\toverlayPosition.overlayX = position === 'before' ? 'end' : 'start';\n\t\t\toverlayPosition.overlayY = connectionPosition.originY;\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\toriginX: connectionPosition.originX,\n\t\t\t\toriginY: connectionPosition.originY,\n\t\t\t\toverlayX: overlayPosition.overlayX,\n\t\t\t\toverlayY: overlayPosition.overlayY,\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: connectionPosition.originX,\n\t\t\t\toriginY: this.invertVerticalPos(connectionPosition.originY),\n\t\t\t\toverlayX: overlayPosition.overlayX,\n\t\t\t\toverlayY: this.invertVerticalPos(overlayPosition.overlayY),\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: this.invertHorizontalPos(connectionPosition.originX),\n\t\t\t\toriginY: connectionPosition.originY,\n\t\t\t\toverlayX: this.invertHorizontalPos(overlayPosition.overlayX),\n\t\t\t\toverlayY: overlayPosition.overlayY,\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: this.invertHorizontalPos(connectionPosition.originX),\n\t\t\t\toriginY: this.invertVerticalPos(connectionPosition.originY),\n\t\t\t\toverlayX: this.invertHorizontalPos(overlayPosition.overlayX),\n\t\t\t\toverlayY: this.invertVerticalPos(overlayPosition.overlayY),\n\t\t\t},\n\t\t];\n\t}\n\n\tprivate invertVerticalPos(y: VerticalConnectionPos): VerticalConnectionPos {\n\t\tif (y === 'top') {\n\t\t\treturn 'bottom';\n\t\t} else if (y === 'bottom') {\n\t\t\treturn 'top';\n\t\t}\n\t\treturn y;\n\t}\n\n\tprivate invertHorizontalPos(x: HorizontalConnectionPos): HorizontalConnectionPos {\n\t\tif (x === 'end') {\n\t\t\treturn 'start';\n\t\t} else if (x === 'start') {\n\t\t\treturn 'end';\n\t\t}\n\t\treturn x;\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuDropdownTriggerDirective } from './dropdown-trigger.directive';\n\n/**\n * @deprecated use `LuDropdownTriggerDirective` instead\n */\n@NgModule({\n\timports: [LuDropdownTriggerDirective],\n\texports: [LuDropdownTriggerDirective],\n})\nexport class LuDropdownTriggerModule {}\n","import { NgModule } from '@angular/core';\nimport { LuDropdownItemModule } from './item/index';\nimport { LuDropdownPanelModule } from './panel/index';\nimport { LuDropdownTriggerModule } from './trigger/index';\n\n/**\n * @deprecated use `LuDropdownTriggerDirective, LuDropdownPanelComponent, LuDropdownItemDirective` instead\n */\n@NgModule({\n\timports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule],\n\texports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule],\n})\nexport class LuDropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-dropdown.mjs","sources":["../../../packages/ng/dropdown/dropdown-action/dropdown-action.component.ts","../../../packages/ng/dropdown/dropdown-divider/dropdown-divider.component.ts","../../../packages/ng/dropdown/dropdown-group/dropdown-group.component.ts","../../../packages/ng/dropdown/dropdown-group/dropdown-group.component.html","../../../packages/ng/dropdown/dropdown-item/dropdown-item.component.ts","../../../packages/ng/dropdown/dropdown-menu/dropdown-menu.component.ts","../../../packages/ng/dropdown/dropdown-menu/dropdown-menu.component.html","../../../packages/ng/dropdown/item/dropdown-item.model.ts","../../../packages/ng/dropdown/item/dropdown-item.directive.ts","../../../packages/ng/dropdown/item/dropdown-item.module.ts","../../../packages/ng/dropdown/panel/dropdown-panel.component.ts","../../../packages/ng/dropdown/panel/dropdown-panel.component.html","../../../packages/ng/dropdown/panel/dropdown-panel.module.ts","../../../packages/ng/dropdown/trigger/dropdown-trigger.directive.ts","../../../packages/ng/dropdown/trigger/dropdown-trigger.module.ts","../../../packages/ng/dropdown/dropdown.module.ts","../../../packages/ng/dropdown/lucca-front-ng-dropdown.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { PopoverContentComponent } from '@lucca-front/ng/popover2';\n\n@Component({\n\tselector: '[lu-dropdown-action]',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'dropdown-list-option-action',\n\t\t'[class.is-disabled]': 'disabled()',\n\t\t'[class.mod-critical]': 'critical()',\n\t\t'(click)': 'closePanel()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownActionComponent {\n\t#popoverContentRef = inject(PopoverContentComponent, { optional: true });\n\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly critical = input(false, { transform: booleanAttribute });\n\n\tclosePanel() {\n\t\tif (this.#popoverContentRef) {\n\t\t\tthis.#popoverContentRef.close();\n\t\t}\n\t}\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { DividerComponent } from '@lucca-front/ng/divider';\n\n@Component({\n\tselector: 'lu-dropdown-divider',\n\ttemplate: '<lu-divider class=\"dropdown-list-option-divider\" />',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [DividerComponent],\n\thost: {\n\t\tclass: 'dropdown-list-option',\n\t\trole: 'listitem',\n\t\t'[attr.aria-hidden]': 'true',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownDividerComponent {}\n","import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-dropdown-group',\n\ttemplateUrl: './dropdown-group.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'dropdown-list-option',\n\t\trole: 'listitem',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownGroupComponent {\n\treadonly label = input<string | null>(null);\n}\n","{{ label() }}\n<ul class=\"dropdown-list\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-dropdown-item',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'dropdown-list-option',\n\t\trole: 'listitem',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownItemComponent {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-dropdown-menu',\n\ttemplateUrl: './dropdown-menu.component.html',\n\tstyleUrl: './dropdown-menu.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class DropdownMenuComponent {}\n","<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n","import { Observable } from 'rxjs';\n\nexport interface ILuDropdownItem {\n\tonSelect: Observable<boolean>;\n\tfocus(): void;\n}\nexport abstract class ALuDropdownItem implements ILuDropdownItem {\n\tabstract onSelect: Observable<boolean>;\n\tabstract focus(): void;\n}\n","import { Directive, ElementRef, EventEmitter, forwardRef, HostListener, OnDestroy, Output } from '@angular/core';\nimport { ALuDropdownItem } from './dropdown-item.model';\n\n@Directive({\n\tselector: '[luDropdownItem]',\n\texportAs: 'LuDropdownItem',\n\tproviders: [\n\t\t{\n\t\t\tprovide: ALuDropdownItem,\n\t\t\tuseExisting: forwardRef(() => LuDropdownItemDirective),\n\t\t\tmulti: true,\n\t\t},\n\t],\n})\nexport class LuDropdownItemDirective extends ALuDropdownItem implements OnDestroy {\n\t// arreter les ONxxxx\n\t// eslint-disable-next-line @angular-eslint/no-output-on-prefix\n\t@Output() onSelect = new EventEmitter<boolean>();\n\tconstructor(private _eltRef: ElementRef<HTMLElement>) {\n\t\tsuper();\n\t}\n\t@HostListener('click', ['$event']) onClick(_event: Event) {\n\t\tthis.onSelect.emit(true);\n\t}\n\t@HostListener('keydown.enter', ['$event']) onEnter(_event: Event) {\n\t\tthis.onSelect.emit(true);\n\t}\n\tfocus() {\n\t\tthis._eltRef.nativeElement.focus();\n\t}\n\tngOnDestroy() {\n\t\tthis.onSelect.complete();\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuDropdownItemDirective } from './dropdown-item.directive';\n\n/**\n * @deprecated use `LuDropdownItemDirective` instead\n */\n@NgModule({\n\timports: [LuDropdownItemDirective],\n\texports: [LuDropdownItemDirective],\n})\nexport class LuDropdownItemModule {}\n","import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChildren,\n\tEventEmitter,\n\tinject,\n\tInput,\n\tOnDestroy,\n\tOutput,\n\tQueryList,\n\tTemplateRef,\n\tViewChild,\n\tViewEncapsulation,\n} from '@angular/core';\nimport { ALuPopoverPanel, ILuPopoverPanel, luTransformPopover } from '@lucca-front/ng/popover';\nimport { PopoverContentComponent } from '@lucca-front/ng/popover2';\nimport { merge, Observable, Subscription } from 'rxjs';\nimport { debounceTime, delay, map, share, startWith, switchMap } from 'rxjs/operators';\nimport { ALuDropdownItem, ILuDropdownItem } from '../item/index';\n\n/**\n * @deprecated prefer the new menu approach: https://prisme.lucca.io/94310e217/p/557682-dropdown\n */\n@Component({\n\tselector: 'lu-dropdown',\n\ttemplateUrl: './dropdown-panel.component.html',\n\tstyleUrl: './dropdown-panel.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tanimations: [luTransformPopover],\n\texportAs: 'LuDropdownPanel',\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class LuDropdownPanelComponent extends ALuPopoverPanel implements ILuPopoverPanel, OnDestroy, AfterViewInit {\n\t#popoverContentRef = inject(PopoverContentComponent, { optional: true });\n\t/**\n\t * This method takes classes set on the host lu-popover element and applies them on the\n\t * popover template that displays in the overlay container. Otherwise, it's difficult\n\t * to style the containing popover from outside the component.\n\t * @param classes list of class names\n\t */\n\t@Input('panel-classes')\n\tset inputPanelClasses(classes: string) {\n\t\tthis.panelClasses = classes;\n\t}\n\t/**\n\t * This method takes classes set on the host lu-popover element and applies them on the\n\t * popover template that displays in the overlay container. Otherwise, it's difficult\n\t * to style the containing popover from outside the component.\n\t * @param classes list of class names\n\t */\n\t@Input('content-classes')\n\tset inputContentClasses(classes: string) {\n\t\tthis.contentClasses = classes;\n\t}\n\n\t/** Event emitted when the popover is closed. */\n\t// eslint-disable-next-line @angular-eslint/no-output-native\n\t@Output() override close = new EventEmitter<void>();\n\t@Output() override open = new EventEmitter<void>();\n\t@Output() override hovered = new EventEmitter<boolean>();\n\n\t@ViewChild(TemplateRef, { static: true })\n\tset vcTemplateRef(tr: TemplateRef<unknown>) {\n\t\tthis.templateRef = tr;\n\t}\n\n\tprotected _items: ILuDropdownItem[] = [];\n\tprotected _itemsQL: QueryList<ILuDropdownItem>;\n\t@ContentChildren(ALuDropdownItem, { descendants: true }) set optionsQL(ql: QueryList<ILuDropdownItem>) {\n\t\tthis._itemsQL = ql;\n\t}\n\n\tprivate _subs = new Subscription();\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\tprotected initItems() {\n\t\tconst items$ = this._itemsQL.changes.pipe(\n\t\t\tstartWith(this._itemsQL),\n\t\t\tmap<QueryList<ILuDropdownItem>, ILuDropdownItem[]>((ql) => ql.toArray()),\n\t\t\tdelay(0),\n\t\t\tshare(),\n\t\t);\n\t\tconst itemsSub = items$.subscribe((i) => (this._items = i || []));\n\t\tthis._subs.add(itemsSub);\n\n\t\tconst singleFlow$: Observable<boolean> = items$.pipe(\n\t\t\tswitchMap((items) => merge(...items.map((i) => i.onSelect))),\n\t\t\tdebounceTime(1),\n\t\t);\n\n\t\tconst itemSelectSub = singleFlow$.subscribe(() => this._emitCloseEvent());\n\t\tthis._subs.add(itemSelectSub);\n\t}\n\n\tngAfterViewInit() {\n\t\tthis.initItems();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.onClose();\n\t\tthis.close.complete();\n\t\tthis._subs.unsubscribe();\n\t}\n\n\t_emitCloseEvent(): void {\n\t\tthis.close.emit();\n\t\tif (this.#popoverContentRef) {\n\t\t\tthis.#popoverContentRef.close();\n\t\t}\n\t}\n\n\t_emitOpenEvent(): void {\n\t\tthis.open.emit();\n\t}\n\n\t_emitHoveredEvent(hovered: boolean): void {\n\t\tthis.hovered.emit(hovered);\n\t}\n\n\toverride onOpen() {\n\t\tthis.focusFirstItem();\n\t}\n\n\tprivate focusFirstItem() {\n\t\tconst firstItem = this._items[0];\n\t\tif (firstItem) {\n\t\t\tfirstItem.focus();\n\t\t}\n\t}\n}\n","<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { LuDropdownPanelComponent } from './dropdown-panel.component';\n\n/**\n * @deprecated use `LuDropdownPanelComponent` instead\n */\n@NgModule({\n\timports: [LuDropdownPanelComponent],\n\texports: [LuDropdownPanelComponent],\n})\nexport class LuDropdownPanelModule {}\n","import { ConnectionPositionPair, HorizontalConnectionPos, OriginConnectionPosition, OverlayConnectionPosition, VerticalConnectionPos } from '@angular/cdk/overlay';\nimport { DestroyRef, Directive, inject, Input, OnInit, TemplateRef, Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { isNil } from '@lucca-front/ng/core';\nimport { ALuPopoverPanel, LuPopoverAlignment } from '@lucca-front/ng/popover';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\n\n@Directive({\n\tselector: '[luDropdown]',\n\texportAs: 'LuDropdownTrigger',\n\thost: {\n\t\t'[attr.aria-expanded]': 'popover2.opened()',\n\t},\n\thostDirectives: [\n\t\t{\n\t\t\tdirective: PopoverDirective,\n\t\t\tinputs: ['luPopoverPosition: luDropdownPosition', 'luPopoverDisabled: luDropdownDisabled', 'customPositions'],\n\t\t\toutputs: ['luPopoverOpened: luDropdownOnOpen', 'luPopoverClosed: luDropdownOnClose'],\n\t\t},\n\t],\n})\nexport class LuDropdownTriggerDirective<_T> implements OnInit {\n\tprotected popover2 = inject(PopoverDirective);\n\t#destroyRef = inject(DestroyRef);\n\t// Keeping generic type here just for the sake of backwards compatibility\n\t/** References the popover instance that the trigger is associated with. */\n\t@Input('luDropdown') set inputPanel(p: TemplateRef<unknown> | Type<unknown> | ALuPopoverPanel) {\n\t\tif (p instanceof ALuPopoverPanel) {\n\t\t\tthis.popover2.content = p.templateRef;\n\t\t\tp.close.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe(() => this.popover2.close());\n\t\t} else {\n\t\t\tthis.popover2.content = p;\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tthis.popover2.luPopoverNoCloseButton = true;\n\t}\n\n\t/** how the panel will be aligned with the target, allowed values: top, bottom, left, right\n\t * @deprecated prefer using customPositions instead\n\t * */\n\tluDropdownAlignment: LuPopoverAlignment = 'right';\n\n\tngOnInit(): void {\n\t\tif (isNil(this.popover2.luPopoverPosition())) {\n\t\t\tthis.popover2.luPopoverPositionRef.set('below');\n\t\t}\n\t\tif (!this.popover2.customPositions || this.popover2.customPositions.length === 0) {\n\t\t\tthis.popover2.customPositions = this.legacyPositionBuilder();\n\t\t}\n\t}\n\n\t/**********************\n\t *\n\t * LEGACY STUFF TO HANDLE EXISTING POSITIONS\n\t *\n\t ***********************/\n\tprivate legacyPositionBuilder(): ConnectionPositionPair[] {\n\t\tconst connectionPosition: OriginConnectionPosition = {\n\t\t\toriginX: 'start',\n\t\t\toriginY: 'top',\n\t\t};\n\n\t\t// Position\n\t\tconst position = this.popover2.luPopoverPositionRef();\n\t\tif (position === 'above') {\n\t\t\tconnectionPosition.originY = 'top';\n\t\t} else if (position === 'below') {\n\t\t\tconnectionPosition.originY = 'bottom';\n\t\t} else if (position === 'before') {\n\t\t\tconnectionPosition.originX = 'start';\n\t\t} else if (position === 'after') {\n\t\t\tconnectionPosition.originX = 'end';\n\t\t}\n\n\t\t// Alignment\n\t\tconst alignment = this.luDropdownAlignment;\n\t\tif (position === 'below' || position === 'above') {\n\t\t\tif (alignment === 'left') {\n\t\t\t\tconnectionPosition.originX = 'start';\n\t\t\t} else if (alignment === 'right') {\n\t\t\t\tconnectionPosition.originX = 'end';\n\t\t\t} else {\n\t\t\t\tconnectionPosition.originX = 'center';\n\t\t\t}\n\t\t} else {\n\t\t\tif (alignment === 'top') {\n\t\t\t\tconnectionPosition.originY = 'top';\n\t\t\t} else if (alignment === 'bottom') {\n\t\t\t\tconnectionPosition.originY = 'bottom';\n\t\t\t} else {\n\t\t\t\tconnectionPosition.originY = 'center';\n\t\t\t}\n\t\t}\n\n\t\tconst overlayPosition: OverlayConnectionPosition = {\n\t\t\toverlayX: 'start',\n\t\t\toverlayY: 'top',\n\t\t};\n\n\t\tif (position === 'above' || position === 'below') {\n\t\t\toverlayPosition.overlayX = connectionPosition.originX;\n\t\t\toverlayPosition.overlayY = position === 'above' ? 'bottom' : 'top';\n\t\t} else {\n\t\t\toverlayPosition.overlayX = position === 'before' ? 'end' : 'start';\n\t\t\toverlayPosition.overlayY = connectionPosition.originY;\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\toriginX: connectionPosition.originX,\n\t\t\t\toriginY: connectionPosition.originY,\n\t\t\t\toverlayX: overlayPosition.overlayX,\n\t\t\t\toverlayY: overlayPosition.overlayY,\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: connectionPosition.originX,\n\t\t\t\toriginY: this.invertVerticalPos(connectionPosition.originY),\n\t\t\t\toverlayX: overlayPosition.overlayX,\n\t\t\t\toverlayY: this.invertVerticalPos(overlayPosition.overlayY),\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: this.invertHorizontalPos(connectionPosition.originX),\n\t\t\t\toriginY: connectionPosition.originY,\n\t\t\t\toverlayX: this.invertHorizontalPos(overlayPosition.overlayX),\n\t\t\t\toverlayY: overlayPosition.overlayY,\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: this.invertHorizontalPos(connectionPosition.originX),\n\t\t\t\toriginY: this.invertVerticalPos(connectionPosition.originY),\n\t\t\t\toverlayX: this.invertHorizontalPos(overlayPosition.overlayX),\n\t\t\t\toverlayY: this.invertVerticalPos(overlayPosition.overlayY),\n\t\t\t},\n\t\t];\n\t}\n\n\tprivate invertVerticalPos(y: VerticalConnectionPos): VerticalConnectionPos {\n\t\tif (y === 'top') {\n\t\t\treturn 'bottom';\n\t\t} else if (y === 'bottom') {\n\t\t\treturn 'top';\n\t\t}\n\t\treturn y;\n\t}\n\n\tprivate invertHorizontalPos(x: HorizontalConnectionPos): HorizontalConnectionPos {\n\t\tif (x === 'end') {\n\t\t\treturn 'start';\n\t\t} else if (x === 'start') {\n\t\t\treturn 'end';\n\t\t}\n\t\treturn x;\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuDropdownTriggerDirective } from './dropdown-trigger.directive';\n\n/**\n * @deprecated use `LuDropdownTriggerDirective` instead\n */\n@NgModule({\n\timports: [LuDropdownTriggerDirective],\n\texports: [LuDropdownTriggerDirective],\n})\nexport class LuDropdownTriggerModule {}\n","import { NgModule } from '@angular/core';\nimport { LuDropdownItemModule } from './item/index';\nimport { LuDropdownPanelModule } from './panel/index';\nimport { LuDropdownTriggerModule } from './trigger/index';\n\n/**\n * @deprecated use `LuDropdownTriggerDirective, LuDropdownPanelComponent, LuDropdownItemDirective` instead\n */\n@NgModule({\n\timports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule],\n\texports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule],\n})\nexport class LuDropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -304,7 +304,7 @@ class FileEntryComponent {
|
|
|
304
304
|
return this.deleteFile$.observed;
|
|
305
305
|
}
|
|
306
306
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FileEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
307
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", 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 }, 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]=\"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><span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t<lu-divider vertical />\n\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay() }}</span>\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-S]=\"size() === 'S'\">\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\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tdownload=\"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]=\"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\ticon=\"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\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-padding: var(--pr-t-spacings-150);--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--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-content-svg-margin: 0;--components-fileEntry-filename-alignSelf: end;--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize);--components-fileEntry-status-margin: 0;--components-fileEntry-description-display: flex;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--pr-t-border-radius-default);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-product-700);outline-offset:2px}.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-top: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-inside-icon{color:var(--palettes-critical-700)}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center}.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-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-top: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}}@layer mods{.fileEntry.mod-S{--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)}.fileEntry.mod-S .fileEntry-status-content-inside-icon{--icon-size: 1.25rem}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-aspectRatio: auto;--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-content-svg-width: 72px}.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-S{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.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}.fileEntry.is-error.mod-S{--components-fileEntry-status-blockSize: 100%}.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-S .fileEntry-status-content-inside-loading.loading{--components-loading-size: calc(var(--pr-t-spacings-200) + var(--pr-t-spacings-50))}}@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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { 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: ["label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "searchIcon", "type"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
307
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", 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 }, 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]=\"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><span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t<lu-divider vertical />\n\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay() }}</span>\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-S]=\"size() === 'S'\">\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\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tdownload=\"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]=\"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\ticon=\"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\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-padding: var(--pr-t-spacings-150);--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--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-content-svg-margin: 0;--components-fileEntry-filename-alignSelf: end;--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize);--components-fileEntry-status-margin: 0;--components-fileEntry-description-display: flex;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--pr-t-border-radius-default);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-product-700);outline-offset:2px}.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-top: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-inside-icon{color:var(--palettes-critical-700)}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center}.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-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-top: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}}@layer mods{.fileEntry.mod-S{--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)}.fileEntry.mod-S .fileEntry-status-content-inside-icon{--icon-size: 1.25rem}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-aspectRatio: auto;--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-content-svg-width: 72px}.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-S{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.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}.fileEntry.is-error.mod-S{--components-fileEntry-status-blockSize: 100%}.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-S .fileEntry-status-content-inside-loading.loading{--components-loading-size: calc(var(--pr-t-spacings-200) + var(--pr-t-spacings-50))}}@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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton],span[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { 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: ["label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "searchIcon", "type"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
308
308
|
}
|
|
309
309
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FileEntryComponent, decorators: [{
|
|
310
310
|
type: Component,
|