@elxjs/ui 0.0.187 → 0.0.189
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/assets/icons/Eco.svg +3 -0
- package/assets/icons/Facebook_2.svg +3 -0
- package/assets/icons/Phone_favorite.svg +3 -0
- package/assets/icons/Phone_notification.svg +13 -0
- package/assets/icons/Remote_control.svg +10 -0
- package/assets/icons/Voice.svg +13 -0
- package/assets/icons/Youtube_2.svg +3 -0
- package/assets/images/placeholder_3.webp +0 -0
- package/assets/styles/colors.scss +5 -1
- package/assets/styles/inputs.scss +4 -4
- package/esm2022/lib/components/button/button.component.mjs +6 -3
- package/esm2022/lib/components/card-article/card-article.component.mjs +31 -0
- package/esm2022/lib/components/card-service-order/card-service-order.component.mjs +63 -0
- package/esm2022/lib/components/index.mjs +3 -1
- package/esm2022/lib/components/input-search-modal/input-search-modal.component.mjs +1 -1
- package/fesm2022/elxjs-ui.mjs +88 -4
- package/fesm2022/elxjs-ui.mjs.map +1 -1
- package/lib/components/button/button.component.d.ts +2 -1
- package/lib/components/card-article/card-article.component.d.ts +11 -0
- package/lib/components/card-service-order/card-service-order.component.d.ts +27 -0
- package/lib/components/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M21.5301 4.1298L21.3801 3.5498L20.8001 3.7098C20.5701 3.7698 16.2501 4.97981 13.0801 7.36981C13.3701 7.64981 13.6401 7.94981 13.8901 8.25981C16.2101 6.53981 19.2501 5.45981 20.5201 5.04981C20.8901 6.77981 21.7901 11.7898 20.4101 15.0198C19.5901 16.9598 18.1201 18.3998 16.3801 18.9798C15.7901 19.1798 15.1901 19.2498 14.6201 19.2298C14.3101 19.6298 13.9601 19.9998 13.5801 20.3198C13.9601 20.3998 14.3601 20.4498 14.7601 20.4498C15.4201 20.4498 16.1001 20.3398 16.7701 20.1198C18.8301 19.4298 20.5701 17.7398 21.5201 15.4898C23.3601 11.1598 21.6201 4.41981 21.5401 4.1298H21.5301ZM13.0301 9.39981C10.2001 5.64981 3.49006 3.7898 3.20006 3.7098L2.62006 3.5498L2.46006 4.1298C2.39006 4.41981 0.64006 11.1598 2.48006 15.4898C3.44006 17.7398 5.17006 19.4298 7.23006 20.1198C7.90006 20.3398 8.57006 20.4498 9.24006 20.4498C10.2101 20.4498 11.1501 20.2098 11.9601 19.7398C13.3201 18.9498 14.3001 17.5298 14.6501 15.8298C15.0801 13.6998 14.4901 11.3598 13.0201 9.39981H13.0301ZM13.4801 15.5898C13.2501 16.7298 12.6601 17.6898 11.8501 18.3398L7.53006 10.8598L6.49006 11.4598L10.8101 18.9398C9.85006 19.3098 8.72006 19.3498 7.62006 18.9798C5.88006 18.3998 4.42006 16.9598 3.59006 15.0198C2.21006 11.7798 3.11006 6.76981 3.48006 5.04981C5.16006 5.58981 9.95006 7.31981 12.0601 10.1298C13.3301 11.8098 13.8401 13.8098 13.4801 15.5998" fill="#BC8817"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="9.998" height="18.493" viewBox="0 0 9.998 18.493">
|
|
2
|
+
<path id="facebook" fill="#fff" fill-rule="evenodd" d="M9.692.051h-2.4A4.212 4.212 0 0 0 2.858 4.6v2.1H.447a.377.377 0 0 0-.377.378v3.04a.377.377 0 0 0 .377.377h2.411v7.673a.377.377 0 0 0 .377.377h3.147a.377.377 0 0 0 .377-.377v-7.677h2.819a.377.377 0 0 0 .377-.377v-3.04a.378.378 0 0 0-.376-.374H6.757V4.917c0-.855.2-1.289 1.317-1.289H9.69a.377.377 0 0 0 .378-.378V.428a.377.377 0 0 0-.376-.377" transform="translate(-.07 -.047)"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.0434 59.3771C36.0434 57.1938 37.8134 55.4204 40.0001 55.4204C42.1867 55.4204 43.9567 57.1904 43.9567 59.3771C43.9567 61.5638 42.1867 63.3338 40.0001 63.3338C37.8134 63.3338 36.0434 61.5638 36.0434 59.3771ZM56.6634 3.33377H40.6401C41.6267 5.61044 42.2601 8.0771 42.4767 10.6604H48.3301C49.2501 10.6604 49.9934 9.9171 49.9934 8.9971C49.9934 8.0771 50.7367 7.33377 51.6567 7.33377H56.6601C58.1267 7.33377 59.3267 8.53377 59.3267 10.0004V66.6671C59.3267 68.1338 58.1267 69.3338 56.6601 69.3338H23.3301C21.8634 69.3338 20.6634 68.1338 20.6634 66.6671V35.8971C20.1901 35.9271 19.7134 35.9438 19.2301 35.9438C18.3634 35.9438 17.5067 35.8938 16.6634 35.8004V66.6638C16.6634 70.3304 19.6634 73.3304 23.3301 73.3304H56.6634C60.3301 73.3304 63.3301 70.3304 63.3301 66.6638V10.0004C63.3301 6.33377 60.3301 3.33377 56.6634 3.33377ZM34.8434 8.5171C34.7801 3.8771 31.0801 0.11377 26.4401 0.11377C23.3601 0.11377 20.6934 1.79044 19.2301 4.26377C17.7701 1.79044 15.1034 0.11377 12.0234 0.11377C7.38007 0.11377 3.6834 3.8771 3.62007 8.5171C3.52673 15.1071 9.02673 22.4538 19.2334 28.4471C29.4401 22.4538 34.9401 15.1071 34.8467 8.5171H34.8434Z" fill="#011E41"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_6582_2288)">
|
|
3
|
+
<path d="M24 8.00031L22.5 5.40031V3.57031C22.5 1.91031 21.16 0.570312 19.5 0.570312C17.84 0.570312 16.5 1.91031 16.5 3.57031V5.41031L15 8.01031H24V8.00031Z" fill="#BC8817"/>
|
|
4
|
+
<path d="M19.5 10.5003C20.33 10.5003 21 9.83027 21 9.00031H18C18 9.83027 18.67 10.5003 19.5 10.5003Z" fill="#BC8817"/>
|
|
5
|
+
<path d="M12 16.6303C11.34 16.6303 10.81 17.1603 10.81 17.8203C10.81 18.4803 11.34 19.0103 12 19.0103C12.66 19.0103 13.19 18.4803 13.19 17.8203C13.19 17.1603 12.66 16.6303 12 16.6303Z" fill="#BC8817"/>
|
|
6
|
+
<path d="M17.8 20.0003C17.8 20.4403 17.44 20.8003 17 20.8003H7C6.56 20.8003 6.2 20.4403 6.2 20.0003V3.00031C6.2 2.56031 6.56 2.20031 7 2.20031H8.5C8.78 2.20031 9 2.42031 9 2.70031C9 2.98031 9.22 3.20031 9.5 3.20031H12.92C13.21 2.39031 13.65 1.64031 14.2 1.00031H7C5.9 1.00031 5 1.90031 5 3.00031V20.0003C5 21.1003 5.9 22.0003 7 22.0003H17C18.1 22.0003 19 21.1003 19 20.0003V12.5403C18.59 12.5103 18.19 12.4503 17.8 12.3503V20.0003Z" fill="#BC8817"/>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<clipPath id="clip0_6582_2288">
|
|
10
|
+
<rect width="24" height="24" fill="white"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
</defs>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_6582_2282)">
|
|
3
|
+
<path d="M18 9.00024H6C4.9 9.00024 4 9.90027 4 10.9903V22.0003H5.2V11.0003C5.2 10.5703 5.57 10.2003 6 10.2003H18C18.43 10.2003 18.8 10.5703 18.8 11.0003V22.0003H20V11.0003C20 9.90027 19.1 9.00024 18 9.00024ZM6.98 5.98024L7.83 6.83024C8.9 5.76024 10.37 5.10024 12 5.10024C13.63 5.10024 15.1 5.76024 16.17 6.83024L17.02 5.98024C15.73 4.69024 13.96 3.90024 12 3.90024C10.04 3.90024 8.27 4.70024 6.98 5.98024ZM12 1.69024C14.57 1.69024 16.9 2.73024 18.58 4.42024L19.43 3.57024C17.53 1.67024 14.9 0.490234 12 0.490234C9.1 0.490234 6.47 1.67024 4.57 3.57024L5.42 4.42024C7.11 2.73024 9.43 1.69024 12 1.69024Z" fill="#BC8817"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_6582_2282">
|
|
7
|
+
<rect width="24" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_6582_2279)">
|
|
3
|
+
<path d="M12.0002 15.69C14.3402 15.69 16.2502 13.78 16.2502 11.44V7.95C16.2502 5.61 14.3402 3.7 12.0002 3.7C9.66022 3.7 7.75022 5.61 7.75022 7.95V11.44C7.75022 13.78 9.66022 15.69 12.0002 15.69ZM8.95021 7.95C8.95021 6.27 10.3202 4.9 12.0002 4.9C13.6802 4.9 15.0502 6.27 15.0502 7.95V11.44C15.0502 13.12 13.6802 14.49 12.0002 14.49C10.3202 14.49 8.95021 13.12 8.95021 11.44V7.95Z" fill="#BC8817"/>
|
|
4
|
+
<path d="M18.0702 11.52C18.0702 15.1 14.9602 17.96 11.3002 17.55C8.22022 17.21 5.92022 14.54 5.92022 11.44V10.39C5.92022 10.22 5.79021 10.09 5.62021 10.09H5.02022C4.85021 10.09 4.72021 10.22 4.72021 10.39V11.53C4.72021 15.19 7.44022 18.21 10.9602 18.71C11.2002 18.74 11.3902 18.95 11.3902 19.2V20.15C11.3902 20.43 11.1702 20.65 10.8902 20.65H8.13022C7.85022 20.65 7.63022 20.87 7.63022 21.15V21.85H16.3502V21.15C16.3502 20.87 16.1302 20.65 15.8502 20.65H13.0902C12.8102 20.65 12.5902 20.43 12.5902 20.15V19.2C12.5902 18.95 12.7702 18.75 13.0202 18.71C16.5502 18.21 19.2602 15.18 19.2602 11.52V10.39C19.2602 10.22 19.1302 10.09 18.9602 10.09H18.3602C18.1902 10.09 18.0602 10.22 18.0602 10.39V11.52H18.0702Z" fill="#BC8817"/>
|
|
5
|
+
<path d="M18.4802 8C18.8302 8 19.1102 7.69 19.0802 7.34C18.9002 5.4 17.9402 3.68 16.5202 2.5L15.9102 3.56C17.0002 4.53 17.7402 5.9 17.8802 7.44C17.9102 7.75 18.1602 7.99 18.4802 7.99V8Z" fill="#BC8817"/>
|
|
6
|
+
<path d="M17.9602 0L17.3502 1.06C19.3102 2.55 20.6302 4.84 20.8002 7.44C20.8202 7.76 21.0802 8 21.4002 8C21.7502 8 22.0202 7.71 22.0002 7.36C21.8002 4.34 20.2502 1.7 17.9602 0Z" fill="#BC8817"/>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<clipPath id="clip0_6582_2279">
|
|
10
|
+
<rect width="24" height="24" fill="white"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
</defs>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18.372" height="12.861" viewBox="0 0 18.372 12.861">
|
|
2
|
+
<path id="youtube" fill="#fff" fill-rule="evenodd" d="M7.391 10.5V3.578l5.247 3.458zm11.024-6.794A2.745 2.745 0 0 0 15.669.96H2.789A2.746 2.746 0 0 0 .043 3.706v7.368a2.746 2.746 0 0 0 2.746 2.747h12.88a2.746 2.746 0 0 0 2.744-2.747V3.706z" transform="translate(-.043 -.96)"/>
|
|
3
|
+
</svg>
|
|
Binary file
|
|
@@ -39,7 +39,11 @@ $elux-colors: (
|
|
|
39
39
|
'violet-gray-200': ('base': #27233A),
|
|
40
40
|
'violet-gray-rich': ('base': #27233A),
|
|
41
41
|
'violet-gray-850': ('base': #DDD8E6),
|
|
42
|
-
'violet-gray-
|
|
42
|
+
'violet-gray-light': ('base': #DDD8E6),
|
|
43
|
+
'green-contrast': ('base': #303F29),
|
|
44
|
+
'green-mid': ('base': #9fad97),
|
|
45
|
+
'green-light': ('base': #D3DCCE),
|
|
46
|
+
'green-tint': ('base': #F4F6F2),
|
|
43
47
|
);
|
|
44
48
|
|
|
45
49
|
@function color($color, $key: 'base') {
|
|
@@ -75,8 +75,8 @@ input[type='checkbox']:checked {
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
input[type='checkbox']:disabled {
|
|
78
|
-
background-color: color('blue-
|
|
79
|
-
border-color: color('blue-
|
|
78
|
+
background-color: color('blue-light');
|
|
79
|
+
border-color: color('blue-light');
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
input[type='checkbox']:checked::before {
|
|
@@ -117,11 +117,11 @@ input[type='radio']:checked::before {
|
|
|
117
117
|
input[type='radio']:disabled {
|
|
118
118
|
cursor: not-allowed;
|
|
119
119
|
background-color: color('blue-tint');
|
|
120
|
-
border: 1px solid color('blue-
|
|
120
|
+
border: 1px solid color('blue-light') !important;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
input[type='radio']:disabled:checked::before {
|
|
124
|
-
background-color: color('blue-
|
|
124
|
+
background-color: color('blue-light');
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
input[type='number']::-webkit-inner-spin-button,
|
|
@@ -17,6 +17,7 @@ export class EluxButton {
|
|
|
17
17
|
this.externalLink = false;
|
|
18
18
|
this.loading = false;
|
|
19
19
|
this.onlyfirstLetterUpper = true;
|
|
20
|
+
this.rounded = false;
|
|
20
21
|
this.onClick = new EventEmitter();
|
|
21
22
|
}
|
|
22
23
|
ngOnInit() {
|
|
@@ -52,11 +53,11 @@ export class EluxButton {
|
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxButton, isStandalone: true, selector: "lib-elux-button", inputs: { disabled: "disabled", type: "type", typeButton: "typeButton", content: "content", done: "done", routerLink: "routerLink", link: "link", size: "size", icon: "icon", iconAlign: "iconAlign", externalLink: "externalLink", loading: "loading", onlyfirstLetterUpper: "onlyfirstLetterUpper" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n [type]=\"typeButton\"\n class=\"btn elux-button size-{{ size }}\"\n [
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxButton, isStandalone: true, selector: "lib-elux-button", inputs: { disabled: "disabled", type: "type", typeButton: "typeButton", content: "content", done: "done", routerLink: "routerLink", link: "link", size: "size", icon: "icon", iconAlign: "iconAlign", externalLink: "externalLink", loading: "loading", onlyfirstLetterUpper: "onlyfirstLetterUpper", rounded: "rounded" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<button\n [type]=\"typeButton\"\n class=\"btn elux-button size-{{ size }} {{ type }}\"\n [class.rounded]=\"rounded\"\n [disabled]=\"disabled\"\n (click)=\"clickButton($event)\"\n (keyup.enter)=\"clickButton($event)\"\n>\n <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\n <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\n </div>\n <div [ngClass]=\"iconAlign\">\n <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <span *ngIf=\"!done && !loading\">\n {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\n </span>\n </div>\n</button>\n", styles: [":host .elux-button{width:100%;height:48px;text-align:center;padding-left:20px;padding-right:20px;min-height:36px;border:none;border-radius:2px}:host .elux-button span{font-weight:600;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal}:host .elux-button:disabled{cursor:default;pointer-events:none}:host .elux-button.basic{color:#fff;background:#011e41}:host .elux-button.basic ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic:hover{opacity:.85}:host .elux-button.basic:disabled{background:#5b6a78;opacity:.85}:host .elux-button.basic:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basic-action{color:#fff;background:#a5742e}:host .elux-button.basic-action ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic-action:hover{opacity:.85}:host .elux-button.basic-action:disabled{background:#d9ba91;opacity:.85}:host .elux-button.outline{background-color:#fff;border:solid 1px #011E41;color:#011e41}:host .elux-button.outline ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline:hover{color:#fff;background-color:#011e41}:host .elux-button.outline:hover:disabled{background-color:#fff}:host .elux-button.outline:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.outline-noborder{background-color:#fff;border:none;color:#011e41}:host .elux-button.outline-noborder ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-noborder:hover{color:#fff;background-color:#011e41}:host .elux-button.outline-noborder:hover:disabled{background-color:#fff}:host .elux-button.outline-noborder:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-noborder:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.text{border:none;color:#011e41;padding:0}:host .elux-button.text:hover{text-decoration:underline}:host .elux-button.text:hover:disabled{text-decoration:none}:host .elux-button.text:disabled{opacity:.85;color:#5b6a78}:host .elux-button.text ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.text:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basicBlue{background-color:#011e41!important;color:#fff!important;border:1px solid #011E41!important}:host .elux-button.basicBlue:hover{background-color:#fff!important;color:#011e41!important}:host .elux-button.basicBlue:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicBlue:disabled{background:#dee7ea!important;color:#c9c9ca!important}:host .elux-button.basicBlue:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basicWhite{color:#011e41;background:#fff;border:1px solid #011E41}:host .elux-button.basicWhite:hover{border-radius:2px;font-weight:600;color:#a5742e}:host .elux-button.basicWhite:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicWhite:disabled{background:#dee7ea;color:#c9c9ca}:host .elux-button.basicWhite:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basic-dark{background-color:#fff;color:#011e41}:host .elux-button.basic-dark:hover{background-color:#dee7ea}:host .elux-button.basic-dark:hover:disabled{background-color:#5b6a78}:host .elux-button.basic-dark:disabled{opacity:.85;color:#fff!important;background-color:#5b6a78}:host .elux-button.basic-dark ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark{color:#fff;background-color:transparent;border:solid 1px #FFFFFF}:host .elux-button.outline-dark ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-dark:hover{background-color:#fff;color:#011e41}:host .elux-button.outline-dark:hover:disabled{background-color:transparent}:host .elux-button.outline-dark:hover ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.uppercase{text-transform:uppercase}:host .elux-button lib-elux-icon{vertical-align:middle}:host .elux-button .left{display:flex;align-items:center}:host .elux-button .right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}:host .elux-button .right lib-elux-icon{line-height:1}:host .elux-button .right ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.primary,:host .elux-button.primary-negative,:host .elux-button.secondary,:host .elux-button.secondary-negative{height:48px;padding:0 24px;border:none}:host .elux-button.primary span,:host .elux-button.primary-negative span,:host .elux-button.secondary span,:host .elux-button.secondary-negative span{font-size:16px}:host .elux-button.primary:focus-visible,:host .elux-button.primary-negative:focus-visible,:host .elux-button.secondary:focus-visible,:host .elux-button.secondary-negative:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.primary{color:#fff;background-color:#011e41}:host .elux-button.primary:hover{opacity:.85}:host .elux-button.primary:disabled{background:#adb9c3;color:#fff}:host .elux-button.primary-negative{color:#011e41;background-color:#fff}:host .elux-button.primary-negative:hover{opacity:.85}:host .elux-button.primary-negative:disabled{background:#adb9c3;color:#fff}:host .elux-button.secondary{color:#011e41;background-color:#fff;border:1px solid #011E41}:host .elux-button.secondary:hover{background:#011e41;color:#fff}:host .elux-button.secondary:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.secondary-negative{color:#fff;background-color:#011e41;border:1px solid #FFFFFF}:host .elux-button.secondary-negative:hover{background-color:#fff;color:#011e41;border:1px solid #011E41}:host .elux-button.secondary-negative:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.size-2{height:48px;padding:0 66px}:host .elux-button.size-2 span{font-size:16px}:host .elux-button.size-3{height:48px;padding:0}:host .elux-button.size-3 span{font-size:16px}:host .elux-button.rounded{border-radius:24px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }, { kind: "component", type: EluxLoading, selector: "lib-elux-loading", inputs: ["size", "white"] }] }); }
|
|
56
57
|
}
|
|
57
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, decorators: [{
|
|
58
59
|
type: Component,
|
|
59
|
-
args: [{ selector: 'lib-elux-button', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon, EluxLoading], template: "<button\n [type]=\"typeButton\"\n class=\"btn elux-button size-{{ size }}\"\n [
|
|
60
|
+
args: [{ selector: 'lib-elux-button', standalone: true, imports: [CommonModule, ReactiveFormsModule, EluxIcon, EluxLoading], template: "<button\n [type]=\"typeButton\"\n class=\"btn elux-button size-{{ size }} {{ type }}\"\n [class.rounded]=\"rounded\"\n [disabled]=\"disabled\"\n (click)=\"clickButton($event)\"\n (keyup.enter)=\"clickButton($event)\"\n>\n <div *ngIf=\"loading\" [ngStyle]=\"{ 'width': '24px', 'margin': 'auto' , 'margin-top' : '3px' }\">\n <lib-elux-loading [size]=\"30\" [white]=\"true\"></lib-elux-loading>\n </div>\n <div [ngClass]=\"iconAlign\">\n <lib-elux-icon *ngIf=\"icon !== ''\" [icon]=\"icon\" [size]=\"'24'\" [sizeType]=\"'px'\"></lib-elux-icon>\n <span *ngIf=\"!done && !loading\">\n {{ onlyfirstLetterUpper ? firstLetterUpper(content) : content }}\n </span>\n </div>\n</button>\n", styles: [":host .elux-button{width:100%;height:48px;text-align:center;padding-left:20px;padding-right:20px;min-height:36px;border:none;border-radius:2px}:host .elux-button span{font-weight:600;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal}:host .elux-button:disabled{cursor:default;pointer-events:none}:host .elux-button.basic{color:#fff;background:#011e41}:host .elux-button.basic ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic:hover{opacity:.85}:host .elux-button.basic:disabled{background:#5b6a78;opacity:.85}:host .elux-button.basic:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basic-action{color:#fff;background:#a5742e}:host .elux-button.basic-action ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.basic-action:hover{opacity:.85}:host .elux-button.basic-action:disabled{background:#d9ba91;opacity:.85}:host .elux-button.outline{background-color:#fff;border:solid 1px #011E41;color:#011e41}:host .elux-button.outline ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline:hover{color:#fff;background-color:#011e41}:host .elux-button.outline:hover:disabled{background-color:#fff}:host .elux-button.outline:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.outline-noborder{background-color:#fff;border:none;color:#011e41}:host .elux-button.outline-noborder ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-noborder:hover{color:#fff;background-color:#011e41}:host .elux-button.outline-noborder:hover:disabled{background-color:#fff}:host .elux-button.outline-noborder:hover ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-noborder:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.text{border:none;color:#011e41;padding:0}:host .elux-button.text:hover{text-decoration:underline}:host .elux-button.text:hover:disabled{text-decoration:none}:host .elux-button.text:disabled{opacity:.85;color:#5b6a78}:host .elux-button.text ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.text:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.basicBlue{background-color:#011e41!important;color:#fff!important;border:1px solid #011E41!important}:host .elux-button.basicBlue:hover{background-color:#fff!important;color:#011e41!important}:host .elux-button.basicBlue:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicBlue:disabled{background:#dee7ea!important;color:#c9c9ca!important}:host .elux-button.basicBlue:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basicWhite{color:#011e41;background:#fff;border:1px solid #011E41}:host .elux-button.basicWhite:hover{border-radius:2px;font-weight:600;color:#a5742e}:host .elux-button.basicWhite:hover ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.basicWhite:disabled{background:#dee7ea;color:#c9c9ca}:host .elux-button.basicWhite:disabled ::ng-deep lib-elux-icon span{background-color:#c9c9ca!important}:host .elux-button.basic-dark{background-color:#fff;color:#011e41}:host .elux-button.basic-dark:hover{background-color:#dee7ea}:host .elux-button.basic-dark:hover:disabled{background-color:#5b6a78}:host .elux-button.basic-dark:disabled{opacity:.85;color:#fff!important;background-color:#5b6a78}:host .elux-button.basic-dark ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark{color:#fff;background-color:transparent;border:solid 1px #FFFFFF}:host .elux-button.outline-dark ::ng-deep lib-elux-icon span{background-color:#fff!important}:host .elux-button.outline-dark:hover{background-color:#fff;color:#011e41}:host .elux-button.outline-dark:hover:disabled{background-color:transparent}:host .elux-button.outline-dark:hover ::ng-deep lib-elux-icon span{background-color:#011e41!important}:host .elux-button.outline-dark:disabled{opacity:.85;color:#5b6a78;border:solid 1px #5b6a78}:host .elux-button.uppercase{text-transform:uppercase}:host .elux-button lib-elux-icon{vertical-align:middle}:host .elux-button .left{display:flex;align-items:center}:host .elux-button .right{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}:host .elux-button .right lib-elux-icon{line-height:1}:host .elux-button .right ::ng-deep lib-elux-icon span{background-color:#a5742e!important}:host .elux-button.primary,:host .elux-button.primary-negative,:host .elux-button.secondary,:host .elux-button.secondary-negative{height:48px;padding:0 24px;border:none}:host .elux-button.primary span,:host .elux-button.primary-negative span,:host .elux-button.secondary span,:host .elux-button.secondary-negative span{font-size:16px}:host .elux-button.primary:focus-visible,:host .elux-button.primary-negative:focus-visible,:host .elux-button.secondary:focus-visible,:host .elux-button.secondary-negative:focus-visible{outline:2px solid #16A748!important;box-shadow:inherit!important;outline-offset:-2px}:host .elux-button.primary{color:#fff;background-color:#011e41}:host .elux-button.primary:hover{opacity:.85}:host .elux-button.primary:disabled{background:#adb9c3;color:#fff}:host .elux-button.primary-negative{color:#011e41;background-color:#fff}:host .elux-button.primary-negative:hover{opacity:.85}:host .elux-button.primary-negative:disabled{background:#adb9c3;color:#fff}:host .elux-button.secondary{color:#011e41;background-color:#fff;border:1px solid #011E41}:host .elux-button.secondary:hover{background:#011e41;color:#fff}:host .elux-button.secondary:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.secondary-negative{color:#fff;background-color:#011e41;border:1px solid #FFFFFF}:host .elux-button.secondary-negative:hover{background-color:#fff;color:#011e41;border:1px solid #011E41}:host .elux-button.secondary-negative:disabled{border-color:#7a8a9b;color:#7a8a9b}:host .elux-button.size-2{height:48px;padding:0 66px}:host .elux-button.size-2 span{font-size:16px}:host .elux-button.size-3{height:48px;padding:0}:host .elux-button.size-3 span{font-size:16px}:host .elux-button.rounded{border-radius:24px!important}\n"] }]
|
|
60
61
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { disabled: [{
|
|
61
62
|
type: Input
|
|
62
63
|
}], type: [{
|
|
@@ -83,7 +84,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
83
84
|
type: Input
|
|
84
85
|
}], onlyfirstLetterUpper: [{
|
|
85
86
|
type: Input
|
|
87
|
+
}], rounded: [{
|
|
88
|
+
type: Input
|
|
86
89
|
}], onClick: [{
|
|
87
90
|
type: Output
|
|
88
91
|
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7OztBQVMzRCxNQUFNLE9BQU8sVUFBVTtJQTRCckIsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUEzQnpCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQVFRLE9BQU8sQ0FBQztRQUNwQixlQUFVLEdBQXdCLFFBQVEsQ0FBQztRQUczQyxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBS2IsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUVWLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIseUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBQzVCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFZixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUVULENBQUM7SUFFdEMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUM7UUFDMUIsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1FBQ3pCLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYTtRQUM1QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdEUsQ0FBQztRQUVELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzdDLENBQUM7aUJBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN2QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBbEVVLFVBQVU7bUdBQVYsVUFBVSw2YkNkdkIsaXNCQWtCQSxzNU1EUlksWUFBWSxxVEFBRSxtQkFBbUIsK0JBQUUsUUFBUSw4SkFBRSxXQUFXOzs0RkFJdkQsVUFBVTtrQkFQdEIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQzsyRUFLMUQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWx1eExvYWRpbmcgfSBmcm9tICcuLi9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRWx1eEljb24sIEVsdXhMb2FkaW5nXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBFbHV4QnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgdHlwZTpcbiAgICB8ICdiYXNpYydcbiAgICB8ICdiYXNpYy1hY3Rpb24nXG4gICAgfCAnb3V0bGluZSdcbiAgICB8ICd0ZXh0J1xuICAgIHwgJ2Jhc2ljLWRhcmsnXG4gICAgfCAnYmFzaWNXaGl0ZSdcbiAgICB8ICdiYXNpY0JsdWUnXG4gICAgfCAnb3V0bGluZS1kYXJrJyA9ICdiYXNpYyc7XG4gIEBJbnB1dCgpIHR5cGVCdXR0b246ICdidXR0b24nIHwgJ3N1Ym1pdCcgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgY29udGVudCE6IHN0cmluZztcblxuICBASW5wdXQoKSBkb25lID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdXRlckxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemUhOiBudW1iZXI7XG5cbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuICBASW5wdXQoKSBpY29uQWxpZ24hOiAnbGVmdCcgfCAncmlnaHQnO1xuICBASW5wdXQoKSBleHRlcm5hbExpbmsgPSBmYWxzZTtcbiAgQElucHV0KCkgbG9hZGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBvbmx5Zmlyc3RMZXR0ZXJVcHBlciA9IHRydWU7XG4gIEBJbnB1dCgpIHJvdW5kZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5kb25lKSB7XG4gICAgICB0aGlzLmljb24gPSAnQ2hlY2suc3ZnJztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5leHRlcm5hbExpbmspIHtcbiAgICAgIHRoaXMuaWNvbiA9ICdMaW5rLnN2Zyc7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubG9hZGluZykge1xuICAgICAgdGhpcy5pY29uID0gJ0xvYWRpbmcuc3ZnJztcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2xvYWRpbmcnXSkge1xuICAgIH1cbiAgfVxuXG4gIGZpcnN0TGV0dGVyVXBwZXIodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdmFsdWUuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBjbGlja0J1dHRvbigkZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMubG9hZGluZyA9PSBmYWxzZSkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoJGV2ZW50KTtcbiAgICAgIGlmICh0aGlzLnJvdXRlckxpbmspIHtcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLnJvdXRlckxpbmspO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLmxpbmspIHtcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLmxpbmspO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvblxuICBbdHlwZV09XCJ0eXBlQnV0dG9uXCJcbiAgY2xhc3M9XCJidG4gZWx1eC1idXR0b24gc2l6ZS17eyBzaXplIH19IHt7IHR5cGUgfX1cIlxuICBbY2xhc3Mucm91bmRlZF09XCJyb3VuZGVkXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKGNsaWNrKT1cImNsaWNrQnV0dG9uKCRldmVudClcIlxuICAoa2V5dXAuZW50ZXIpPVwiY2xpY2tCdXR0b24oJGV2ZW50KVwiXG4+XG4gIDxkaXYgKm5nSWY9XCJsb2FkaW5nXCIgW25nU3R5bGVdPVwieyAnd2lkdGgnOiAnMjRweCcsICdtYXJnaW4nOiAnYXV0bycgLCAnbWFyZ2luLXRvcCcgOiAnM3B4JyB9XCI+XG4gICAgPGxpYi1lbHV4LWxvYWRpbmcgW3NpemVdPVwiMzBcIiBbd2hpdGVdPVwidHJ1ZVwiPjwvbGliLWVsdXgtbG9hZGluZz5cbiAgPC9kaXY+XG4gIDxkaXYgW25nQ2xhc3NdPVwiaWNvbkFsaWduXCI+XG4gICAgPGxpYi1lbHV4LWljb24gKm5nSWY9XCJpY29uICE9PSAnJ1wiIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCInMjQnXCIgW3NpemVUeXBlXT1cIidweCdcIj48L2xpYi1lbHV4LWljb24+XG4gICAgPHNwYW4gKm5nSWY9XCIhZG9uZSAmJiAhbG9hZGluZ1wiPlxuICAgICAge3sgb25seWZpcnN0TGV0dGVyVXBwZXIgPyBmaXJzdExldHRlclVwcGVyKGNvbnRlbnQpIDogY29udGVudCB9fVxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { RouterModule } from '@angular/router';
|
|
3
|
+
import { Component, Input } from '@angular/core';
|
|
4
|
+
import { EluxArrowLink } from '../arrow-link';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/router";
|
|
7
|
+
export class EluxCardArticle {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.BREAK_VALUE = 60;
|
|
10
|
+
}
|
|
11
|
+
truncateTitle(title) {
|
|
12
|
+
if (!title)
|
|
13
|
+
return '';
|
|
14
|
+
return title.length > this.BREAK_VALUE ? `${title.substring(0, this.BREAK_VALUE)}...` : title;
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardArticle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCardArticle, isStandalone: true, selector: "lib-elux-card-article", inputs: { title: "title", routerLink: "routerLink", image: "image", imageAlt: "imageAlt" }, ngImport: i0, template: "<div class=\"card\">\n <img class=\"image\" [srcset]=\"image\" [alt]=\"imageAlt\" loading=\"lazy\" />\n <div class=\"content\">\n <span class=\"title\">{{ truncateTitle(title) }}</span>\n <a [routerLink]=\"routerLink\">\n <lib-elux-arrow-link [title]=\"'Ler artigo'\"></lib-elux-arrow-link>\n </a>\n </div>\n</div>\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .card{width:250px;height:320px;border-radius:4px;box-shadow:3px 3px 10px #00000029;overflow:hidden;margin-bottom:10px;display:flex;flex-direction:column;justify-content:space-between}:host .image{width:100%;height:160px;object-fit:cover;object-position:center;display:block}:host .content{height:100%;padding:16px 16px 0;display:flex;flex-direction:column;justify-content:space-between}:host .title{color:#011e41;font-size:16px;font-style:normal;font-weight:600;line-height:20px}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: EluxArrowLink, selector: "lib-elux-arrow-link", inputs: ["title", "reverse", "icon_name", "icon_size"] }] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardArticle, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ standalone: true, imports: [RouterModule, CommonModule, EluxArrowLink], selector: 'lib-elux-card-article', template: "<div class=\"card\">\n <img class=\"image\" [srcset]=\"image\" [alt]=\"imageAlt\" loading=\"lazy\" />\n <div class=\"content\">\n <span class=\"title\">{{ truncateTitle(title) }}</span>\n <a [routerLink]=\"routerLink\">\n <lib-elux-arrow-link [title]=\"'Ler artigo'\"></lib-elux-arrow-link>\n </a>\n </div>\n</div>\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .card{width:250px;height:320px;border-radius:4px;box-shadow:3px 3px 10px #00000029;overflow:hidden;margin-bottom:10px;display:flex;flex-direction:column;justify-content:space-between}:host .image{width:100%;height:160px;object-fit:cover;object-position:center;display:block}:host .content{height:100%;padding:16px 16px 0;display:flex;flex-direction:column;justify-content:space-between}:host .title{color:#011e41;font-size:16px;font-style:normal;font-weight:600;line-height:20px}\n"] }]
|
|
22
|
+
}], propDecorators: { title: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], routerLink: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], image: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], imageAlt: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hcnRpY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtYXJ0aWNsZS9jYXJkLWFydGljbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC1hcnRpY2xlL2NhcmQtYXJ0aWNsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVM5QyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQWFtQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztLQU0zQztJQUpDLGFBQWEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDdEIsT0FBTyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUNoRyxDQUFDOytHQVhVLGVBQWU7bUdBQWYsZUFBZSw2S0NaNUIsK1VBU0EsbytEREZZLFlBQVksK1FBQUUsWUFBWSwrQkFBRSxhQUFhOzs0RkFLeEMsZUFBZTtrQkFQM0IsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLGFBQWEsQ0FBQyxZQUMxQyx1QkFBdUI7OEJBS3hCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFbHV4QXJyb3dMaW5rIH0gZnJvbSAnLi4vYXJyb3ctbGluayc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbUm91dGVyTW9kdWxlLCBDb21tb25Nb2R1bGUsIEVsdXhBcnJvd0xpbmtdLFxuICBzZWxlY3RvcjogJ2xpYi1lbHV4LWNhcmQtYXJ0aWNsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWFydGljbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWFydGljbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWx1eENhcmRBcnRpY2xlIHtcbiAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJvdXRlckxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGltYWdlITogc3RyaW5nO1xuICBASW5wdXQoKSBpbWFnZUFsdCE6IHN0cmluZztcblxuICBwcml2YXRlIHJlYWRvbmx5IEJSRUFLX1ZBTFVFOiBudW1iZXIgPSA2MDtcblxuICB0cnVuY2F0ZVRpdGxlKHRpdGxlOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICghdGl0bGUpIHJldHVybiAnJztcbiAgICByZXR1cm4gdGl0bGUubGVuZ3RoID4gdGhpcy5CUkVBS19WQUxVRSA/IGAke3RpdGxlLnN1YnN0cmluZygwLCB0aGlzLkJSRUFLX1ZBTFVFKX0uLi5gIDogdGl0bGU7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYXJkXCI+XG4gIDxpbWcgY2xhc3M9XCJpbWFnZVwiIFtzcmNzZXRdPVwiaW1hZ2VcIiBbYWx0XT1cImltYWdlQWx0XCIgbG9hZGluZz1cImxhenlcIiAvPlxuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj57eyB0cnVuY2F0ZVRpdGxlKHRpdGxlKSB9fTwvc3Bhbj5cbiAgICA8YSBbcm91dGVyTGlua109XCJyb3V0ZXJMaW5rXCI+XG4gICAgICA8bGliLWVsdXgtYXJyb3ctbGluayBbdGl0bGVdPVwiJ0xlciBhcnRpZ28nXCI+PC9saWItZWx1eC1hcnJvdy1saW5rPlxuICAgIDwvYT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { RouterModule } from '@angular/router';
|
|
4
|
+
import { EluxIcon } from '../icon/icon.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/router";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
export class EluxCardServiceOrder {
|
|
9
|
+
constructor(router) {
|
|
10
|
+
this.router = router;
|
|
11
|
+
this.type = '';
|
|
12
|
+
this.routerLink = '';
|
|
13
|
+
this.date = '';
|
|
14
|
+
this.productName = '';
|
|
15
|
+
this.productImageUrl = '';
|
|
16
|
+
this.statusName = '';
|
|
17
|
+
this.statusColor = '';
|
|
18
|
+
}
|
|
19
|
+
navigateToDetail() {
|
|
20
|
+
this.router.navigate([`${this.routerLink}`]);
|
|
21
|
+
}
|
|
22
|
+
getContrastTextColor(hexColor) {
|
|
23
|
+
const cleanHex = hexColor.replace('#', '');
|
|
24
|
+
const whiteColor = '#ffffff';
|
|
25
|
+
const blackColor = '#251E00';
|
|
26
|
+
if (cleanHex.length !== 6) {
|
|
27
|
+
return whiteColor;
|
|
28
|
+
}
|
|
29
|
+
const r = parseInt(cleanHex.slice(0, 2), 16);
|
|
30
|
+
const g = parseInt(cleanHex.slice(2, 4), 16);
|
|
31
|
+
const b = parseInt(cleanHex.slice(4, 6), 16);
|
|
32
|
+
const luminance = 0.299 * r + 0.587 * g + 0.114 * b;
|
|
33
|
+
return luminance > 186 ? blackColor : whiteColor;
|
|
34
|
+
}
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardServiceOrder, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCardServiceOrder, isStandalone: true, selector: "elux-card-service-order", inputs: { type: "type", routerLink: "routerLink", date: "date", productName: "productName", productImageUrl: "productImageUrl", statusName: "statusName", statusColor: "statusColor" }, ngImport: i0, template: "<div class=\"card-container\">\n <div class=\"card-section\">\n <div class=\"d-flex flex-column justify-content-center pr-2\">\n <img #image class=\"card-image\" [src]=\"productImageUrl\" [alt]=\"productName\" (error)=\"image.src = ''\" />\n </div>\n\n <div class=\"d-flex flex-column justify-content-center\">\n <div class=\"d-flex flex-column card-description\">\n <span>{{ type }}</span>\n <h4>{{ productName }}</h4>\n <div class=\"d-flex flex-row mt-2\" *ngIf=\"!!date\">\n <lib-elux-icon \n icon=\"Calendar.svg\" \n color=\"#515253\"\n size=\"16\" \n sizeType=\"px\" />\n <p class=\"ml-1 mb-0\">{{ date }}</p>\n </div>\n </div>\n <div class=\"d-flex w-100 mt-3\">\n <div class=\"card-status\" [style.background-color]=\"statusColor\" [style.color]=\"getContrastTextColor(statusColor)\">\n <p>{{ statusName }}</p>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"w-100 mt-auto\">\n <hr>\n </div>\n\n <div class=\"card-section\">\n <div class=\"card-link\" (click)=\"navigateToDetail()\">\n <a>\n Acessar detalhes\n <lib-elux-icon \n icon=\"Chevron_Right.svg\" \n color=\"#011E41\"\n size=\"24\" \n sizeType=\"px\" />\n </a>\n </div>\n </div>\n</div>", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card-container{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:16px;gap:16px;background:#fff;box-sizing:border-box;box-shadow:4px 4px 8px #0000001a;border:1px solid #DEE7EA;border-radius:4px}.card-container .card-section{display:flex;flex-direction:row;width:100%}.card-container .card-image{width:64px;height:64px;-webkit-user-select:none;user-select:none;-ms-user-select:none;background-color:#fff}.card-container .card-image[src=\"\"]{visibility:hidden}.card-container .card-description span{font-family:Electrolux Sans;font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#515253}.card-container .card-description h4{font-family:Electrolux Sans;font-style:normal;font-weight:600;font-size:14px;line-height:17px;color:#011e41;margin-top:4px;margin-bottom:0}.card-container .card-status{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px 8px;background-color:#ffd726;border-radius:16px}.card-container .card-status p{font-family:Electrolux Sans;font-style:normal;font-weight:400;font-size:14px;line-height:16px;margin:0}.card-container .card-link{display:block;margin-left:auto;-webkit-user-select:none;user-select:none;-ms-user-select:none}.card-container .card-link a{font-family:Electrolux Sans;font-style:normal;font-weight:600;font-size:16px;line-height:28px;color:#011e41}.card-container .card-link a:visited{text-decoration:none}.card-container .card-link a:hover{text-decoration:none;cursor:pointer}.card-container hr{margin:8px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
37
|
+
}
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardServiceOrder, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ standalone: true, imports: [CommonModule, RouterModule, EluxIcon], selector: 'elux-card-service-order', template: "<div class=\"card-container\">\n <div class=\"card-section\">\n <div class=\"d-flex flex-column justify-content-center pr-2\">\n <img #image class=\"card-image\" [src]=\"productImageUrl\" [alt]=\"productName\" (error)=\"image.src = ''\" />\n </div>\n\n <div class=\"d-flex flex-column justify-content-center\">\n <div class=\"d-flex flex-column card-description\">\n <span>{{ type }}</span>\n <h4>{{ productName }}</h4>\n <div class=\"d-flex flex-row mt-2\" *ngIf=\"!!date\">\n <lib-elux-icon \n icon=\"Calendar.svg\" \n color=\"#515253\"\n size=\"16\" \n sizeType=\"px\" />\n <p class=\"ml-1 mb-0\">{{ date }}</p>\n </div>\n </div>\n <div class=\"d-flex w-100 mt-3\">\n <div class=\"card-status\" [style.background-color]=\"statusColor\" [style.color]=\"getContrastTextColor(statusColor)\">\n <p>{{ statusName }}</p>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"w-100 mt-auto\">\n <hr>\n </div>\n\n <div class=\"card-section\">\n <div class=\"card-link\" (click)=\"navigateToDetail()\">\n <a>\n Acessar detalhes\n <lib-elux-icon \n icon=\"Chevron_Right.svg\" \n color=\"#011E41\"\n size=\"24\" \n sizeType=\"px\" />\n </a>\n </div>\n </div>\n</div>", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.card-container{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:16px;gap:16px;background:#fff;box-sizing:border-box;box-shadow:4px 4px 8px #0000001a;border:1px solid #DEE7EA;border-radius:4px}.card-container .card-section{display:flex;flex-direction:row;width:100%}.card-container .card-image{width:64px;height:64px;-webkit-user-select:none;user-select:none;-ms-user-select:none;background-color:#fff}.card-container .card-image[src=\"\"]{visibility:hidden}.card-container .card-description span{font-family:Electrolux Sans;font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#515253}.card-container .card-description h4{font-family:Electrolux Sans;font-style:normal;font-weight:600;font-size:14px;line-height:17px;color:#011e41;margin-top:4px;margin-bottom:0}.card-container .card-status{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px 8px;background-color:#ffd726;border-radius:16px}.card-container .card-status p{font-family:Electrolux Sans;font-style:normal;font-weight:400;font-size:14px;line-height:16px;margin:0}.card-container .card-link{display:block;margin-left:auto;-webkit-user-select:none;user-select:none;-ms-user-select:none}.card-container .card-link a{font-family:Electrolux Sans;font-style:normal;font-weight:600;font-size:16px;line-height:28px;color:#011e41}.card-container .card-link a:visited{text-decoration:none}.card-container .card-link a:hover{text-decoration:none;cursor:pointer}.card-container hr{margin:8px 0}\n"] }]
|
|
41
|
+
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { type: [{
|
|
42
|
+
type: Input,
|
|
43
|
+
args: [{ required: false }]
|
|
44
|
+
}], routerLink: [{
|
|
45
|
+
type: Input,
|
|
46
|
+
args: [{ required: true }]
|
|
47
|
+
}], date: [{
|
|
48
|
+
type: Input,
|
|
49
|
+
args: [{ required: false }]
|
|
50
|
+
}], productName: [{
|
|
51
|
+
type: Input,
|
|
52
|
+
args: [{ required: true }]
|
|
53
|
+
}], productImageUrl: [{
|
|
54
|
+
type: Input,
|
|
55
|
+
args: [{ required: true }]
|
|
56
|
+
}], statusName: [{
|
|
57
|
+
type: Input,
|
|
58
|
+
args: [{ required: true }]
|
|
59
|
+
}], statusColor: [{
|
|
60
|
+
type: Input,
|
|
61
|
+
args: [{ required: true }]
|
|
62
|
+
}] } });
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zZXJ2aWNlLW9yZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtc2VydmljZS1vcmRlci9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC1zZXJ2aWNlLW9yZGVyL2NhcmQtc2VydmljZS1vcmRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQW9CbEQsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUE2QixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUVmLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbkIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN2QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7SUFSTixDQUFDO0lBVS9DLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxRQUFnQjtRQUNuQyxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUzQyxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDN0IsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBRTdCLElBQUksUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUMxQixPQUFPLFVBQVUsQ0FBQztRQUNwQixDQUFDO1FBRUQsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM3QyxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFN0MsTUFBTSxTQUFTLEdBQUcsS0FBSyxHQUFHLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFFcEQsT0FBTyxTQUFTLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNuRCxDQUFDOytHQWhDVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwyUUN2QmpDLHcyQ0EyQ00scS9GRHpCTSxZQUFZLGtJQUFFLFlBQVksK0JBQUUsUUFBUTs7NEZBS25DLG9CQUFvQjtrQkFQaEMsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxZQUNyQyx5QkFBeUI7MkVBT1AsSUFBSTtzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0MsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0csSUFBSTtzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0MsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsZUFBZTtzQkFBekMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBTZXJ2aWNlT3JkZXJDYXJkRGF0YSB7XG4gIHJvdXRlckxpbms6IHN0cmluZztcbiAgdHlwZTogc3RyaW5nO1xuICBkYXRlPzogc3RyaW5nO1xuICBwcm9kdWN0TmFtZTogc3RyaW5nO1xuICBwcm9kdWN0SW1hZ2VVcmw6IHN0cmluZztcbiAgcHJvZHVjdEltYWdlQWx0Pzogc3RyaW5nO1xuICBzdGF0dXNOYW1lOiBzdHJpbmc7XG4gIHN0YXR1c0NvbG9yOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEVsdXhJY29uXSxcbiAgc2VsZWN0b3I6ICdlbHV4LWNhcmQtc2VydmljZS1vcmRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWx1eENhcmRTZXJ2aWNlT3JkZXIge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyKSB7fVxuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSB0eXBlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcm91dGVyTGluazogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBkYXRlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcHJvZHVjdE5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBwcm9kdWN0SW1hZ2VVcmw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzdGF0dXNOYW1lOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc3RhdHVzQ29sb3I6IHN0cmluZyA9ICcnO1xuXG4gIG5hdmlnYXRlVG9EZXRhaWwoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2Ake3RoaXMucm91dGVyTGlua31gXSk7XG4gIH1cblxuICBnZXRDb250cmFzdFRleHRDb2xvcihoZXhDb2xvcjogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGVhbkhleCA9IGhleENvbG9yLnJlcGxhY2UoJyMnLCAnJyk7XG5cbiAgICBjb25zdCB3aGl0ZUNvbG9yID0gJyNmZmZmZmYnO1xuICAgIGNvbnN0IGJsYWNrQ29sb3IgPSAnIzI1MUUwMCc7XG5cbiAgICBpZiAoY2xlYW5IZXgubGVuZ3RoICE9PSA2KSB7XG4gICAgICByZXR1cm4gd2hpdGVDb2xvcjtcbiAgICB9XG5cbiAgICBjb25zdCByID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoMCwgMiksIDE2KTtcbiAgICBjb25zdCBnID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoMiwgNCksIDE2KTtcbiAgICBjb25zdCBiID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoNCwgNiksIDE2KTtcblxuICAgIGNvbnN0IGx1bWluYW5jZSA9IDAuMjk5ICogciArIDAuNTg3ICogZyArIDAuMTE0ICogYjtcblxuICAgIHJldHVybiBsdW1pbmFuY2UgPiAxODYgPyBibGFja0NvbG9yIDogd2hpdGVDb2xvcjtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXIgcHItMlwiPlxuICAgICAgPGltZyAjaW1hZ2UgY2xhc3M9XCJjYXJkLWltYWdlXCIgW3NyY109XCJwcm9kdWN0SW1hZ2VVcmxcIiBbYWx0XT1cInByb2R1Y3ROYW1lXCIgKGVycm9yKT1cImltYWdlLnNyYyA9ICcnXCIgLz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4ganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBjYXJkLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxzcGFuPnt7IHR5cGUgfX08L3NwYW4+XG4gICAgICAgIDxoND57eyBwcm9kdWN0TmFtZSB9fTwvaDQ+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1yb3cgbXQtMlwiICpuZ0lmPVwiISFkYXRlXCI+XG4gICAgICAgICAgPGxpYi1lbHV4LWljb24gXG4gICAgICAgICAgICBpY29uPVwiQ2FsZW5kYXIuc3ZnXCIgXG4gICAgICAgICAgICBjb2xvcj1cIiM1MTUyNTNcIlxuICAgICAgICAgICAgc2l6ZT1cIjE2XCIgXG4gICAgICAgICAgICBzaXplVHlwZT1cInB4XCIgLz5cbiAgICAgICAgICA8cCBjbGFzcz1cIm1sLTEgbWItMFwiPnt7IGRhdGUgfX08L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IHctMTAwIG10LTNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RhdHVzXCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwic3RhdHVzQ29sb3JcIiBbc3R5bGUuY29sb3JdPVwiZ2V0Q29udHJhc3RUZXh0Q29sb3Ioc3RhdHVzQ29sb3IpXCI+XG4gICAgICAgICAgPHA+e3sgc3RhdHVzTmFtZSB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInctMTAwIG10LWF1dG9cIj5cbiAgICA8aHI+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjYXJkLXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1saW5rXCIgKGNsaWNrKT1cIm5hdmlnYXRlVG9EZXRhaWwoKVwiPlxuICAgICAgPGE+XG4gICAgICAgIEFjZXNzYXIgZGV0YWxoZXNcbiAgICAgICAgPGxpYi1lbHV4LWljb24gXG4gICAgICAgICAgaWNvbj1cIkNoZXZyb25fUmlnaHQuc3ZnXCIgXG4gICAgICAgICAgY29sb3I9XCIjMDExRTQxXCJcbiAgICAgICAgICBzaXplPVwiMjRcIiBcbiAgICAgICAgICBzaXplVHlwZT1cInB4XCIgLz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -62,4 +62,6 @@ export * from './arrow-link';
|
|
|
62
62
|
export * from './switch';
|
|
63
63
|
export * from './chip';
|
|
64
64
|
export * from './card-product/card-product.component';
|
|
65
|
-
|
|
65
|
+
export * from './card-article/card-article.component';
|
|
66
|
+
export * from './card-service-order/card-service-order.component';
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN4QyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBRWxDLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFnQjtJQUMvQyxjQUFjO0lBQ2QsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osUUFBUTtJQUNSLGFBQWE7SUFDYixXQUFXO0lBQ1gsU0FBUztJQUNULGFBQWE7SUFDYixhQUFhO0lBQ2IsU0FBUztJQUNULHdCQUF3QjtJQUN4Qiw2QkFBNkI7SUFDN0IsV0FBVztJQUNYLG9CQUFvQjtJQUNwQixxQkFBcUI7SUFDckIsVUFBVTtJQUNWLFFBQVE7Q0FDVCxDQUFDO0FBRUYsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxRQUFRLENBQUM7QUFDdkIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxtREFBbUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVsdXhCcmVhZGNydW1iIH0gZnJvbSAnLi9icmVhZGNydW1iJztcbmltcG9ydCB7IEVsdXhCdXR0b24gfSBmcm9tICcuL2J1dHRvbic7XG5pbXBvcnQgeyBFbHV4RHJvcGRvd24gfSBmcm9tICcuL2Ryb3Bkb3duJztcbmltcG9ydCB7IEVsdXhJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEVsdXhQYWdpbmF0b3IgfSBmcm9tICcuL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBFbHV4U3RlcEJhciB9IGZyb20gJy4vc3RlcGJhcic7XG5pbXBvcnQgeyBFbHV4RGF0ZXBpY2tlciB9IGZyb20gJy4vZGF0ZXBpY2tlcic7XG5pbXBvcnQgeyBFbHV4VG9hc3QgfSBmcm9tICcuL3RvYXN0JztcbmltcG9ydCB7IEVsdXhEYXRhVGFibGUgfSBmcm9tICcuL2RhdGF0YWJsZSc7XG5pbXBvcnQgeyBFbHV4QWNjb3JkaW9uIH0gZnJvbSAnLi9hY2NvcmRpb24nO1xuaW1wb3J0IHsgRWx1eE1vZGFsIH0gZnJvbSAnLi9tb2RhbCc7XG5pbXBvcnQgeyBFbHV4SW5wdXRTZWFyY2hDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXNlYXJjaCc7XG5pbXBvcnQgeyBFbHV4TG9hZGluZyB9IGZyb20gJy4vbG9hZGluZyc7XG5pbXBvcnQgeyBFbHV4SW5wdXRTZWFyY2hNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtc2VhcmNoLW1vZGFsL2lucHV0LXNlYXJjaC1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWx1eERyb3Bkb3duTXVsdGlwbGUgfSBmcm9tICcuL2Ryb3Bkb3duLW11bHRpcGxlJztcbmltcG9ydCB7IEVsdXhDYXJvdXNlbENvbXBvbmVudCB9IGZyb20gJy4vY2Fyb3VzZWwnO1xuaW1wb3J0IHsgRWx1eFN3aXRjaCB9IGZyb20gJy4vc3dpdGNoJztcbmltcG9ydCB7IEVsdXhDaGlwIH0gZnJvbSAnLi9jaGlwJztcblxuZXhwb3J0IGNvbnN0IEVsZWN0cm9sdXhDb21wb25lbnRzOiBUeXBlPGFueT5bXSA9IFtcbiAgRWx1eEJyZWFkY3J1bWIsXG4gIEVsdXhCdXR0b24sXG4gIEVsdXhEYXRlcGlja2VyLFxuICBFbHV4RHJvcGRvd24sXG4gIEVsdXhJY29uLFxuICBFbHV4UGFnaW5hdG9yLFxuICBFbHV4U3RlcEJhcixcbiAgRWx1eFRvYXN0LFxuICBFbHV4RGF0YVRhYmxlLFxuICBFbHV4QWNjb3JkaW9uLFxuICBFbHV4TW9kYWwsXG4gIEVsdXhJbnB1dFNlYXJjaENvbXBvbmVudCxcbiAgRWx1eElucHV0U2VhcmNoTW9kYWxDb21wb25lbnQsXG4gIEVsdXhMb2FkaW5nLFxuICBFbHV4RHJvcGRvd25NdWx0aXBsZSxcbiAgRWx1eENhcm91c2VsQ29tcG9uZW50LFxuICBFbHV4U3dpdGNoLFxuICBFbHV4Q2hpcCxcbl07XG5cbmV4cG9ydCAqIGZyb20gJy4vYnJlYWRjcnVtYic7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duJztcbmV4cG9ydCAqIGZyb20gJy4vaWNvbic7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2luYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL3N0ZXBiYXInO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRlcGlja2VyJztcbmV4cG9ydCAqIGZyb20gJy4vdG9hc3QnO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRhdGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9hY2NvcmRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmcnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dC1zZWFyY2gnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dC1zZWFyY2gtbW9kYWwnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLTEnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLTInO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLTMnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLTQnO1xuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi1tdWx0aXBsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmctMic7XG5leHBvcnQgKiBmcm9tICcuL2Nhcm91c2VsJztcbmV4cG9ydCAqIGZyb20gJy4vY2Fyb3VzZWwtZml4ZWQvY2Fyb3VzZWwtZml4ZWQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXJyb3ctbGluayc7XG5leHBvcnQgKiBmcm9tICcuL3N3aXRjaCc7XG5leHBvcnQgKiBmcm9tICcuL2NoaXAnO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLXByb2R1Y3QvY2FyZC1wcm9kdWN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQtYXJ0aWNsZS9jYXJkLWFydGljbGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1zZXJ2aWNlLW9yZGVyL2NhcmQtc2VydmljZS1vcmRlci5jb21wb25lbnQnOyJdfQ==
|
|
@@ -14,7 +14,7 @@ export class EluxInputSearchModalComponent {
|
|
|
14
14
|
this.searchClickEvent.emit(event);
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxInputSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxInputSearchModalComponent, isStandalone: true, selector: "lib-elux-input-search-modal", inputs: { value: "value", placeholder: "placeholder" }, outputs: { searchClickEvent: "searchClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"input-search\">\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [value]=\"value\"\n disabled\n />\n <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\n</div>\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EluxButton, selector: "lib-elux-button", inputs: ["disabled", "type", "typeButton", "content", "done", "routerLink", "link", "size", "icon", "iconAlign", "externalLink", "loading", "onlyfirstLetterUpper"], outputs: ["onClick"] }] }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxInputSearchModalComponent, isStandalone: true, selector: "lib-elux-input-search-modal", inputs: { value: "value", placeholder: "placeholder" }, outputs: { searchClickEvent: "searchClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"input-search\">\n <input\n type=\"text\"\n class=\"input-field\"\n [placeholder]=\"placeholder\"\n [value]=\"value\"\n disabled\n />\n <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\n</div>\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EluxButton, selector: "lib-elux-button", inputs: ["disabled", "type", "typeButton", "content", "done", "routerLink", "link", "size", "icon", "iconAlign", "externalLink", "loading", "onlyfirstLetterUpper", "rounded"], outputs: ["onClick"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxInputSearchModalComponent, decorators: [{
|
|
20
20
|
type: Component,
|