@lucca-front/ng 18.3.1 → 18.3.3
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/core-select/input/select-input.component.d.ts +1 -1
- package/core-select/input/select-input.models.d.ts +2 -1
- package/core-select/panel/panel.utils.d.ts +1 -1
- package/core-select/select.utils.d.ts +1 -1
- package/date2/date-input/date-input.component.d.ts +2 -0
- package/esm2022/callout/callout-disclosure/callout-disclosure.component.mjs +3 -3
- package/esm2022/core-select/api/api-v4.directive.mjs +3 -3
- package/esm2022/core-select/establishment/establishments.directive.mjs +3 -3
- package/esm2022/core-select/input/select-input.component.mjs +8 -6
- package/esm2022/core-select/input/select-input.models.mjs +7 -30
- package/esm2022/core-select/job-qualification/job-qualifications.directive.mjs +3 -3
- package/esm2022/core-select/panel/panel.utils.mjs +9 -5
- package/esm2022/core-select/select.utils.mjs +2 -5
- package/esm2022/core-select/user/users.directive.mjs +21 -7
- package/esm2022/date2/date-input/date-input.component.mjs +63 -15
- package/esm2022/dialog/dialog-header/dialog-header.component.mjs +2 -3
- package/esm2022/empty-state/empty-state-page/empty-state-page.component.mjs +3 -3
- package/esm2022/empty-state/empty-state-section/empty-state-section.component.mjs +3 -3
- package/esm2022/form-field/form-field.component.mjs +10 -9
- package/esm2022/forms/checkbox-input/checkbox-input.component.mjs +3 -3
- package/esm2022/forms/form-field-id.directive.mjs +4 -4
- package/esm2022/multi-select/displayer/displayer-input.directive.mjs +5 -5
- package/esm2022/multi-select/input/panel-ref.factory.mjs +5 -1
- package/esm2022/multi-select/input/select-all/with-select-all.directive.mjs +9 -13
- package/esm2022/multi-select/input/select-input.component.mjs +10 -8
- package/esm2022/multi-select/panel/panel.component.mjs +3 -2
- package/esm2022/simple-select/input/panel-ref.factory.mjs +5 -2
- package/esm2022/simple-select/input/select-input.component.mjs +2 -4
- package/esm2022/simple-select/panel/panel.component.mjs +3 -2
- package/esm2022/skeleton/skeleton-field/skeleton-field.component.mjs +2 -2
- package/esm2022/tooltip/panel/tooltip-panel.component.mjs +3 -3
- package/esm2022/tooltip/trigger/ellipsis.ruler.mjs +40 -18
- package/esm2022/tooltip/trigger/tooltip-trigger.directive.mjs +42 -38
- package/esm2022/user/tile/user-tile.component.mjs +2 -2
- package/fesm2022/lucca-front-ng-callout.mjs +2 -2
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-api.mjs +2 -2
- package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +2 -2
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +2 -2
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-user.mjs +20 -6
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +24 -41
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +62 -14
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +1 -2
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +4 -4
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +9 -8
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +5 -5
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +25 -24
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +6 -4
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +2 -2
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +83 -57
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +2 -2
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/form-field/form-field.component.d.ts +1 -1
- package/multi-select/displayer/displayer-input.directive.d.ts +2 -2
- package/multi-select/input/panel-ref.factory.d.ts +2 -0
- package/multi-select/input/select-input.component.d.ts +3 -1
- package/multi-select/panel/panel.component.d.ts +1 -0
- package/package.json +39 -39
- package/simple-select/input/panel-ref.factory.d.ts +2 -0
- package/simple-select/panel/panel.component.d.ts +1 -0
- package/src/components/_popup.scss +1 -1
- package/src/components/_sidepanel.scss +4 -0
- package/tooltip/panel/tooltip-panel.component.d.ts +2 -2
- package/tooltip/trigger/ellipsis.ruler.d.ts +9 -2
- package/tooltip/trigger/tooltip-trigger.directive.d.ts +4 -6
|
@@ -30,8 +30,7 @@ export class DialogHeaderComponent {
|
|
|
30
30
|
this.#renderer.setAttribute(header, 'id', id);
|
|
31
31
|
this.#renderer.addClass(header, 'dialog-inside-header-container-title');
|
|
32
32
|
}
|
|
33
|
-
|
|
34
|
-
this.#ref.cdkRef.containerInstance._ariaLabelledByQueue.push(id);
|
|
33
|
+
this.#ref.cdkRef.containerInstance?._addAriaLabelledBy(id);
|
|
35
34
|
});
|
|
36
35
|
}
|
|
37
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -43,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
43
42
|
class: 'dialog-inside-header',
|
|
44
43
|
}, 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: ["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
44
|
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9kaWFsb2cvZGlhbG9nLWhlYWRlci9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2RpYWxvZy9kaWFsb2ctaGVhZGVyL2RpYWxvZy1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0gsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFFMUUsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBY2YsTUFBTSxPQUFPLHFCQUFxQjtJQVpsQztRQWFDLFNBQUksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFM0IsU0FBSSxHQUFHLE9BQU8sQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBRTlDLGdCQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFFdEMsZ0JBQVcsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBRTFELGNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7S0FrQjlCO0lBMUJBLElBQUksQ0FBdUI7SUFNM0IsV0FBVyxDQUErQztJQUUxRCxTQUFTLENBQXFCO0lBRTlCLEtBQUs7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxRQUFRO1FBQ1AscUdBQXFHO1FBQ3JHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEUsTUFBTSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsSUFBSSxvQkFBb0IsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUN4RCxJQUFJLE1BQU0sRUFBRSxDQUFDO2dCQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxzQ0FBc0MsQ0FBQyxDQUFDO1lBQ3pFLENBQUM7WUFDQSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxpQkFBd0MsRUFBRSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwRixDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7OEdBMUJXLHFCQUFxQjtrR0FBckIscUJBQXFCLDhIQ3ZCbEMsMFRBUUEsNHBERE1XLGFBQWEsOEZBQUUsZUFBZSw4SUFBRSxJQUFJOzsyRkFTbEMscUJBQXFCO2tCQVpqQyxTQUFTOytCQUNDLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLElBQUksQ0FBQyxtQkFHOUIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDTCxLQUFLLEVBQUUsc0JBQXNCO3FCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0RpYWxvZ0NvbnRhaW5lciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBpbmplY3QsIE9uSW5pdCwgUmVuZGVyZXIyLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2J1dHRvbic7XG5pbXBvcnQgeyBnZXRJbnRsIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9pY29uJztcbmltcG9ydCB7IEx1RGlhbG9nUmVmIH0gZnJvbSAnLi4vbW9kZWwnO1xuaW1wb3J0IHsgTFVfRElBTE9HX0hFQURFUl9UUkFOU0xBVElPTlMgfSBmcm9tICcuL2RpYWxvZy1oZWFkZXIudHJhbnNsYXRlJztcblxubGV0IG5leHRJZCA9IDA7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2x1LWRpYWxvZy1oZWFkZXInLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBOZ0lmXSxcblx0dGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybDogJy4vZGlhbG9nLWhlYWRlci5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdkaWFsb2ctaW5zaWRlLWhlYWRlcicsXG5cdH0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0hlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdCNyZWYgPSBpbmplY3QoTHVEaWFsb2dSZWYpO1xuXG5cdGludGwgPSBnZXRJbnRsKExVX0RJQUxPR19IRUFERVJfVFJBTlNMQVRJT05TKTtcblxuXHRkaXNtaXNzaWJsZSA9ICF0aGlzLiNyZWYuY29uZmlnLmFsZXJ0O1xuXG5cdCNlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblxuXHQjcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcblxuXHRjbG9zZSgpOiB2b2lkIHtcblx0XHR0aGlzLiNyZWYuZGlzbWlzcygpO1xuXHR9XG5cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdFx0Ly8gVXNpbmcgc2V0VGltZW91dCBoZXJlIHRvIG1ha2Ugc3VyZSB0aGlzIHdpbGwgYmUgaGFuZGxlZCBpbiB0aGUgbmV4dCBDZCBjeWNsZSwgbm90IHRoZSBjdXJyZW50IG9uZS5cblx0XHRzZXRUaW1lb3V0KCgpID0+IHtcblx0XHRcdGNvbnN0IGhlYWRlciA9IHRoaXMuI2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdoMScpO1xuXHRcdFx0Y29uc3QgaWQgPSBoZWFkZXI/LmlkIHx8IGBsdS1kaWFsb2ctaGVhZGVyLSR7bmV4dElkKyt9YDtcblx0XHRcdGlmIChoZWFkZXIpIHtcblx0XHRcdFx0dGhpcy4jcmVuZGVyZXIuc2V0QXR0cmlidXRlKGhlYWRlciwgJ2lkJywgaWQpO1xuXHRcdFx0XHR0aGlzLiNyZW5kZXJlci5hZGRDbGFzcyhoZWFkZXIsICdkaWFsb2ctaW5zaWRlLWhlYWRlci1jb250YWluZXItdGl0bGUnKTtcblx0XHRcdH1cblx0XHRcdCh0aGlzLiNyZWYuY2RrUmVmLmNvbnRhaW5lckluc3RhbmNlIGFzIENka0RpYWxvZ0NvbnRhaW5lcik/Ll9hZGRBcmlhTGFiZWxsZWRCeShpZCk7XG5cdFx0fSk7XG5cdH1cbn1cbiIsIjxidXR0b24gY2xhc3M9XCJkaWFsb2ctaW5zaWRlLWhlYWRlci1idXR0b24gYnV0dG9uXCIgdHlwZT1cImJ1dHRvblwiIGx1QnV0dG9uIChjbGljayk9XCJjbG9zZSgpXCIgKm5nSWY9XCJkaXNtaXNzaWJsZVwiPlxuXHQ8bHUtaWNvbiBpY29uPVwic2lnbkNsb3NlXCI+PC9sdS1pY29uPlxuXHQ8c3BhbiBjbGFzcz1cInUtbWFza1wiPnt7IGludGwuY2xvc2UgfX08L3NwYW4+XG48L2J1dHRvbj5cblxuPGRpdiBjbGFzcz1cImRpYWxvZy1pbnNpZGUtaGVhZGVyLWNvbnRhaW5lclwiPlxuXHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -29,13 +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" }, 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-
|
|
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;align-items:center;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.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
36
|
args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [NgIf, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
37
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-
|
|
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;align-items:center;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.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"] }]
|
|
39
39
|
}], propDecorators: {
|
|
40
40
|
/**
|
|
41
41
|
* Icon image (URL)
|
|
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
59
59
|
}], hx: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1wYWdlL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtcGFnZS9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBa0JDLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWjs7V0FFRztRQUVILHVCQUFrQixHQUFHLHNGQUFzRixDQUFDO1FBRTVHOztXQUVHO1FBRUgsdUJBQWtCLEdBQUcsNEVBQTRFLENBQUM7UUFFbEc7O1dBRUc7UUFFSCx5QkFBb0IsR0FBRyx3RkFBd0YsQ0FBQztRQUVoSDs7V0FFRztRQUVILHlCQUFvQixHQUFHLDRFQUE0RSxDQUFDO1FBRXBHOztXQUVHO1FBRUgsMkJBQXNCLEdBQUcsdUNBQXVDLENBQUM7UUFTakUsT0FBRSxHQUEwQixDQUFDLENBQUM7S0FDOUI7OEdBOUNZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHFiQ2pCcEMsd3ZDQXdCQSxnMEpEaEJXLElBQUksd0ZBQUUscUJBQXFCLDBEQUFFLGVBQWU7OzJGQVMxQyx1QkFBdUI7a0JBWm5DLFNBQVM7K0JBQ0MscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxxQkFBcUIsRUFBRSxlQUFlLENBQUMsbUJBR3RDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0wsS0FBSyxFQUFFLG9CQUFvQjtxQkFDM0I7O1FBS0Q7O1dBRUc7UUFDSCxJQUFJO3NCQUxILEtBQUs7Z0JBV04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLGtCQUFrQjtzQkFEakIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBT04sb0JBQW9CO3NCQURuQixLQUFLO2dCQU9OLHNCQUFzQjtzQkFEckIsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEVBQUU7c0JBREQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtcGFnZScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0lmLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnZW1wdHlTdGF0ZS13cmFwcGVyJyxcblx0fSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVBhZ2VDb21wb25lbnQge1xuXHRASW5wdXQoKVxuXG5cdC8qKlxuXHQgKiBJY29uIGltYWdlIChVUkwpXG5cdCAqL1xuXHRpY29uID0gbnVsbDtcblxuXHQvKipcblx0ICogVG9wIHJpZ2h0IGJhY2tncm91bmQgaW1hZ2UgKFVSTClcblx0ICovXG5cdEBJbnB1dCgpXG5cdHRvcFJpZ2h0QmFja2dyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9idWJibGVzLXRvcC1yaWdodC0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBUb3AgcmlnaHQgZm9yZWdyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0dG9wUmlnaHRGb3JlZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvZ2VuZXJpYy9jb2ZmZWUtMDEuc3ZnJztcblxuXHQvKipcblx0ICogQm90dG9tIGxlZnQgYmFja2dyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0Ym90dG9tTGVmdEJhY2tncm91bmQgPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9wb3BsZWUvYnViYmxlcy1ib3R0b20tbGVmdC0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBCb3R0b20gbGVmdCBmb3JlZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRib3R0b21MZWZ0Rm9yZWdyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9jb3JlLWhyLTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIEJhY2tncm91bmQgY29sb3IgZm9yIGNvbnRlbnQgKHRleHQpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRjb250ZW50QmFja2dyb3VuZENvbG9yID0gJ3ZhcigtLXByLXQtZWxldmF0aW9uLXN1cmZhY2UtZGVmYXVsdCknO1xuXG5cdEBJbnB1dCgpXG5cdGhlYWRpbmc6IHN0cmluZztcblxuXHRASW5wdXQoKVxuXHRkZXNjcmlwdGlvbjogUG9ydGFsQ29udGVudDtcblxuXHRASW5wdXQoKVxuXHRoeDogMSB8IDIgfCAzIHwgNCB8IDUgfCA2ID0gMTtcbn1cbiIsIjxzZWN0aW9uXG5cdGNsYXNzPVwiZW1wdHlTdGF0ZSBtb2QtcGFnZVwiXG5cdFthdHRyLnJvbGVdPVwiaGVhZGluZyA/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) );--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-
|
|
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;align-items:center;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.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) );--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-
|
|
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;align-items:center;margin-top:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1zZWN0aW9uL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtc2VjdGlvbi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0csT0FBTyxFQUEwQixlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFXckUsTUFBTSxPQUFPLDBCQUEwQjtJQVR2QztRQVVDOztXQUVHO1FBRUgsU0FBSSxHQUFHLDZFQUE2RSxDQUFDO1FBR3JGLFlBQU8sR0FBWSxNQUFNLENBQUM7UUFLMUIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQVNmLE9BQUUsR0FBMEIsQ0FBQyxDQUFDO0tBTzlCO0lBTEEsSUFBSSxpQkFBaUI7UUFDcEIsT0FBTztZQUNOLENBQUMsV0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU87U0FDM0MsQ0FBQztJQUNILENBQUM7OEdBNUJXLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG1JQVcxQixnQkFBZ0IsdUZDekI3Qix1M0JBc0JBLDZ2SkRkVyxPQUFPLG9GQUFFLElBQUksd0ZBQUUscUJBQXFCLDBEQUFFLGVBQWU7OzJGQU1uRCwwQkFBMEI7a0JBVHRDLFNBQVM7K0JBQ0Msd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLG1CQUcvQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU9yQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQU1OLE1BQU07c0JBSEwsS0FBSzt1QkFBQzt3QkFDTixTQUFTLEVBQUUsZ0JBQWdCO3FCQUMzQjtnQkFJRCxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEVBQUU7c0JBREQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWxldHRlLCBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtc2VjdGlvbicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0NsYXNzLCBOZ0lmLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVNlY3Rpb25Db21wb25lbnQge1xuXHQvKipcblx0ICogSWNvbiBVUkxcblx0ICovXG5cdEBJbnB1dCgpXG5cdGljb24gPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9pY29ucy9pY29uQmFua25vdGUuc3ZnJztcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlID0gJ25vbmUnO1xuXG5cdEBJbnB1dCh7XG5cdFx0dHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlLFxuXHR9KVxuXHRjZW50ZXIgPSBmYWxzZTtcblxuXHRASW5wdXQoKVxuXHRoZWFkaW5nOiBzdHJpbmc7XG5cblx0QElucHV0KClcblx0ZGVzY3JpcHRpb246IFBvcnRhbENvbnRlbnQ7XG5cblx0QElucHV0KClcblx0aHg6IDEgfCAyIHwgMyB8IDQgfCA1IHwgNiA9IDM7XG5cblx0Z2V0IGVtcHR5U3RhdGVDbGFzc2VzKCkge1xuXHRcdHJldHVybiB7XG5cdFx0XHRbYHBhbGV0dGUtJHt0aGlzLnBhbGV0dGV9YF06ICEhdGhpcy5wYWxldHRlLFxuXHRcdH07XG5cdH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiZW1wdHlTdGF0ZVwiIFtjbGFzcy5tb2QtY2VudGVyXT1cImNlbnRlclwiIFthdHRyLnJvbGVdPVwiaGVhZGluZyA/IG51bGwgOiAncHJlc2VudGF0aW9uJ1wiPlxuXHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250YWluZXJcIj5cblx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50XCI+XG5cdFx0XHQ8ZGl2XG5cdFx0XHRcdCpuZ0lmPVwiaWNvblwiXG5cdFx0XHRcdGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWljb25cIlxuXHRcdFx0XHRbbmdDbGFzc109XCJlbXB0eVN0YXRlQ2xhc3Nlc1wiXG5cdFx0XHRcdGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG5cdFx0XHRcdFtpbm5lckh0bWxdPVwiaWNvbiB8IGx1U2FmZUV4dGVybmFsU3ZnXCJcblx0XHRcdD48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8ZGl2IHJvbGU9XCJoZWFkaW5nXCIgW2F0dHIuYXJpYS1sZXZlbF09XCJoeFwiIGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWhlYWRpbmdcIiAqbmdJZj1cImhlYWRpbmdcIj57eyBoZWFkaW5nIH19PC9kaXY+XG5cdFx0XHRcdDxwIGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWRlc2NyaXB0aW9uXCIgKm5nSWY9XCJkZXNjcmlwdGlvblwiPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|