@lucca-front/ng 18.3.0-rc.1 → 18.3.0-rc.2
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/esm2022/comment/comment-block/comment-block.component.mjs +3 -3
- package/esm2022/dialog/dialog/dialog.component.mjs +2 -2
- package/esm2022/dialog/dialog-footer/dialog-footer.component.mjs +2 -2
- package/esm2022/dialog/dialog-header/dialog-header.component.mjs +3 -3
- package/esm2022/empty-state/empty-state-page/empty-state-page.component.mjs +5 -3
- package/esm2022/empty-state/empty-state-section/empty-state-section.component.mjs +3 -3
- package/esm2022/skeleton/skeleton-header/skeleton-header.component.mjs +2 -2
- package/fesm2022/lucca-front-ng-comment.mjs +2 -2
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +6 -6
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +6 -4
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +2 -2
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/package.json +26 -26
|
@@ -28,7 +28,7 @@ export class CommentBlockComponent {
|
|
|
28
28
|
provide: COMMENT_BLOCK_INSTANCE,
|
|
29
29
|
useExisting: forwardRef(() => CommentBlockComponent),
|
|
30
30
|
},
|
|
31
|
-
], queries: [{ propertyName: "comments", predicate: CommentComponent, descendants: true, read: CommentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n",
|
|
31
|
+
], queries: [{ propertyName: "comments", predicate: CommentComponent, descendants: true, read: CommentComponent, isSignal: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
32
|
}
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentBlockComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
37
37
|
provide: COMMENT_BLOCK_INSTANCE,
|
|
38
38
|
useExisting: forwardRef(() => CommentBlockComponent),
|
|
39
39
|
},
|
|
40
|
-
], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n"
|
|
40
|
+
], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n@if (isSingleComment()) {\n<div class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n} @else {\n<ol class=\"commentWrapper\" [class.mod-S]=\"small\" [class.mod-compact]=\"compact\" [class.mod-chatAnswer]=\"chatAnswer\">\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ol>\n}\n" }]
|
|
41
41
|
}], propDecorators: { compact: [{
|
|
42
42
|
type: Input,
|
|
43
43
|
args: [{
|
|
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
57
57
|
type: HostBinding,
|
|
58
58
|
args: ['attr.role']
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jb21tZW50L2NvbW1lbnQtYmxvY2svY29tbWVudC1ibG9jay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jb21tZW50L2NvbW1lbnQtYmxvY2svY29tbWVudC1ibG9jay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBZSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvTCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBa0J6RSxNQUFNLE9BQU8scUJBQXFCO0lBaEJsQztRQW9CQyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBS2hCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFLZCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRW5CLGFBQVEsR0FBRyxlQUFlLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFFNUYsZUFBVSxHQUFHLEtBQUssRUFBaUIsQ0FBQztRQUVwQyxXQUFNLEdBQUcsS0FBSyxFQUF3QixDQUFDO1FBRXZDLFNBQUksR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUUxQixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN4QixPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO1FBRUgsb0JBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQy9CLE9BQU8sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7UUFFSCxlQUFVLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFHeEQsU0FBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ2xEO0lBSkEsVUFBVSxDQUFxRDs4R0FoQ25ELHFCQUFxQjtrR0FBckIscUJBQXFCLHFMQUVyQixnQkFBZ0IscUhBS2hCLGdCQUFnQixvSUFLaEIsZ0JBQWdCLDRiQW5CakI7WUFDVjtnQkFDQyxPQUFPLEVBQUUsc0JBQXNCO2dCQUMvQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ3BEO1NBQ0QsbURBa0IwQixnQkFBZ0IsMkJBQVUsZ0JBQWdCLDZDQ3RDdEUsb2ZBV0EsNENERlcsZ0JBQWdCOzsyRkFhZCxxQkFBcUI7a0JBaEJqQyxTQUFTOytCQUNDLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFHWixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBRXBDO3dCQUNWOzRCQUNDLE9BQU8sRUFBRSxzQkFBc0I7NEJBQy9CLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDO3lCQUNwRDtxQkFDRDs4QkFNRCxPQUFPO3NCQUhOLEtBQUs7dUJBQUM7d0JBQ04sU0FBUyxFQUFFLGdCQUFnQjtxQkFDM0I7Z0JBTUQsS0FBSztzQkFISixLQUFLO3VCQUFDO3dCQUNOLFNBQVMsRUFBRSxnQkFBZ0I7cUJBQzNCO2dCQU1ELFVBQVU7c0JBSFQsS0FBSzt1QkFBQzt3QkFDTixTQUFTLEVBQUUsZ0JBQWdCO3FCQUMzQjtnQkFzQk0sSUFBSTtzQkFEVixXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBjb250ZW50Q2hpbGRyZW4sIGZvcndhcmRSZWYsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0LCBpbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50IH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgQ29tbWVudENvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1lbnQvY29tbWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ09NTUVOVF9CTE9DS19JTlNUQU5DRSwgQ09NTUVOVF9DSEFUX0lOU1RBTkNFIH0gZnJvbSAnLi4vdG9rZW4nO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsdS1jb21tZW50LWJsb2NrJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0aW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuXHR0ZW1wbGF0ZVVybDogJy4vY29tbWVudC1ibG9jay5jb21wb25lbnQuaHRtbCcsXG5cblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cblx0cHJvdmlkZXJzOiBbXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogQ09NTUVOVF9CTE9DS19JTlNUQU5DRSxcblx0XHRcdHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENvbW1lbnRCbG9ja0NvbXBvbmVudCksXG5cdFx0fSxcblx0XSxcbn0pXG5leHBvcnQgY2xhc3MgQ29tbWVudEJsb2NrQ29tcG9uZW50IHtcblx0QElucHV0KHtcblx0XHR0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUsXG5cdH0pXG5cdGNvbXBhY3QgPSBmYWxzZTtcblxuXHRASW5wdXQoe1xuXHRcdHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSxcblx0fSlcblx0c21hbGwgPSBmYWxzZTtcblxuXHRASW5wdXQoe1xuXHRcdHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSxcblx0fSlcblx0Y2hhdEFuc3dlciA9IGZhbHNlO1xuXG5cdGNvbW1lbnRzID0gY29udGVudENoaWxkcmVuKENvbW1lbnRDb21wb25lbnQsIHsgcmVhZDogQ29tbWVudENvbXBvbmVudCwgZGVzY2VuZGFudHM6IHRydWUgfSk7XG5cblx0YXV0aG9yTmFtZSA9IGlucHV0PFBvcnRhbENvbnRlbnQ+KCk7XG5cblx0YXZhdGFyID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG5cblx0c2l6ZSA9IGlucHV0PCdTJyB8ICdNJz4oKTtcblxuXHRub0F2YXRhciA9IGNvbXB1dGVkKCgpID0+IHtcblx0XHRyZXR1cm4gIXRoaXMuYXZhdGFyKCk7XG5cdH0pO1xuXG5cdGlzU2luZ2xlQ29tbWVudCA9IGNvbXB1dGVkKCgpID0+IHtcblx0XHRyZXR1cm4gdGhpcy5jb21tZW50cygpLmxlbmd0aCA9PT0gMTtcblx0fSk7XG5cblx0I2NoYXRCbG9jayA9IGluamVjdChDT01NRU5UX0NIQVRfSU5TVEFOQ0UsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG5cblx0QEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKVxuXHRwdWJsaWMgcm9sZSA9IHRoaXMuI2NoYXRCbG9jayA/ICdsaXN0aXRlbScgOiBudWxsO1xufVxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxuXG5AaWYgKGlzU2luZ2xlQ29tbWVudCgpKSB7XG48ZGl2IGNsYXNzPVwiY29tbWVudFdyYXBwZXJcIiBbY2xhc3MubW9kLVNdPVwic21hbGxcIiBbY2xhc3MubW9kLWNvbXBhY3RdPVwiY29tcGFjdFwiIFtjbGFzcy5tb2QtY2hhdEFuc3dlcl09XCJjaGF0QW5zd2VyXCI+XG5cdDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2Rpdj5cbn0gQGVsc2Uge1xuPG9sIGNsYXNzPVwiY29tbWVudFdyYXBwZXJcIiBbY2xhc3MubW9kLVNdPVwic21hbGxcIiBbY2xhc3MubW9kLWNvbXBhY3RdPVwiY29tcGFjdFwiIFtjbGFzcy5tb2QtY2hhdEFuc3dlcl09XCJjaGF0QW5zd2VyXCI+XG5cdDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L29sPlxufVxuIl19
|
|
@@ -20,12 +20,12 @@ export class DialogComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}.dialog .cdk-dialog-container{display:flex;flex-direction:column;width:auto;height:auto;flex-grow:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'lu-dialog', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
28
28
|
class: 'dialog-inside',
|
|
29
|
-
}, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
29
|
+
}, styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}.dialog .cdk-dialog-container{display:flex;flex-direction:column;width:auto;height:auto;flex-grow:1}\n"] }]
|
|
30
30
|
}] });
|
|
31
31
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2RpYWxvZy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pILE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBYXZDLE1BQU0sT0FBTyxlQUFlO0lBWDVCO1FBWWlCLGNBQVMsR0FBRyxNQUFNLENBQWMsV0FBVyxDQUFDLENBQUM7UUFFN0QsaUJBQVksR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDLGFBQWEsQ0FBQztLQWlCekU7SUFqQkEsWUFBWSxDQUE2RDtJQUV6RSxLQUFLO1FBQ0osSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTztRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGVBQWU7UUFDZCxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxhQUFhLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsQ0FBQztZQUM5RyxNQUFNLFNBQVMsR0FDZCxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxvQ0FBb0MsQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUN0TCxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDcEIsQ0FBQztJQUNGLENBQUM7OEdBbkJXLGVBQWU7a0dBQWYsZUFBZSxnSEFSakIsMkJBQTJCOzsyRkFRekIsZUFBZTtrQkFYM0IsU0FBUzsrQkFDQyxXQUFXLGNBQ1QsSUFBSSxZQUNOLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDTCxLQUFLLEVBQUUsZUFBZTtxQkFDdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMdURpYWxvZ1JlZiB9IGZyb20gJy4uL21vZGVsJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZGlhbG9nJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0dGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+Jyxcblx0c3R5bGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdkaWFsb2ctaW5zaWRlJyxcblx0fSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdHB1YmxpYyByZWFkb25seSBkaWFsb2dSZWYgPSBpbmplY3Q8THVEaWFsb2dSZWY+KEx1RGlhbG9nUmVmKTtcblxuXHQjaHRtbEVsZW1lbnQgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnQ7XG5cblx0Y2xvc2UoKTogdm9pZCB7XG5cdFx0dGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcblx0fVxuXG5cdGRpc21pc3MoKTogdm9pZCB7XG5cdFx0dGhpcy5kaWFsb2dSZWYuZGlzbWlzcygpO1xuXHR9XG5cblx0bmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuXHRcdGlmICh0aGlzLmRpYWxvZ1JlZi5jb25maWcuYXV0b0ZvY3VzID09PSAnZmlyc3QtaW5wdXQnICYmICF0aGlzLmRpYWxvZ1JlZi5jb25maWcuY2RrQ29uZmlnT3ZlcnJpZGU/LmF1dG9Gb2N1cykge1xuXHRcdFx0Y29uc3QgZm9jdXNhYmxlOiBIVE1MRWxlbWVudCA9XG5cdFx0XHRcdHRoaXMuI2h0bWxFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5sdURpYWxvZy1hdXRvZm9jdXMgLmx1TmF0aXZlSW5wdXQnKSB8fCB0aGlzLiNodG1sRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcubHVEaWFsb2ctYXV0b2ZvY3VzJykgfHwgdGhpcy4jaHRtbEVsZW1lbnQucXVlcnlTZWxlY3RvcignLmx1TmF0aXZlSW5wdXQnKTtcblx0XHRcdGZvY3VzYWJsZT8uZm9jdXMoKTtcblx0XHR9XG5cdH1cbn1cbiJdfQ==
|
|
@@ -2,12 +2,12 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class DialogFooterComponent {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);bottom:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-left:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-200);flex-direction:var(--components-footer-direction)}.footer-containerOptional{--commons-container-padding: 0;display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-width:calc(var(--commons-container-maxWidth) - var(--components-footer-paddingInline) * 2)}.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width: 30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogFooterComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'lu-dialog-footer', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
10
10
|
class: 'dialog-inside-footer footer',
|
|
11
|
-
}, styles: [".footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);
|
|
11
|
+
}, styles: [".footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-300);background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-200) var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);bottom:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-left:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-200);flex-direction:var(--components-footer-direction)}.footer-containerOptional{--commons-container-padding: 0;display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-width:calc(var(--commons-container-maxWidth) - var(--components-footer-paddingInline) * 2)}.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width: 30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9kaWFsb2cvZGlhbG9nLWZvb3Rlci9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWF0RixNQUFNLE9BQU8scUJBQXFCOzhHQUFyQixxQkFBcUI7a0dBQXJCLHFCQUFxQixxSUFSdkIsMkJBQTJCOzsyRkFRekIscUJBQXFCO2tCQVhqQyxTQUFTOytCQUNDLGtCQUFrQixjQUNoQixJQUFJLFlBQ04sMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNMLEtBQUssRUFBRSw2QkFBNkI7cUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZGlhbG9nLWZvb3RlcicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG5cdHN0eWxlVXJsOiAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC5zY3NzJyxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ2RpYWxvZy1pbnNpZGUtZm9vdGVyIGZvb3RlcicsXG5cdH0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvb3RlckNvbXBvbmVudCB7fVxuIl19
|
|
@@ -35,12 +35,12 @@ export class DialogHeaderComponent {
|
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", host: { classAttribute: "dialog-inside-header" }, ngImport: i0, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", host: { classAttribute: "dialog-inside-header" }, ngImport: i0, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "delete", "palette", "state", "luButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogHeaderComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'lu-dialog-header', standalone: true, imports: [IconComponent, ButtonComponent, NgIf], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
43
43
|
class: 'dialog-inside-header',
|
|
44
|
-
}, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-
|
|
44
|
+
}, template: "<button class=\"dialog-inside-header-button button\" type=\"button\" luButton (click)=\"close()\" *ngIf=\"dismissible\">\n\t<lu-icon icon=\"signClose\"></lu-icon>\n\t<span class=\"u-mask\">{{ intl.close }}</span>\n</button>\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content></ng-content>\n</div>\n", styles: [".dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--commons-borderRadius-L);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container container close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: auto 1fr;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);width:var(--components-dialog-width);height:var(--components-dialog-height);max-width:var(--components-dialog-maxWidth);max-height:var(--components-dialog-maxHeight);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);position:fixed!important;margin:auto;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)),.dialog-inside-formOptional,.dialog-formOptional,.dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto}.dialog:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-content:focus-visible):after,.dialog-inside-formOptional:has(.dialog-content:focus-visible):after,.dialog-formOptional:has(.dialog-content:focus-visible):after,.dialog-form:has(.dialog-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-formOptional,.dialog-form,.dialog-formOptional{min-height:0;flex-grow:1}.dialog-inside{display:contents}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-headerButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dialog-inside-footer.footer{background-color:transparent;position:relative}.dialog-inside-header{display:grid;padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding:var(--pr-t-spacings-200) var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700;padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4;inset:0}.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--commons-borderRadius-L) var(--commons-borderRadius-L) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}\n"] }]
|
|
45
45
|
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9kaWFsb2cvZGlhbG9nLWhlYWRlci9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2RpYWxvZy9kaWFsb2ctaGVhZGVyL2RpYWxvZy1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0gsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFFMUUsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBY2YsTUFBTSxPQUFPLHFCQUFxQjtJQVpsQztRQWFDLFNBQUksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFM0IsU0FBSSxHQUFHLE9BQU8sQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBRTlDLGdCQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFFdEMsZ0JBQVcsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBRTFELGNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7S0FtQjlCO0lBM0JBLElBQUksQ0FBdUI7SUFNM0IsV0FBVyxDQUErQztJQUUxRCxTQUFTLENBQXFCO0lBRTlCLEtBQUs7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxRQUFRO1FBQ1AscUdBQXFHO1FBQ3JHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEUsTUFBTSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsSUFBSSxvQkFBb0IsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUN4RCxJQUFJLE1BQU0sRUFBRSxDQUFDO2dCQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxzQ0FBc0MsQ0FBQyxDQUFDO1lBQ3pFLENBQUM7WUFDRCw0REFBNEQ7WUFDM0QsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsaUJBQXdDLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzFGLENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQzs4R0EzQlcscUJBQXFCO2tHQUFyQixxQkFBcUIsOEhDdkJsQywwVEFRQSx5eFJETVcsYUFBYSw4RkFBRSxlQUFlLDhJQUFFLElBQUk7OzJGQVNsQyxxQkFBcUI7a0JBWmpDLFNBQVM7K0JBQ0Msa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLGFBQWEsRUFBRSxlQUFlLEVBQUUsSUFBSSxDQUFDLG1CQUc5Qix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNMLEtBQUssRUFBRSxzQkFBc0I7cUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrRGlhbG9nQ29udGFpbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGluamVjdCwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvYnV0dG9uJztcbmltcG9ydCB7IGdldEludGwgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2ljb24nO1xuaW1wb3J0IHsgTHVEaWFsb2dSZWYgfSBmcm9tICcuLi9tb2RlbCc7XG5pbXBvcnQgeyBMVV9ESUFMT0dfSEVBREVSX1RSQU5TTEFUSU9OUyB9IGZyb20gJy4vZGlhbG9nLWhlYWRlci50cmFuc2xhdGUnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZGlhbG9nLWhlYWRlcicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtJY29uQ29tcG9uZW50LCBCdXR0b25Db21wb25lbnQsIE5nSWZdLFxuXHR0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsOiAnLi9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC5zY3NzJyxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ2RpYWxvZy1pbnNpZGUtaGVhZGVyJyxcblx0fSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblx0I3JlZiA9IGluamVjdChMdURpYWxvZ1JlZik7XG5cblx0aW50bCA9IGdldEludGwoTFVfRElBTE9HX0hFQURFUl9UUkFOU0xBVElPTlMpO1xuXG5cdGRpc21pc3NpYmxlID0gIXRoaXMuI3JlZi5jb25maWcuYWxlcnQ7XG5cblx0I2VsZW1lbnRSZWYgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpO1xuXG5cdCNyZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuXG5cdGNsb3NlKCk6IHZvaWQge1xuXHRcdHRoaXMuI3JlZi5kaXNtaXNzKCk7XG5cdH1cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHQvLyBVc2luZyBzZXRUaW1lb3V0IGhlcmUgdG8gbWFrZSBzdXJlIHRoaXMgd2lsbCBiZSBoYW5kbGVkIGluIHRoZSBuZXh0IENkIGN5Y2xlLCBub3QgdGhlIGN1cnJlbnQgb25lLlxuXHRcdHNldFRpbWVvdXQoKCkgPT4ge1xuXHRcdFx0Y29uc3QgaGVhZGVyID0gdGhpcy4jZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ2gxJyk7XG5cdFx0XHRjb25zdCBpZCA9IGhlYWRlcj8uaWQgfHwgYGx1LWRpYWxvZy1oZWFkZXItJHtuZXh0SWQrK31gO1xuXHRcdFx0aWYgKGhlYWRlcikge1xuXHRcdFx0XHR0aGlzLiNyZW5kZXJlci5zZXRBdHRyaWJ1dGUoaGVhZGVyLCAnaWQnLCBpZCk7XG5cdFx0XHRcdHRoaXMuI3JlbmRlcmVyLmFkZENsYXNzKGhlYWRlciwgJ2RpYWxvZy1pbnNpZGUtaGVhZGVyLWNvbnRhaW5lci10aXRsZScpO1xuXHRcdFx0fVxuXHRcdFx0Ly8gVE9ETyBjaGFuZ2UgdGhpcyB0byBfYWRkQXJpYUxhYmVsbGVkQnkgb25jZSBjZGsgaXMgPiAxNy4xXG5cdFx0XHQodGhpcy4jcmVmLmNka1JlZi5jb250YWluZXJJbnN0YW5jZSBhcyBDZGtEaWFsb2dDb250YWluZXIpLl9hcmlhTGFiZWxsZWRCeVF1ZXVlLnB1c2goaWQpO1xuXHRcdH0pO1xuXHR9XG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiZGlhbG9nLWluc2lkZS1oZWFkZXItYnV0dG9uIGJ1dHRvblwiIHR5cGU9XCJidXR0b25cIiBsdUJ1dHRvbiAoY2xpY2spPVwiY2xvc2UoKVwiICpuZ0lmPVwiZGlzbWlzc2libGVcIj5cblx0PGx1LWljb24gaWNvbj1cInNpZ25DbG9zZVwiPjwvbHUtaWNvbj5cblx0PHNwYW4gY2xhc3M9XCJ1LW1hc2tcIj57eyBpbnRsLmNsb3NlIH19PC9zcGFuPlxuPC9idXR0b24+XG5cbjxkaXYgY2xhc3M9XCJkaWFsb2ctaW5zaWRlLWhlYWRlci1jb250YWluZXJcIj5cblx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -29,11 +29,13 @@ export class EmptyStatePageComponent {
|
|
|
29
29
|
this.hx = 1;
|
|
30
30
|
}
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", heading: "heading", description: "description", hx: "hx" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{bottomLeftBackground}})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{bottomLeftForeground}})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{topRightBackground}})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{topRightForeground}})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div *ngIf=\"icon\" class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", heading: "heading", description: "description", hx: "hx" }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{bottomLeftBackground}})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{bottomLeftForeground}})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{topRightBackground}})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{topRightForeground}})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div *ngIf=\"icon\" class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-container-maxWidth);left:var(--components-emptyState-container-left);padding:0;width:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--pr-t-spacings-50);width:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding);--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700;margin-bottom:0}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-100)}.emptyState-actions .button{margin:0}.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
|
-
args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [NgIf, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
36
|
+
args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [NgIf, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
37
|
+
class: 'emptyState-wrapper',
|
|
38
|
+
}, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{bottomLeftBackground}})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{bottomLeftForeground}})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{topRightBackground}})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{topRightForeground}})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div *ngIf=\"icon\" class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-container-maxWidth);left:var(--components-emptyState-container-left);padding:0;width:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--pr-t-spacings-50);width:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding);--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700;margin-bottom:0}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-100)}.emptyState-actions .button{margin:0}.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"] }]
|
|
37
39
|
}], propDecorators: {
|
|
38
40
|
/**
|
|
39
41
|
* Icon image (URL)
|
|
@@ -57,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
57
59
|
}], hx: [{
|
|
58
60
|
type: Input
|
|
59
61
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1wYWdlL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtcGFnZS9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBa0JDLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWjs7V0FFRztRQUVILHVCQUFrQixHQUFHLHNGQUFzRixDQUFDO1FBRTVHOztXQUVHO1FBRUgsdUJBQWtCLEdBQUcsNEVBQTRFLENBQUM7UUFFbEc7O1dBRUc7UUFFSCx5QkFBb0IsR0FBRyx3RkFBd0YsQ0FBQztRQUVoSDs7V0FFRztRQUVILHlCQUFvQixHQUFHLDRFQUE0RSxDQUFDO1FBRXBHOztXQUVHO1FBRUgsMkJBQXNCLEdBQUcsdUNBQXVDLENBQUM7UUFTakUsT0FBRSxHQUEwQixDQUFDLENBQUM7S0FDOUI7OEdBOUNZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHFiQ2pCcEMsd3ZDQXdCQSw2eUpEaEJXLElBQUksd0ZBQUUscUJBQXFCLDBEQUFFLGVBQWU7OzJGQVMxQyx1QkFBdUI7a0JBWm5DLFNBQVM7K0JBQ0MscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxxQkFBcUIsRUFBRSxlQUFlLENBQUMsbUJBR3RDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0wsS0FBSyxFQUFFLG9CQUFvQjtxQkFDM0I7O1FBS0Q7O1dBRUc7UUFDSCxJQUFJO3NCQUxILEtBQUs7Z0JBV04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLGtCQUFrQjtzQkFEakIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBT04sb0JBQW9CO3NCQURuQixLQUFLO2dCQU9OLHNCQUFzQjtzQkFEckIsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEVBQUU7c0JBREQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtcGFnZScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0lmLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnZW1wdHlTdGF0ZS13cmFwcGVyJyxcblx0fSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVBhZ2VDb21wb25lbnQge1xuXHRASW5wdXQoKVxuXG5cdC8qKlxuXHQgKiBJY29uIGltYWdlIChVUkwpXG5cdCAqL1xuXHRpY29uID0gbnVsbDtcblxuXHQvKipcblx0ICogVG9wIHJpZ2h0IGJhY2tncm91bmQgaW1hZ2UgKFVSTClcblx0ICovXG5cdEBJbnB1dCgpXG5cdHRvcFJpZ2h0QmFja2dyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9idWJibGVzLXRvcC1yaWdodC0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBUb3AgcmlnaHQgZm9yZWdyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0dG9wUmlnaHRGb3JlZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvZ2VuZXJpYy9jb2ZmZWUtMDEuc3ZnJztcblxuXHQvKipcblx0ICogQm90dG9tIGxlZnQgYmFja2dyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0Ym90dG9tTGVmdEJhY2tncm91bmQgPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9wb3BsZWUvYnViYmxlcy1ib3R0b20tbGVmdC0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBCb3R0b20gbGVmdCBmb3JlZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRib3R0b21MZWZ0Rm9yZWdyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9jb3JlLWhyLTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIEJhY2tncm91bmQgY29sb3IgZm9yIGNvbnRlbnQgKHRleHQpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRjb250ZW50QmFja2dyb3VuZENvbG9yID0gJ3ZhcigtLXByLXQtZWxldmF0aW9uLXN1cmZhY2UtZGVmYXVsdCknO1xuXG5cdEBJbnB1dCgpXG5cdGhlYWRpbmc6IHN0cmluZztcblxuXHRASW5wdXQoKVxuXHRkZXNjcmlwdGlvbjogUG9ydGFsQ29udGVudDtcblxuXHRASW5wdXQoKVxuXHRoeDogMSB8IDIgfCAzIHwgNCB8IDUgfCA2ID0gMTtcbn1cbiIsIjxzZWN0aW9uXG5cdGNsYXNzPVwiZW1wdHlTdGF0ZSBtb2QtcGFnZVwiXG5cdFthdHRyLnJvbGVdPVwiaGVhZGluZyA/IG51bGwgOiAncHJlc2VudGF0aW9uJ1wiXG5cdFtzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbnRlbnRCYWNrZ3JvdW5kQ29sb3JcIlxuXHRzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1pbGx1c3RyYXRpb24tYmFja2dyb3VuZC1ib3R0b20tbGVmdD1cInVybCh7e2JvdHRvbUxlZnRCYWNrZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWZvcmVncm91bmQtYm90dG9tLWxlZnQ9XCJ1cmwoe3tib3R0b21MZWZ0Rm9yZWdyb3VuZH19KVwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1iYWNrZ3JvdW5kLXRvcC1yaWdodD1cInVybCh7e3RvcFJpZ2h0QmFja2dyb3VuZH19KVwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1mb3JlZ3JvdW5kLXRvcC1yaWdodD1cInVybCh7e3RvcFJpZ2h0Rm9yZWdyb3VuZH19KVwiXG4+XG5cdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRhaW5lclwiPlxuXHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIFtpbm5lckh0bWxdPVwiaWNvbiB8IGx1U2FmZUV4dGVybmFsU3ZnXCI+PC9kaXY+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LXRleHRcIj5cblx0XHRcdFx0PGRpdiByb2xlPVwiaGVhZGluZ1wiIFthdHRyLmFyaWEtbGV2ZWxdPVwiaHhcIiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudC1oZWFkaW5nXCIgKm5nSWY9XCJoZWFkaW5nXCI+e3sgaGVhZGluZyB9fTwvZGl2PlxuXHRcdFx0XHQ8cCBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudC1kZXNjcmlwdGlvblwiICpuZ0lmPVwiZGVzY3JpcHRpb25cIj5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpsdVBvcnRhbD1cImRlc2NyaXB0aW9uXCI+PC9uZy1jb250YWluZXI+XG5cdFx0XHRcdDwvcD5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtYWN0aW9uc1wiPlxuXHRcdFx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -19,11 +19,11 @@ export class EmptyStateSectionComponent {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.1", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], heading: "heading", description: "description", hx: "hx" }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div\n\t\t\t\t*ngIf=\"icon\"\n\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t[ngClass]=\"emptyStateClasses\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t[innerHtml]=\"icon | luSafeExternalSvg\"\n\t\t\t></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.1", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], heading: "heading", description: "description", hx: "hx" }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div\n\t\t\t\t*ngIf=\"icon\"\n\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t[ngClass]=\"emptyStateClasses\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t[innerHtml]=\"icon | luSafeExternalSvg\"\n\t\t\t></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-container-maxWidth);left:var(--components-emptyState-container-left);padding:0;width:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--pr-t-spacings-50);width:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding);--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700;margin-bottom:0}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-100)}.emptyState-actions .button{margin:0}.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [NgClass, NgIf, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div\n\t\t\t\t*ngIf=\"icon\"\n\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t[ngClass]=\"emptyStateClasses\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t[innerHtml]=\"icon | luSafeExternalSvg\"\n\t\t\t></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--
|
|
26
|
+
args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [NgClass, NgIf, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div\n\t\t\t\t*ngIf=\"icon\"\n\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t[ngClass]=\"emptyStateClasses\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t[innerHtml]=\"icon | luSafeExternalSvg\"\n\t\t\t></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\" *ngIf=\"heading\">{{ heading }}</div>\n\t\t\t\t<p class=\"emptyState-content-description\" *ngIf=\"description\">\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-container-maxWidth);left:var(--components-emptyState-container-left);padding:0;width:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--pr-t-spacings-50);width:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding);--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700;margin-bottom:0}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-100)}.emptyState-actions .button{margin:0}.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"] }]
|
|
27
27
|
}], propDecorators: { icon: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], palette: [{
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
40
40
|
}], hx: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1zZWN0aW9uL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtc2VjdGlvbi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0csT0FBTyxFQUEwQixlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFXckUsTUFBTSxPQUFPLDBCQUEwQjtJQVR2QztRQVVDOztXQUVHO1FBRUgsU0FBSSxHQUFHLDZFQUE2RSxDQUFDO1FBR3JGLFlBQU8sR0FBWSxNQUFNLENBQUM7UUFLMUIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQVNmLE9BQUUsR0FBMEIsQ0FBQyxDQUFDO0tBTzlCO0lBTEEsSUFBSSxpQkFBaUI7UUFDcEIsT0FBTztZQUNOLENBQUMsV0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU87U0FDM0MsQ0FBQztJQUNILENBQUM7OEdBNUJXLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG1JQVcxQixnQkFBZ0IsdUZDekI3Qix1M0JBc0JBLDB1SkRkVyxPQUFPLG9GQUFFLElBQUksd0ZBQUUscUJBQXFCLDBEQUFFLGVBQWU7OzJGQU1uRCwwQkFBMEI7a0JBVHRDLFNBQVM7K0JBQ0Msd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLG1CQUcvQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU9yQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQU1OLE1BQU07c0JBSEwsS0FBSzt1QkFBQzt3QkFDTixTQUFTLEVBQUUsZ0JBQWdCO3FCQUMzQjtnQkFJRCxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEVBQUU7c0JBREQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWxldHRlLCBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtc2VjdGlvbicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0NsYXNzLCBOZ0lmLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVNlY3Rpb25Db21wb25lbnQge1xuXHQvKipcblx0ICogSWNvbiBVUkxcblx0ICovXG5cdEBJbnB1dCgpXG5cdGljb24gPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9pY29ucy9pY29uQmFua25vdGUuc3ZnJztcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlID0gJ25vbmUnO1xuXG5cdEBJbnB1dCh7XG5cdFx0dHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlLFxuXHR9KVxuXHRjZW50ZXIgPSBmYWxzZTtcblxuXHRASW5wdXQoKVxuXHRoZWFkaW5nOiBzdHJpbmc7XG5cblx0QElucHV0KClcblx0ZGVzY3JpcHRpb246IFBvcnRhbENvbnRlbnQ7XG5cblx0QElucHV0KClcblx0aHg6IDEgfCAyIHwgMyB8IDQgfCA1IHwgNiA9IDM7XG5cblx0Z2V0IGVtcHR5U3RhdGVDbGFzc2VzKCkge1xuXHRcdHJldHVybiB7XG5cdFx0XHRbYHBhbGV0dGUtJHt0aGlzLnBhbGV0dGV9YF06ICEhdGhpcy5wYWxldHRlLFxuXHRcdH07XG5cdH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiZW1wdHlTdGF0ZVwiIFtjbGFzcy5tb2QtY2VudGVyXT1cImNlbnRlclwiIFthdHRyLnJvbGVdPVwiaGVhZGluZyA/IG51bGwgOiAncHJlc2VudGF0aW9uJ1wiPlxuXHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250YWluZXJcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50XCI+XG5cdFx0XHQ8ZGl2XG5cdFx0XHRcdCpuZ0lmPVwiaWNvblwiXG5cdFx0XHRcdGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWljb25cIlxuXHRcdFx0XHRbbmdDbGFzc109XCJlbXB0eVN0YXRlQ2xhc3Nlc1wiXG5cdFx0XHRcdGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG5cdFx0XHRcdFtpbm5lckh0bWxdPVwiaWNvbiB8IGx1U2FmZUV4dGVybmFsU3ZnXCJcblx0XHRcdD48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8ZGl2IHJvbGU9XCJoZWFkaW5nXCIgW2F0dHIuYXJpYS1sZXZlbF09XCJoeFwiIGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWhlYWRpbmdcIiAqbmdJZj1cImhlYWRpbmdcIj57eyBoZWFkaW5nIH19PC9kaXY+XG5cdFx0XHRcdDxwIGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWRlc2NyaXB0aW9uXCIgKm5nSWY9XCJkZXNjcmlwdGlvblwiPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|