@lucca-front/ng 17.2.0-rc.1 → 17.2.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/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-multi-select.mjs +2 -2
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/package.json +70 -70
- 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(--colors-white-color)';
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1wYWdlL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtcGFnZS9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBa0JDLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWjs7V0FFRztRQUVILHVCQUFrQixHQUFHLHNGQUFzRixDQUFDO1FBRTVHOztXQUVHO1FBRUgsdUJBQWtCLEdBQUcsNEVBQTRFLENBQUM7UUFFbEc7O1dBRUc7UUFFSCx5QkFBb0IsR0FBRyx3RkFBd0YsQ0FBQztRQUVoSDs7V0FFRztRQUVILHlCQUFvQixHQUFHLDRFQUE0RSxDQUFDO1FBRXBHOztXQUVHO1FBRUgsMkJBQXNCLEdBQUcsMkJBQTJCLENBQUM7S0FXckQ7OEdBL0NZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHVhQ2pCcEMscWpDQXVCQSw4cUdEZlcsWUFBWSwwQkFBRSxxQkFBcUIsMERBQUUsZUFBZTs7MkZBU2xELHVCQUF1QjtrQkFabkMsU0FBUzsrQkFDQyxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGVBQWUsQ0FBQyxtQkFHOUMsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDTCxLQUFLLEVBQUUsb0JBQW9CO3FCQUMzQjs7UUFLRDs7V0FFRztRQUNILElBQUk7c0JBTEgsS0FBSztnQkFXTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBT04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBT04sc0JBQXNCO3NCQURyQixLQUFLO2dCQU1OLEtBQUs7c0JBSEosS0FBSzt1QkFBQzt3QkFDTixRQUFRLEVBQUUsSUFBSTtxQkFDZDtnQkFNRCxXQUFXO3NCQUhWLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtcGFnZScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEx1U2FmZUV4dGVybmFsU3ZnUGlwZSwgUG9ydGFsRGlyZWN0aXZlXSxcblx0dGVtcGxhdGVVcmw6ICcuL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybDogJy4vZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdlbXB0eVN0YXRlLXdyYXBwZXInLFxuXHR9LFxufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlUGFnZUNvbXBvbmVudCB7XG5cdEBJbnB1dCgpXG5cblx0LyoqXG5cdCAqIEljb24gaW1hZ2UgKFVSTClcblx0ICovXG5cdGljb24gPSBudWxsO1xuXG5cdC8qKlxuXHQgKiBUb3AgcmlnaHQgYmFja2dyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0dG9wUmlnaHRCYWNrZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2J1YmJsZXMtdG9wLXJpZ2h0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIFRvcCByaWdodCBmb3JlZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHR0b3BSaWdodEZvcmVncm91bmQgPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9nZW5lcmljL2NvZmZlZS0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBCb3R0b20gbGVmdCBiYWNrZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRib3R0b21MZWZ0QmFja2dyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9idWJibGVzLWJvdHRvbS1sZWZ0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIEJvdHRvbSBsZWZ0IGZvcmVncm91bmQgaW1hZ2UgKFVSTClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGJvdHRvbUxlZnRGb3JlZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2NvcmUtaHItMDEuc3ZnJztcblxuXHQvKipcblx0ICogQmFja2dyb3VuZCBjb2xvciBmb3IgY29udGVudCAodGV4dClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGNvbnRlbnRCYWNrZ3JvdW5kQ29sb3IgPSAndmFyKC0tY29sb3JzLXdoaXRlLWNvbG9yKSc7XG5cblx0QElucHV0KHtcblx0XHRyZXF1aXJlZDogdHJ1ZSxcblx0fSlcblx0dGl0bGU6IHN0cmluZztcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHRkZXNjcmlwdGlvbjogUG9ydGFsQ29udGVudDtcbn1cbiIsIjxzZWN0aW9uXG5cdGNsYXNzPVwiZW1wdHlTdGF0ZSBtb2QtcGFnZVwiXG5cdFtzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbnRlbnRCYWNrZ3JvdW5kQ29sb3JcIlxuXHRzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1pbGx1c3RyYXRpb24tYmFja2dyb3VuZC1ib3R0b20tbGVmdD1cInVybCh7e2JvdHRvbUxlZnRCYWNrZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWZvcmVncm91bmQtYm90dG9tLWxlZnQ9XCJ1cmwoe3tib3R0b21MZWZ0Rm9yZWdyb3VuZH19KVwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1iYWNrZ3JvdW5kLXRvcC1yaWdodD1cInVybCh7e3RvcFJpZ2h0QmFja2dyb3VuZH19KVwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1mb3JlZ3JvdW5kLXRvcC1yaWdodD1cInVybCh7e3RvcFJpZ2h0Rm9yZWdyb3VuZH19KVwiXG4+XG5cdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRhaW5lclwiPlxuXHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIFtpbm5lckh0bWxdPVwiaWNvbiB8IGx1U2FmZUV4dGVybmFsU3ZnXCI+PC9kaXY+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LXRleHRcIj5cblx0XHRcdFx0PGgxIGNsYXNzPVwiZW1wdHlTdGF0ZS1jb250ZW50LWhlYWRpbmdcIj57e3RpdGxlfX08L2gxPlxuXHRcdFx0XHQ8cD5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyICpsdVBvcnRhbD1cImRlc2NyaXB0aW9uXCI+PC9uZy1jb250YWluZXI+XG5cdFx0XHRcdDwvcD5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtYWN0aW9uc1wiPlxuXHRcdFx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -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==
|
|
@@ -89,7 +89,7 @@ export class LuMultiSelectInputComponent extends ALuSelectInputComponent {
|
|
|
89
89
|
provideLuSelectOverlayContainer(),
|
|
90
90
|
provideLuSelectLabelsAndIds(),
|
|
91
91
|
LuMultiSelectPanelRefFactory,
|
|
92
|
-
], usesInheritance: true, ngImport: i0, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button *ngIf=\"hasValue && clearable\" role=\"button\" class=\"multipleSelect-clear clear\" (click)=\"clearValue($event)\">\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: ɵLuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
92
|
+
], usesInheritance: true, ngImport: i0, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button *ngIf=\"hasValue && clearable\" role=\"button\" class=\"multipleSelect-clear clear\" (click)=\"clearValue($event)\">\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: [".multiSelect{--components-multiSelect-fontSize: var(--sizes-M-fontSize);--components-multiSelect-lineHeight: var(--sizes-M-lineHeight);--components-multiSelect-padding: var(--spacings-XS);--components-multiSelect-gap: var(--spacings-XS);--components-multiSelect-background: var(--colors-white-color);--components-multiSelect-border-color: var(--palettes-grey-300);--components-multiSelect-placeholder: var(--palettes-grey-400);--components-multiSelect-arrow-color: var(--palettes-grey-600);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multipleSelect-displayer{display:flex;gap:var(--spacings-XXS);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip-value{max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-width:2rem;width:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--palettes-grey-800);font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--palettes-grey-400)}.multipleSelect-displayer-label{font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight)}.multipleSelect-clear{margin-bottom:var(--spacings-XXS)}.multipleSelect-arrow{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color)}.multiSelect.mod-S{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: .375rem;--components-multiSelect-gap: .375rem}.multiSelect.mod-S .multipleSelect-arrow{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect.mod-S .multipleSelect-displayer-numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-primary-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--palettes-error-400);--components-multiSelect-background: var(--palettes-error-50);--components-multiSelect-placeholder: var(--palettes-error-400)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-border-color: var(--palettes-grey-300);--components-multiSelect-background: var(--palettes-grey-100);--components-multiSelect-placeholder: var(--palettes-grey-400);--components-multiSelect-arrow-color: var(--palettes-grey-500);pointer-events:none}.multipleSelect-displayer.mod-filter{display:grid}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-filter{grid-column-start:1;grid-row-start:1;display:flex;gap:var(--spacings-XXS)}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-search{grid-column-start:1;grid-row-start:1}.multipleSelect-displayer.mod-filter.is-filled .multipleSelect-displayer-search{opacity:0}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-filter{display:none}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-search{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: ɵLuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
93
|
}
|
|
94
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuMultiSelectInputComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
@@ -108,11 +108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
108
108
|
LuMultiSelectPanelRefFactory,
|
|
109
109
|
], host: {
|
|
110
110
|
class: 'multiSelect',
|
|
111
|
-
}, encapsulation: ViewEncapsulation.None, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button *ngIf=\"hasValue && clearable\" role=\"button\" class=\"multipleSelect-clear clear\" (click)=\"clearValue($event)\">\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n" }]
|
|
111
|
+
}, encapsulation: ViewEncapsulation.None, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button *ngIf=\"hasValue && clearable\" role=\"button\" class=\"multipleSelect-clear clear\" (click)=\"clearValue($event)\">\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: [".multiSelect{--components-multiSelect-fontSize: var(--sizes-M-fontSize);--components-multiSelect-lineHeight: var(--sizes-M-lineHeight);--components-multiSelect-padding: var(--spacings-XS);--components-multiSelect-gap: var(--spacings-XS);--components-multiSelect-background: var(--colors-white-color);--components-multiSelect-border-color: var(--palettes-grey-300);--components-multiSelect-placeholder: var(--palettes-grey-400);--components-multiSelect-arrow-color: var(--palettes-grey-600);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multipleSelect-displayer{display:flex;gap:var(--spacings-XXS);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip-value{max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-width:2rem;width:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--palettes-grey-800);font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--palettes-grey-400)}.multipleSelect-displayer-label{font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight)}.multipleSelect-clear{margin-bottom:var(--spacings-XXS)}.multipleSelect-arrow{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color)}.multiSelect.mod-S{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: .375rem;--components-multiSelect-gap: .375rem}.multiSelect.mod-S .multipleSelect-arrow{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect.mod-S .multipleSelect-displayer-numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-primary-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--palettes-error-400);--components-multiSelect-background: var(--palettes-error-50);--components-multiSelect-placeholder: var(--palettes-error-400)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-border-color: var(--palettes-grey-300);--components-multiSelect-background: var(--palettes-grey-100);--components-multiSelect-placeholder: var(--palettes-grey-400);--components-multiSelect-arrow-color: var(--palettes-grey-500);pointer-events:none}.multipleSelect-displayer.mod-filter{display:grid}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-filter{grid-column-start:1;grid-row-start:1;display:flex;gap:var(--spacings-XXS)}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-search{grid-column-start:1;grid-row-start:1}.multipleSelect-displayer.mod-filter.is-filled .multipleSelect-displayer-search{opacity:0}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-filter{display:none}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-search{opacity:1}\n"] }]
|
|
112
112
|
}], propDecorators: { valuesTpl: [{
|
|
113
113
|
type: Input
|
|
114
114
|
}], maxValuesShown: [{
|
|
115
115
|
type: Input,
|
|
116
116
|
args: [{ transform: numberAttribute }]
|
|
117
117
|
}] } });
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL211bHRpLXNlbGVjdC9pbnB1dC9zZWxlY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvbXVsdGktc2VsZWN0L2lucHV0L3NlbGVjdC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQXdDLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hLLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFtQiwyQkFBMkIsRUFBRSwrQkFBK0IsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9LLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBNkJuRSxNQUFNLE9BQU8sMkJBQStCLFNBQVEsdUJBQStCO0lBMUJuRjs7UUEyQkMsU0FBSSxHQUFHLE9BQU8sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBRzdDLGNBQVMsR0FBdUQsc0NBQXNDLENBQUM7UUFHdkcsbUJBQWMsR0FBRyxHQUFHLENBQUM7UUFFWixXQUFNLEdBQVEsRUFBRSxDQUFDO1FBUWhCLG9CQUFlLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFFakU7Ozs7V0FJRztRQUNhLGdCQUFXLEdBQUcsSUFBSSxPQUFPLEVBQWdDLENBQUM7UUFFMUQsZUFBVSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7S0EyRGpEO0lBMUVBLElBQW9CLFFBQVE7UUFDM0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3ZCLENBQUM7SUFlZSxVQUFVO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVlLFNBQVM7UUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRWUsVUFBVSxDQUFDLEtBQVU7UUFDcEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFZSxXQUFXLENBQUMsS0FBVSxFQUFFLFNBQVMsR0FBRyxLQUFLO1FBQ3hELEtBQUssQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNmLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNsQjtJQUNGLENBQUM7SUFFa0IsYUFBYTtRQUMvQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUN4QztZQUNDLFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSztZQUN4QixjQUFjLEVBQUUsSUFBSSxDQUFDLGNBQWM7WUFDbkMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7WUFDekIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3ZCLEVBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FDbEIsQ0FBQztJQUNILENBQUM7SUFFa0IseUJBQXlCO1FBQzNDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ25CLE9BQU87U0FDUDtRQUVELEtBQUssQ0FBQyx5QkFBeUIsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUF1QixRQUFRO1FBQzlCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVRLFVBQVUsQ0FBQyxLQUFpQjtRQUNwQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVRLFdBQVc7UUFDbkIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQzs4R0FwRlcsMkJBQTJCO2tHQUEzQiwyQkFBMkIsMElBTW5CLGVBQWUseURBekJ4QjtZQUNWO2dCQUNDLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7Z0JBQzFELEtBQUssRUFBRSxJQUFJO2FBQ1g7WUFDRDtnQkFDQyxPQUFPLEVBQUUsdUJBQXVCO2dCQUNoQyxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDO2FBQzFEO1lBQ0QsK0JBQStCLEVBQUU7WUFDakMsMkJBQTJCLEVBQUU7WUFDN0IsNEJBQTRCO1NBQzVCLGlEQ2pDRixvWEFNQSx5RERVVyxZQUFZLGtJQUFFLGVBQWUsK0JBQUUsd0JBQXdCOzsyRkF1QnJELDJCQUEyQjtrQkExQnZDLFNBQVM7K0JBQ0MsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSx3QkFBd0IsRUFBRSxhQUFhLENBQUMsbUJBR2hFLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Y7NEJBQ0MsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsNEJBQTRCLENBQUM7NEJBQzFELEtBQUssRUFBRSxJQUFJO3lCQUNYO3dCQUNEOzRCQUNDLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDO3lCQUMxRDt3QkFDRCwrQkFBK0IsRUFBRTt3QkFDakMsMkJBQTJCLEVBQUU7d0JBQzdCLDRCQUE0QjtxQkFDNUIsUUFDSzt3QkFDTCxLQUFLLEVBQUUsYUFBYTtxQkFDcEIsaUJBQ2MsaUJBQWlCLENBQUMsSUFBSTs4QkFNckMsU0FBUztzQkFEUixLQUFLO2dCQUlOLGNBQWM7c0JBRGIsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiwgaW5qZWN0LCBJbnB1dCwgbnVtYmVyQXR0cmlidXRlLCBPbkRlc3Ryb3ksIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFR5cGUsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBnZXRJbnRsIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgQUx1U2VsZWN0SW5wdXRDb21wb25lbnQsIEx1T3B0aW9uQ29udGV4dCwgcHJvdmlkZUx1U2VsZWN0TGFiZWxzQW5kSWRzLCBwcm92aWRlTHVTZWxlY3RPdmVybGF5Q29udGFpbmVyLCDJtUx1T3B0aW9uT3V0bGV0RGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUtc2VsZWN0JztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvaWNvbic7XG5pbXBvcnQgeyBMdVRvb2x0aXBNb2R1bGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvdG9vbHRpcCc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBMdU11bHRpU2VsZWN0RGVmYXVsdERpc3BsYXllckNvbXBvbmVudCB9IGZyb20gJy4uL2Rpc3BsYXllci9pbmRleCc7XG5pbXBvcnQgeyBMVV9NVUxUSV9TRUxFQ1RfVFJBTlNMQVRJT05TIH0gZnJvbSAnLi4vc2VsZWN0LnRyYW5zbGF0ZSc7XG5pbXBvcnQgeyBMdU11bHRpU2VsZWN0UGFuZWxSZWZGYWN0b3J5IH0gZnJvbSAnLi9wYW5lbC1yZWYuZmFjdG9yeSc7XG5pbXBvcnQgeyBMdU11bHRpU2VsZWN0UGFuZWxSZWYgfSBmcm9tICcuL3BhbmVsLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtbXVsdGktc2VsZWN0Jyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0aW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTHVUb29sdGlwTW9kdWxlLCDJtUx1T3B0aW9uT3V0bGV0RGlyZWN0aXZlLCBJY29uQ29tcG9uZW50XSxcblx0dGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3NlbGVjdC1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0cHJvdmlkZXJzOiBbXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG5cdFx0XHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBMdU11bHRpU2VsZWN0SW5wdXRDb21wb25lbnQpLFxuXHRcdFx0bXVsdGk6IHRydWUsXG5cdFx0fSxcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBBTHVTZWxlY3RJbnB1dENvbXBvbmVudCxcblx0XHRcdHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEx1TXVsdGlTZWxlY3RJbnB1dENvbXBvbmVudCksXG5cdFx0fSxcblx0XHRwcm92aWRlTHVTZWxlY3RPdmVybGF5Q29udGFpbmVyKCksXG5cdFx0cHJvdmlkZUx1U2VsZWN0TGFiZWxzQW5kSWRzKCksXG5cdFx0THVNdWx0aVNlbGVjdFBhbmVsUmVmRmFjdG9yeSxcblx0XSxcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnbXVsdGlTZWxlY3QnLFxuXHR9LFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBMdU11bHRpU2VsZWN0SW5wdXRDb21wb25lbnQ8VD4gZXh0ZW5kcyBBTHVTZWxlY3RJbnB1dENvbXBvbmVudDxULCBUW10+IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uRGVzdHJveSwgT25Jbml0IHtcblx0aW50bCA9IGdldEludGwoTFVfTVVMVElfU0VMRUNUX1RSQU5TTEFUSU9OUyk7XG5cblx0QElucHV0KClcblx0dmFsdWVzVHBsPzogVGVtcGxhdGVSZWY8THVPcHRpb25Db250ZXh0PFRbXT4+IHwgVHlwZTx1bmtub3duPiA9IEx1TXVsdGlTZWxlY3REZWZhdWx0RGlzcGxheWVyQ29tcG9uZW50O1xuXG5cdEBJbnB1dCh7IHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pXG5cdG1heFZhbHVlc1Nob3duID0gNTAwO1xuXG5cdG92ZXJyaWRlIF92YWx1ZTogVFtdID0gW107XG5cblx0cHVibGljIG92ZXJyaWRlIGdldCBwYW5lbFJlZigpOiBMdU11bHRpU2VsZWN0UGFuZWxSZWY8VD4gfCB1bmRlZmluZWQge1xuXHRcdHJldHVybiB0aGlzLl9wYW5lbFJlZjtcblx0fVxuXG5cdHByb3RlY3RlZCBvdmVycmlkZSBfcGFuZWxSZWY/OiBMdU11bHRpU2VsZWN0UGFuZWxSZWY8VD47XG5cblx0cHJvdGVjdGVkIHBhbmVsUmVmRmFjdG9yeSA9IGluamVjdChMdU11bHRpU2VsZWN0UGFuZWxSZWZGYWN0b3J5KTtcblxuXHQvKipcblx0ICogVGhpcyBpcyB1c2VkIHRvIHRlbGwgdGhlIGRpc3BsYXllciB0byBmb2N1cyBvbiB0aGUgaW5wdXQgZWxlbWVudFxuXHQgKiBrZWVwQ2x1ZSBpcyB1c2VkIHRvIGF2b2lkIHRyaWdnZXJpbmcgYW4gdXBkYXRlIHdoaWNoIHdvdWxkIG9wZW4gdGhlIHBhbmVsLFxuXHQgKiBtYWlubHkgZm9yIHdoZW4gd2Ugd2FudCB0byBmb2N1cyB3aXRob3V0IG9wZW5pbmcgdGhlIHBhbmVsXG5cdCAqL1xuXHRwdWJsaWMgcmVhZG9ubHkgZm9jdXNJbnB1dCQgPSBuZXcgU3ViamVjdDx2b2lkIHwgeyBrZWVwQ2x1ZTogYm9vbGVhbiB9PigpO1xuXG5cdHB1YmxpYyByZWFkb25seSBlbXB0eUNsdWUkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuXHRwdWJsaWMgb3ZlcnJpZGUgZm9jdXNJbnB1dCgpOiB2b2lkIHtcblx0XHR0aGlzLmZvY3VzSW5wdXQkLm5leHQoKTtcblx0fVxuXG5cdHB1YmxpYyBvdmVycmlkZSBlbXB0eUNsdWUoKTogdm9pZCB7XG5cdFx0dGhpcy5lbXB0eUNsdWUkLm5leHQoKTtcblx0fVxuXG5cdHB1YmxpYyBvdmVycmlkZSB3cml0ZVZhbHVlKHZhbHVlOiBUW10pOiB2b2lkIHtcblx0XHRzdXBlci53cml0ZVZhbHVlKHZhbHVlKTtcblx0XHR0aGlzLnBhbmVsUmVmPy51cGRhdGVTZWxlY3RlZE9wdGlvbnModmFsdWUpO1xuXHR9XG5cblx0cHVibGljIG92ZXJyaWRlIHVwZGF0ZVZhbHVlKHZhbHVlOiBUW10sIHNraXBGb2N1cyA9IGZhbHNlKTogdm9pZCB7XG5cdFx0c3VwZXIudXBkYXRlVmFsdWUodmFsdWUpO1xuXHRcdGlmICghc2tpcEZvY3VzKSB7XG5cdFx0XHR0aGlzLmZvY3VzSW5wdXQoKTtcblx0XHR9XG5cdH1cblxuXHRwcm90ZWN0ZWQgb3ZlcnJpZGUgYnVpbGRQYW5lbFJlZigpOiBMdU11bHRpU2VsZWN0UGFuZWxSZWY8VD4ge1xuXHRcdHJldHVybiB0aGlzLnBhbmVsUmVmRmFjdG9yeS5idWlsZFBhbmVsUmVmKFxuXHRcdFx0e1xuXHRcdFx0XHRpbml0aWFsVmFsdWU6IHRoaXMudmFsdWUsXG5cdFx0XHRcdG9wdGlvbkNvbXBhcmVyOiB0aGlzLm9wdGlvbkNvbXBhcmVyLFxuXHRcdFx0XHRvcHRpb25zJDogdGhpcy5vcHRpb25zJCxcblx0XHRcdFx0bG9hZGluZyQ6IHRoaXMubG9hZGluZyQsXG5cdFx0XHRcdG9wdGlvblRwbDogdGhpcy5vcHRpb25UcGwsXG5cdFx0XHRcdGdyb3VwaW5nOiB0aGlzLmdyb3VwaW5nLFxuXHRcdFx0fSxcblx0XHRcdHRoaXMub3ZlcmxheUNvbmZpZyxcblx0XHQpO1xuXHR9XG5cblx0cHJvdGVjdGVkIG92ZXJyaWRlIGJpbmRJbnB1dFRvUGFuZWxSZWZFdmVudHMoKTogdm9pZCB7XG5cdFx0aWYgKCF0aGlzLnBhbmVsUmVmKSB7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXG5cdFx0c3VwZXIuYmluZElucHV0VG9QYW5lbFJlZkV2ZW50cygpO1xuXHR9XG5cblx0cHJvdGVjdGVkIG92ZXJyaWRlIGdldCBoYXNWYWx1ZSgpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdGhpcy52YWx1ZSAmJiB0aGlzLnZhbHVlLmxlbmd0aCA+IDA7XG5cdH1cblxuXHRvdmVycmlkZSBjbGVhclZhbHVlKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG5cdFx0ZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0dGhpcy5vbkNoYW5nZT8uKFtdKTtcblx0XHR0aGlzLnZhbHVlID0gW107XG5cdFx0dGhpcy5mb2N1c0lucHV0JC5uZXh0KHsga2VlcENsdWU6IHRydWUgfSk7XG5cdH1cblxuXHRvdmVycmlkZSBuZ09uRGVzdHJveSgpIHtcblx0XHRzdXBlci5uZ09uRGVzdHJveSgpO1xuXHRcdHRoaXMuZm9jdXNJbnB1dCQuY29tcGxldGUoKTtcblx0fVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbHVPcHRpb25PdXRsZXQ9XCJ2YWx1ZXNUcGw7IHZhbHVlOiB2YWx1ZSB8fCBbXVwiPjwvbmctY29udGFpbmVyPlxuXG48YnV0dG9uICpuZ0lmPVwiaGFzVmFsdWUgJiYgY2xlYXJhYmxlXCIgcm9sZT1cImJ1dHRvblwiIGNsYXNzPVwibXVsdGlwbGVTZWxlY3QtY2xlYXIgY2xlYXJcIiAoY2xpY2spPVwiY2xlYXJWYWx1ZSgkZXZlbnQpXCI+XG5cdDxzcGFuIGNsYXNzPVwidS1tYXNrXCI+e3tpbnRsLmNsZWFyfX08L3NwYW4+XG48L2J1dHRvbj5cbjxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwibXVsdGlwbGVTZWxlY3QtYXJyb3cgbHVjY2EtaWNvbiBpY29uLWFycm93Q2hldnJvbkJvdHRvbVwiPjwvc3Bhbj5cbiJdfQ==
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL211bHRpLXNlbGVjdC9pbnB1dC9zZWxlY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvbXVsdGktc2VsZWN0L2lucHV0L3NlbGVjdC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQXdDLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hLLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFtQiwyQkFBMkIsRUFBRSwrQkFBK0IsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9LLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBNkJuRSxNQUFNLE9BQU8sMkJBQStCLFNBQVEsdUJBQStCO0lBMUJuRjs7UUEyQkMsU0FBSSxHQUFHLE9BQU8sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBRzdDLGNBQVMsR0FBdUQsc0NBQXNDLENBQUM7UUFHdkcsbUJBQWMsR0FBRyxHQUFHLENBQUM7UUFFWixXQUFNLEdBQVEsRUFBRSxDQUFDO1FBUWhCLG9CQUFlLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFFakU7Ozs7V0FJRztRQUNhLGdCQUFXLEdBQUcsSUFBSSxPQUFPLEVBQWdDLENBQUM7UUFFMUQsZUFBVSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7S0EyRGpEO0lBMUVBLElBQW9CLFFBQVE7UUFDM0IsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3ZCLENBQUM7SUFlZSxVQUFVO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVlLFNBQVM7UUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRWUsVUFBVSxDQUFDLEtBQVU7UUFDcEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFZSxXQUFXLENBQUMsS0FBVSxFQUFFLFNBQVMsR0FBRyxLQUFLO1FBQ3hELEtBQUssQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNmLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNsQjtJQUNGLENBQUM7SUFFa0IsYUFBYTtRQUMvQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUN4QztZQUNDLFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSztZQUN4QixjQUFjLEVBQUUsSUFBSSxDQUFDLGNBQWM7WUFDbkMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7WUFDekIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3ZCLEVBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FDbEIsQ0FBQztJQUNILENBQUM7SUFFa0IseUJBQXlCO1FBQzNDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ25CLE9BQU87U0FDUDtRQUVELEtBQUssQ0FBQyx5QkFBeUIsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUF1QixRQUFRO1FBQzlCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVRLFVBQVUsQ0FBQyxLQUFpQjtRQUNwQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVRLFdBQVc7UUFDbkIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQzs4R0FwRlcsMkJBQTJCO2tHQUEzQiwyQkFBMkIsMElBTW5CLGVBQWUseURBekJ4QjtZQUNWO2dCQUNDLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7Z0JBQzFELEtBQUssRUFBRSxJQUFJO2FBQ1g7WUFDRDtnQkFDQyxPQUFPLEVBQUUsdUJBQXVCO2dCQUNoQyxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDO2FBQzFEO1lBQ0QsK0JBQStCLEVBQUU7WUFDakMsMkJBQTJCLEVBQUU7WUFDN0IsNEJBQTRCO1NBQzVCLGlEQ2pDRixvWEFNQSxrekhEVVcsWUFBWSxrSUFBRSxlQUFlLCtCQUFFLHdCQUF3Qjs7MkZBdUJyRCwyQkFBMkI7a0JBMUJ2QyxTQUFTOytCQUNDLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsd0JBQXdCLEVBQUUsYUFBYSxDQUFDLG1CQUdoRSx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNWOzRCQUNDLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDOzRCQUMxRCxLQUFLLEVBQUUsSUFBSTt5QkFDWDt3QkFDRDs0QkFDQyxPQUFPLEVBQUUsdUJBQXVCOzRCQUNoQyxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw0QkFBNEIsQ0FBQzt5QkFDMUQ7d0JBQ0QsK0JBQStCLEVBQUU7d0JBQ2pDLDJCQUEyQixFQUFFO3dCQUM3Qiw0QkFBNEI7cUJBQzVCLFFBQ0s7d0JBQ0wsS0FBSyxFQUFFLGFBQWE7cUJBQ3BCLGlCQUNjLGlCQUFpQixDQUFDLElBQUk7OEJBTXJDLFNBQVM7c0JBRFIsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIGluamVjdCwgSW5wdXQsIG51bWJlckF0dHJpYnV0ZSwgT25EZXN0cm95LCBPbkluaXQsIFRlbXBsYXRlUmVmLCBUeXBlLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgZ2V0SW50bCB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9jb3JlJztcbmltcG9ydCB7IEFMdVNlbGVjdElucHV0Q29tcG9uZW50LCBMdU9wdGlvbkNvbnRleHQsIHByb3ZpZGVMdVNlbGVjdExhYmVsc0FuZElkcywgcHJvdmlkZUx1U2VsZWN0T3ZlcmxheUNvbnRhaW5lciwgybVMdU9wdGlvbk91dGxldERpcmVjdGl2ZSB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9jb3JlLXNlbGVjdCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2ljb24nO1xuaW1wb3J0IHsgTHVUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL3Rvb2x0aXAnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTHVNdWx0aVNlbGVjdERlZmF1bHREaXNwbGF5ZXJDb21wb25lbnQgfSBmcm9tICcuLi9kaXNwbGF5ZXIvaW5kZXgnO1xuaW1wb3J0IHsgTFVfTVVMVElfU0VMRUNUX1RSQU5TTEFUSU9OUyB9IGZyb20gJy4uL3NlbGVjdC50cmFuc2xhdGUnO1xuaW1wb3J0IHsgTHVNdWx0aVNlbGVjdFBhbmVsUmVmRmFjdG9yeSB9IGZyb20gJy4vcGFuZWwtcmVmLmZhY3RvcnknO1xuaW1wb3J0IHsgTHVNdWx0aVNlbGVjdFBhbmVsUmVmIH0gZnJvbSAnLi9wYW5lbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2x1LW11bHRpLXNlbGVjdCcsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEx1VG9vbHRpcE1vZHVsZSwgybVMdU9wdGlvbk91dGxldERpcmVjdGl2ZSwgSWNvbkNvbXBvbmVudF0sXG5cdHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9zZWxlY3QtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHByb3ZpZGVyczogW1xuXHRcdHtcblx0XHRcdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTHVNdWx0aVNlbGVjdElucHV0Q29tcG9uZW50KSxcblx0XHRcdG11bHRpOiB0cnVlLFxuXHRcdH0sXG5cdFx0e1xuXHRcdFx0cHJvdmlkZTogQUx1U2VsZWN0SW5wdXRDb21wb25lbnQsXG5cdFx0XHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBMdU11bHRpU2VsZWN0SW5wdXRDb21wb25lbnQpLFxuXHRcdH0sXG5cdFx0cHJvdmlkZUx1U2VsZWN0T3ZlcmxheUNvbnRhaW5lcigpLFxuXHRcdHByb3ZpZGVMdVNlbGVjdExhYmVsc0FuZElkcygpLFxuXHRcdEx1TXVsdGlTZWxlY3RQYW5lbFJlZkZhY3RvcnksXG5cdF0sXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ211bHRpU2VsZWN0Jyxcblx0fSxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgTHVNdWx0aVNlbGVjdElucHV0Q29tcG9uZW50PFQ+IGV4dGVuZHMgQUx1U2VsZWN0SW5wdXRDb21wb25lbnQ8VCwgVFtdPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkRlc3Ryb3ksIE9uSW5pdCB7XG5cdGludGwgPSBnZXRJbnRsKExVX01VTFRJX1NFTEVDVF9UUkFOU0xBVElPTlMpO1xuXG5cdEBJbnB1dCgpXG5cdHZhbHVlc1RwbD86IFRlbXBsYXRlUmVmPEx1T3B0aW9uQ29udGV4dDxUW10+PiB8IFR5cGU8dW5rbm93bj4gPSBMdU11bHRpU2VsZWN0RGVmYXVsdERpc3BsYXllckNvbXBvbmVudDtcblxuXHRASW5wdXQoeyB0cmFuc2Zvcm06IG51bWJlckF0dHJpYnV0ZSB9KVxuXHRtYXhWYWx1ZXNTaG93biA9IDUwMDtcblxuXHRvdmVycmlkZSBfdmFsdWU6IFRbXSA9IFtdO1xuXG5cdHB1YmxpYyBvdmVycmlkZSBnZXQgcGFuZWxSZWYoKTogTHVNdWx0aVNlbGVjdFBhbmVsUmVmPFQ+IHwgdW5kZWZpbmVkIHtcblx0XHRyZXR1cm4gdGhpcy5fcGFuZWxSZWY7XG5cdH1cblxuXHRwcm90ZWN0ZWQgb3ZlcnJpZGUgX3BhbmVsUmVmPzogTHVNdWx0aVNlbGVjdFBhbmVsUmVmPFQ+O1xuXG5cdHByb3RlY3RlZCBwYW5lbFJlZkZhY3RvcnkgPSBpbmplY3QoTHVNdWx0aVNlbGVjdFBhbmVsUmVmRmFjdG9yeSk7XG5cblx0LyoqXG5cdCAqIFRoaXMgaXMgdXNlZCB0byB0ZWxsIHRoZSBkaXNwbGF5ZXIgdG8gZm9jdXMgb24gdGhlIGlucHV0IGVsZW1lbnRcblx0ICoga2VlcENsdWUgaXMgdXNlZCB0byBhdm9pZCB0cmlnZ2VyaW5nIGFuIHVwZGF0ZSB3aGljaCB3b3VsZCBvcGVuIHRoZSBwYW5lbCxcblx0ICogbWFpbmx5IGZvciB3aGVuIHdlIHdhbnQgdG8gZm9jdXMgd2l0aG91dCBvcGVuaW5nIHRoZSBwYW5lbFxuXHQgKi9cblx0cHVibGljIHJlYWRvbmx5IGZvY3VzSW5wdXQkID0gbmV3IFN1YmplY3Q8dm9pZCB8IHsga2VlcENsdWU6IGJvb2xlYW4gfT4oKTtcblxuXHRwdWJsaWMgcmVhZG9ubHkgZW1wdHlDbHVlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cblx0cHVibGljIG92ZXJyaWRlIGZvY3VzSW5wdXQoKTogdm9pZCB7XG5cdFx0dGhpcy5mb2N1c0lucHV0JC5uZXh0KCk7XG5cdH1cblxuXHRwdWJsaWMgb3ZlcnJpZGUgZW1wdHlDbHVlKCk6IHZvaWQge1xuXHRcdHRoaXMuZW1wdHlDbHVlJC5uZXh0KCk7XG5cdH1cblxuXHRwdWJsaWMgb3ZlcnJpZGUgd3JpdGVWYWx1ZSh2YWx1ZTogVFtdKTogdm9pZCB7XG5cdFx0c3VwZXIud3JpdGVWYWx1ZSh2YWx1ZSk7XG5cdFx0dGhpcy5wYW5lbFJlZj8udXBkYXRlU2VsZWN0ZWRPcHRpb25zKHZhbHVlKTtcblx0fVxuXG5cdHB1YmxpYyBvdmVycmlkZSB1cGRhdGVWYWx1ZSh2YWx1ZTogVFtdLCBza2lwRm9jdXMgPSBmYWxzZSk6IHZvaWQge1xuXHRcdHN1cGVyLnVwZGF0ZVZhbHVlKHZhbHVlKTtcblx0XHRpZiAoIXNraXBGb2N1cykge1xuXHRcdFx0dGhpcy5mb2N1c0lucHV0KCk7XG5cdFx0fVxuXHR9XG5cblx0cHJvdGVjdGVkIG92ZXJyaWRlIGJ1aWxkUGFuZWxSZWYoKTogTHVNdWx0aVNlbGVjdFBhbmVsUmVmPFQ+IHtcblx0XHRyZXR1cm4gdGhpcy5wYW5lbFJlZkZhY3RvcnkuYnVpbGRQYW5lbFJlZihcblx0XHRcdHtcblx0XHRcdFx0aW5pdGlhbFZhbHVlOiB0aGlzLnZhbHVlLFxuXHRcdFx0XHRvcHRpb25Db21wYXJlcjogdGhpcy5vcHRpb25Db21wYXJlcixcblx0XHRcdFx0b3B0aW9ucyQ6IHRoaXMub3B0aW9ucyQsXG5cdFx0XHRcdGxvYWRpbmckOiB0aGlzLmxvYWRpbmckLFxuXHRcdFx0XHRvcHRpb25UcGw6IHRoaXMub3B0aW9uVHBsLFxuXHRcdFx0XHRncm91cGluZzogdGhpcy5ncm91cGluZyxcblx0XHRcdH0sXG5cdFx0XHR0aGlzLm92ZXJsYXlDb25maWcsXG5cdFx0KTtcblx0fVxuXG5cdHByb3RlY3RlZCBvdmVycmlkZSBiaW5kSW5wdXRUb1BhbmVsUmVmRXZlbnRzKCk6IHZvaWQge1xuXHRcdGlmICghdGhpcy5wYW5lbFJlZikge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdHN1cGVyLmJpbmRJbnB1dFRvUGFuZWxSZWZFdmVudHMoKTtcblx0fVxuXG5cdHByb3RlY3RlZCBvdmVycmlkZSBnZXQgaGFzVmFsdWUoKTogYm9vbGVhbiB7XG5cdFx0cmV0dXJuIHRoaXMudmFsdWUgJiYgdGhpcy52YWx1ZS5sZW5ndGggPiAwO1xuXHR9XG5cblx0b3ZlcnJpZGUgY2xlYXJWYWx1ZShldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuXHRcdGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXHRcdHRoaXMub25DaGFuZ2U/LihbXSk7XG5cdFx0dGhpcy52YWx1ZSA9IFtdO1xuXHRcdHRoaXMuZm9jdXNJbnB1dCQubmV4dCh7IGtlZXBDbHVlOiB0cnVlIH0pO1xuXHR9XG5cblx0b3ZlcnJpZGUgbmdPbkRlc3Ryb3koKSB7XG5cdFx0c3VwZXIubmdPbkRlc3Ryb3koKTtcblx0XHR0aGlzLmZvY3VzSW5wdXQkLmNvbXBsZXRlKCk7XG5cdH1cbn1cbiIsIjxuZy1jb250YWluZXIgKmx1T3B0aW9uT3V0bGV0PVwidmFsdWVzVHBsOyB2YWx1ZTogdmFsdWUgfHwgW11cIj48L25nLWNvbnRhaW5lcj5cblxuPGJ1dHRvbiAqbmdJZj1cImhhc1ZhbHVlICYmIGNsZWFyYWJsZVwiIHJvbGU9XCJidXR0b25cIiBjbGFzcz1cIm11bHRpcGxlU2VsZWN0LWNsZWFyIGNsZWFyXCIgKGNsaWNrKT1cImNsZWFyVmFsdWUoJGV2ZW50KVwiPlxuXHQ8c3BhbiBjbGFzcz1cInUtbWFza1wiPnt7aW50bC5jbGVhcn19PC9zcGFuPlxuPC9idXR0b24+XG48c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cIm11bHRpcGxlU2VsZWN0LWFycm93IGx1Y2NhLWljb24gaWNvbi1hcnJvd0NoZXZyb25Cb3R0b21cIj48L3NwYW4+XG4iXX0=
|
|
@@ -31,13 +31,13 @@ class ButtonComponent {
|
|
|
31
31
|
this.#ngClazz.ngClass = ngClassConfig;
|
|
32
32
|
}
|
|
33
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
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 }); }
|
|
34
|
+
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 }); }
|
|
35
35
|
}
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'button[luButton],a[luButton]', standalone: true, hostDirectives: [NgClazz], template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
39
39
|
class: 'button',
|
|
40
|
-
}, 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"] }]
|
|
40
|
+
}, 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"] }]
|
|
41
41
|
}], propDecorators: { size: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], block: [{
|