@lucca-front/ng 17.2.0-rc.1 → 17.2.0
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/empty-state/empty-state-page/empty-state-page.component.d.ts +6 -2
- package/empty-state/empty-state-section/empty-state-section.component.d.ts +1 -1
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/empty-state/empty-state-page/empty-state-page.component.mjs +14 -6
- package/esm2022/empty-state/empty-state-section/empty-state-section.component.mjs +5 -5
- package/esm2022/icon/icon.component.mjs +3 -3
- package/esm2022/multi-select/input/select-input.component.mjs +3 -3
- package/fesm2022/lucca-front-ng-button.mjs +2 -2
- package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +15 -7
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-icon.mjs +2 -2
- package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +2 -2
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/package.json +71 -71
- package/src/components/_popup.scss +2 -2
|
@@ -4,7 +4,7 @@ export declare class EmptyStatePageComponent {
|
|
|
4
4
|
/**
|
|
5
5
|
* Icon image (URL)
|
|
6
6
|
*/
|
|
7
|
-
icon:
|
|
7
|
+
icon: any;
|
|
8
8
|
/**
|
|
9
9
|
* Top right background image (URL)
|
|
10
10
|
*/
|
|
@@ -21,8 +21,12 @@ export declare class EmptyStatePageComponent {
|
|
|
21
21
|
* Bottom left foreground image (URL)
|
|
22
22
|
*/
|
|
23
23
|
bottomLeftForeground: string;
|
|
24
|
+
/**
|
|
25
|
+
* Background color for content (text)
|
|
26
|
+
*/
|
|
27
|
+
contentBackgroundColor: string;
|
|
24
28
|
title: string;
|
|
25
29
|
description: PortalContent;
|
|
26
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStatePageComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStatePageComponent, "lu-empty-state-page", never, { "icon": { "alias": "icon"; "required": false; }; "topRightBackground": { "alias": "topRightBackground"; "required": false; }; "topRightForeground": { "alias": "topRightForeground"; "required": false; }; "bottomLeftBackground": { "alias": "bottomLeftBackground"; "required": false; }; "bottomLeftForeground": { "alias": "bottomLeftForeground"; "required": false; }; "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStatePageComponent, "lu-empty-state-page", never, { "icon": { "alias": "icon"; "required": false; }; "topRightBackground": { "alias": "topRightBackground"; "required": false; }; "topRightForeground": { "alias": "topRightForeground"; "required": false; }; "bottomLeftBackground": { "alias": "bottomLeftBackground"; "required": false; }; "bottomLeftForeground": { "alias": "bottomLeftForeground"; "required": false; }; "contentBackgroundColor": { "alias": "contentBackgroundColor"; "required": false; }; "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
28
32
|
}
|
|
@@ -30,13 +30,13 @@ export class ButtonComponent {
|
|
|
30
30
|
this.#ngClazz.ngClass = ngClassConfig;
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: ButtonComponent, isStandalone: true, selector: "button[luButton],a[luButton]", inputs: { size: "size", block: ["block", "block", booleanAttribute], palette: "palette", state: "state", luButton: "luButton" }, host: { classAttribute: "button" }, usesOnChanges: true, hostDirectives: [{ directive: i1.NgClazz }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: ButtonComponent, isStandalone: true, selector: "button[luButton],a[luButton]", inputs: { size: "size", block: ["block", "block", booleanAttribute], palette: "palette", state: "state", luButton: "luButton" }, host: { classAttribute: "button" }, usesOnChanges: true, hostDirectives: [{ directive: i1.NgClazz }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-delete:not([disabled],.is-disabled):hover{background-color:var(--palettes-error-100);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled):active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:hover{box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:focus-visible{background-color:var(--palettes-error-100);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'button[luButton],a[luButton]', standalone: true, hostDirectives: [NgClazz], template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
38
38
|
class: 'button',
|
|
39
|
-
}, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"] }]
|
|
39
|
+
}, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-delete:not([disabled],.is-disabled):hover{background-color:var(--palettes-error-100);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled):active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:hover{box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:focus-visible{background-color:var(--palettes-error-100);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"] }]
|
|
40
40
|
}], propDecorators: { size: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], block: [{
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import {
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
4
3
|
import { PortalDirective } from '@lucca-front/ng/core';
|
|
4
|
+
import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class EmptyStatePageComponent {
|
|
7
7
|
constructor() {
|
|
8
|
-
this.icon =
|
|
8
|
+
this.icon = null;
|
|
9
9
|
/**
|
|
10
10
|
* Top right background image (URL)
|
|
11
11
|
*/
|
|
@@ -22,13 +22,19 @@ export class EmptyStatePageComponent {
|
|
|
22
22
|
* Bottom left foreground image (URL)
|
|
23
23
|
*/
|
|
24
24
|
this.bottomLeftForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg';
|
|
25
|
+
/**
|
|
26
|
+
* Background color for content (text)
|
|
27
|
+
*/
|
|
28
|
+
this.contentBackgroundColor = 'var(--commons-background-base)';
|
|
25
29
|
}
|
|
26
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", title: "title", description: "description" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[style.--components-emptyState-background-color]=\"
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", title: "title", description: "description" }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\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 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<h1 class=\"emptyState-content-heading\">{{title}}</h1>\n\t\t\t\t<p>\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-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-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: "ngmodule", type: CommonModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
32
|
}
|
|
29
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
|
|
30
34
|
type: Component,
|
|
31
|
-
args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
35
|
+
args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
36
|
+
class: 'emptyState-wrapper',
|
|
37
|
+
}, template: "<section\n\tclass=\"emptyState mod-page\"\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 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<h1 class=\"emptyState-content-heading\">{{title}}</h1>\n\t\t\t\t<p>\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-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"] }]
|
|
32
38
|
}], propDecorators: {
|
|
33
39
|
/**
|
|
34
40
|
* Icon image (URL)
|
|
@@ -43,6 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
43
49
|
type: Input
|
|
44
50
|
}], bottomLeftForeground: [{
|
|
45
51
|
type: Input
|
|
52
|
+
}], contentBackgroundColor: [{
|
|
53
|
+
type: Input
|
|
46
54
|
}], title: [{
|
|
47
55
|
type: Input,
|
|
48
56
|
args: [{
|
|
@@ -54,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
54
62
|
required: true,
|
|
55
63
|
}]
|
|
56
64
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1wYWdlL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtcGFnZS9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBa0JDLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWjs7V0FFRztRQUVILHVCQUFrQixHQUFHLHNGQUFzRixDQUFDO1FBRTVHOztXQUVHO1FBRUgsdUJBQWtCLEdBQUcsNEVBQTRFLENBQUM7UUFFbEc7O1dBRUc7UUFFSCx5QkFBb0IsR0FBRyx3RkFBd0YsQ0FBQztRQUVoSDs7V0FFRztRQUVILHlCQUFvQixHQUFHLDRFQUE0RSxDQUFDO1FBRXBHOztXQUVHO1FBRUgsMkJBQXNCLEdBQUcsZ0NBQWdDLENBQUM7S0FXMUQ7OEdBL0NZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHVhQ2pCcEMscWpDQXVCQSw4cUdEZlcsWUFBWSwwQkFBRSxxQkFBcUIsMERBQUUsZUFBZTs7MkZBU2xELHVCQUF1QjtrQkFabkMsU0FBUzsrQkFDQyxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGVBQWUsQ0FBQyxtQkFHOUMsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDTCxLQUFLLEVBQUUsb0JBQW9CO3FCQUMzQjs7UUFLRDs7V0FFRztRQUNILElBQUk7c0JBTEgsS0FBSztnQkFXTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBT04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBT04sc0JBQXNCO3NCQURyQixLQUFLO2dCQU1OLEtBQUs7c0JBSEosS0FBSzt1QkFBQzt3QkFDTixRQUFRLEVBQUUsSUFBSTtxQkFDZDtnQkFNRCxXQUFXO3NCQUhWLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtcGFnZScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEx1U2FmZUV4dGVybmFsU3ZnUGlwZSwgUG9ydGFsRGlyZWN0aXZlXSxcblx0dGVtcGxhdGVVcmw6ICcuL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybDogJy4vZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdlbXB0eVN0YXRlLXdyYXBwZXInLFxuXHR9LFxufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlUGFnZUNvbXBvbmVudCB7XG5cdEBJbnB1dCgpXG5cblx0LyoqXG5cdCAqIEljb24gaW1hZ2UgKFVSTClcblx0ICovXG5cdGljb24gPSBudWxsO1xuXG5cdC8qKlxuXHQgKiBUb3AgcmlnaHQgYmFja2dyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0dG9wUmlnaHRCYWNrZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2J1YmJsZXMtdG9wLXJpZ2h0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIFRvcCByaWdodCBmb3JlZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHR0b3BSaWdodEZvcmVncm91bmQgPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9nZW5lcmljL2NvZmZlZS0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBCb3R0b20gbGVmdCBiYWNrZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRib3R0b21MZWZ0QmFja2dyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9idWJibGVzLWJvdHRvbS1sZWZ0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIEJvdHRvbSBsZWZ0IGZvcmVncm91bmQgaW1hZ2UgKFVSTClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGJvdHRvbUxlZnRGb3JlZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2NvcmUtaHItMDEuc3ZnJztcblxuXHQvKipcblx0ICogQmFja2dyb3VuZCBjb2xvciBmb3IgY29udGVudCAodGV4dClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGNvbnRlbnRCYWNrZ3JvdW5kQ29sb3IgPSAndmFyKC0tY29tbW9ucy1iYWNrZ3JvdW5kLWJhc2UpJztcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHR0aXRsZTogc3RyaW5nO1xuXG5cdEBJbnB1dCh7XG5cdFx0cmVxdWlyZWQ6IHRydWUsXG5cdH0pXG5cdGRlc2NyaXB0aW9uOiBQb3J0YWxDb250ZW50O1xufVxuIiwiPHNlY3Rpb25cblx0Y2xhc3M9XCJlbXB0eVN0YXRlIG1vZC1wYWdlXCJcblx0W3N0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWJhY2tncm91bmQtY29sb3JdPVwiY29udGVudEJhY2tncm91bmRDb2xvclwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1iYWNrZ3JvdW5kLWJvdHRvbS1sZWZ0PVwidXJsKHt7Ym90dG9tTGVmdEJhY2tncm91bmR9fSlcIlxuXHRzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1pbGx1c3RyYXRpb24tZm9yZWdyb3VuZC1ib3R0b20tbGVmdD1cInVybCh7e2JvdHRvbUxlZnRGb3JlZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWJhY2tncm91bmQtdG9wLXJpZ2h0PVwidXJsKHt7dG9wUmlnaHRCYWNrZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWZvcmVncm91bmQtdG9wLXJpZ2h0PVwidXJsKHt7dG9wUmlnaHRGb3JlZ3JvdW5kfX0pXCJcbj5cblx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGFpbmVyXCI+XG5cdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudFwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudC1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW2lubmVySHRtbF09XCJpY29uIHwgbHVTYWZlRXh0ZXJuYWxTdmdcIj48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8aDEgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaGVhZGluZ1wiPnt7dGl0bGV9fTwvaDE+XG5cdFx0XHRcdDxwPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import {
|
|
2
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
4
3
|
import { PortalDirective } from '@lucca-front/ng/core';
|
|
4
|
+
import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class EmptyStateSectionComponent {
|
|
7
7
|
constructor() {
|
|
@@ -13,11 +13,11 @@ export class EmptyStateSectionComponent {
|
|
|
13
13
|
this.center = false;
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], title: "title", description: "description" }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\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-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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;
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], title: "title", description: "description" }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\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-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\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-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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;
|
|
20
|
+
args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\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-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"] }]
|
|
21
21
|
}], propDecorators: { icon: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], palette: [{
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
38
38
|
required: true,
|
|
39
39
|
}]
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1zZWN0aW9uL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtc2VjdGlvbi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQTBCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQVdyRSxNQUFNLE9BQU8sMEJBQTBCO0lBVHZDO1FBVUM7O1dBRUc7UUFFSCxTQUFJLEdBQUcsNkVBQTZFLENBQUM7UUFHckYsWUFBTyxHQUFZLE1BQU0sQ0FBQztRQUsxQixXQUFNLEdBQUcsS0FBSyxDQUFDO0tBV2Y7OEdBeEJZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG1JQVcxQixnQkFBZ0IseUVDekI3Qix1c0JBZ0JBLDJtR0RSVyxZQUFZLDBCQUFFLHFCQUFxQiwwREFBRSxlQUFlOzsyRkFNbEQsMEJBQTBCO2tCQVR0QyxTQUFTOytCQUNDLHdCQUF3QixjQUN0QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLG1CQUc5Qyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU9yQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQU1OLE1BQU07c0JBSEwsS0FBSzt1QkFBQzt3QkFDTixTQUFTLEVBQUUsZ0JBQWdCO3FCQUMzQjtnQkFNRCxLQUFLO3NCQUhKLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2Q7Z0JBTUQsV0FBVztzQkFIVixLQUFLO3VCQUFDO3dCQUNOLFFBQVEsRUFBRSxJQUFJO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFsZXR0ZSwgUG9ydGFsQ29udGVudCwgUG9ydGFsRGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgTHVTYWZlRXh0ZXJuYWxTdmdQaXBlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL3NhZmUtY29udGVudCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2x1LWVtcHR5LXN0YXRlLXNlY3Rpb24nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVNlY3Rpb25Db21wb25lbnQge1xuXHQvKipcblx0ICogSWNvbiBVUkxcblx0ICovXG5cdEBJbnB1dCgpXG5cdGljb24gPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9pY29ucy9pY29uQmFua25vdGUuc3ZnJztcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlID0gJ25vbmUnO1xuXG5cdEBJbnB1dCh7XG5cdFx0dHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlLFxuXHR9KVxuXHRjZW50ZXIgPSBmYWxzZTtcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHR0aXRsZTogc3RyaW5nO1xuXG5cdEBJbnB1dCh7XG5cdFx0cmVxdWlyZWQ6IHRydWUsXG5cdH0pXG5cdGRlc2NyaXB0aW9uOiBQb3J0YWxDb250ZW50O1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlbXB0eVN0YXRlXCIgW2NsYXNzLm1vZC1jZW50ZXJdPVwiY2VudGVyXCIgW3N0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWJhY2tncm91bmQtY29sb3JdPVwiJ3ZhcigtLWNvbG9ycy13aGl0ZS1jb2xvciknXCI+XG5cdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRhaW5lclwiPlxuXHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaWNvbiBwYWxldHRlLXt7cGFsZXR0ZX19XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW2lubmVySHRtbF09XCJpY29uIHwgbHVTYWZlRXh0ZXJuYWxTdmdcIj48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8aDMgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaGVhZGluZ1wiPnt7dGl0bGV9fTwvaDM+XG5cdFx0XHRcdDxwPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|