@elxjs/ui 0.0.188 → 0.0.190
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/Facebook_2.svg +3 -0
- package/assets/icons/Logo_small.svg +10 -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-product/card-product.component.mjs +6 -3
- 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 +93 -6
- 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-product/card-product.component.d.ts +2 -1
- 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 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,10 @@
|
|
|
1
|
+
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_6929_5071)">
|
|
3
|
+
<path d="M0 11H11V0H0V11ZM7.05134 0.839782C8.02851 1.16639 8.87824 1.79197 9.48032 2.62804C10.0824 3.46411 10.4064 4.46832 10.4064 5.49862C10.4064 6.52892 10.0824 7.53314 9.48032 8.36921C8.87824 9.20528 8.02851 9.83086 7.05134 10.1575V0.839782ZM5.49965 0.590561C5.84776 0.593945 6.19477 0.630201 6.53606 0.698843C6.53606 3.19103 4.12603 5.24184 1.63866 5.24184H0.598468C0.677864 3.99134 1.22717 2.8171 2.13618 1.95468C3.0452 1.09227 4.2467 0.60547 5.49965 0.591938V0.590561ZM1.63969 5.76228C4.12672 5.76228 6.53572 7.81103 6.53572 10.2998C6.19462 10.3692 5.84772 10.4063 5.49965 10.4105C4.24382 10.4066 3.03692 9.9231 2.12571 9.05892C1.2145 8.19473 0.667811 7.01511 0.597435 5.76125L1.63969 5.76228Z" fill="white"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_6929_5071">
|
|
7
|
+
<rect width="11" height="11" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</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 class=\"d-flex align-items-center justify-content-center\" [ngClass]=\"iconAlign\">\n <lib-elux-icon class=\"gap-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 .right{flex-direction:row-reverse}: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}:host .elux-button .gap-icon{margin-right:8px;margin-left:8px}\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 class=\"d-flex align-items-center justify-content-center\" [ngClass]=\"iconAlign\">\n <lib-elux-icon class=\"gap-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 .right{flex-direction:row-reverse}: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}:host .elux-button .gap-icon{margin-right:8px;margin-left:8px}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7OztBQVMzRCxNQUFNLE9BQU8sVUFBVTtJQTRCckIsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUEzQnpCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQVFRLE9BQU8sQ0FBQztRQUNwQixlQUFVLEdBQXdCLFFBQVEsQ0FBQztRQUczQyxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBS2IsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUVWLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIseUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBQzVCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFZixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUVULENBQUM7SUFFdEMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUM7UUFDMUIsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1FBQ3pCLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYTtRQUM1QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdEUsQ0FBQztRQUVELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzdDLENBQUM7aUJBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN2QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBbEVVLFVBQVU7bUdBQVYsVUFBVSw2YkNkdkIsK3dCQWtCQSx1dk1EUlksWUFBWSxxVEFBRSxtQkFBbUIsK0JBQUUsUUFBUSw4SkFBRSxXQUFXOzs0RkFJdkQsVUFBVTtrQkFQdEIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQzsyRUFLMUQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWx1eExvYWRpbmcgfSBmcm9tICcuLi9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRWx1eEljb24sIEVsdXhMb2FkaW5nXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBFbHV4QnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgdHlwZTpcbiAgICB8ICdiYXNpYydcbiAgICB8ICdiYXNpYy1hY3Rpb24nXG4gICAgfCAnb3V0bGluZSdcbiAgICB8ICd0ZXh0J1xuICAgIHwgJ2Jhc2ljLWRhcmsnXG4gICAgfCAnYmFzaWNXaGl0ZSdcbiAgICB8ICdiYXNpY0JsdWUnXG4gICAgfCAnb3V0bGluZS1kYXJrJyA9ICdiYXNpYyc7XG4gIEBJbnB1dCgpIHR5cGVCdXR0b246ICdidXR0b24nIHwgJ3N1Ym1pdCcgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgY29udGVudCE6IHN0cmluZztcblxuICBASW5wdXQoKSBkb25lID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdXRlckxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemUhOiBudW1iZXI7XG5cbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuICBASW5wdXQoKSBpY29uQWxpZ24hOiAnbGVmdCcgfCAncmlnaHQnO1xuICBASW5wdXQoKSBleHRlcm5hbExpbmsgPSBmYWxzZTtcbiAgQElucHV0KCkgbG9hZGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBvbmx5Zmlyc3RMZXR0ZXJVcHBlciA9IHRydWU7XG4gIEBJbnB1dCgpIHJvdW5kZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5kb25lKSB7XG4gICAgICB0aGlzLmljb24gPSAnQ2hlY2suc3ZnJztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5leHRlcm5hbExpbmspIHtcbiAgICAgIHRoaXMuaWNvbiA9ICdMaW5rLnN2Zyc7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubG9hZGluZykge1xuICAgICAgdGhpcy5pY29uID0gJ0xvYWRpbmcuc3ZnJztcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2xvYWRpbmcnXSkge1xuICAgIH1cbiAgfVxuXG4gIGZpcnN0TGV0dGVyVXBwZXIodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdmFsdWUuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBjbGlja0J1dHRvbigkZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMubG9hZGluZyA9PSBmYWxzZSkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoJGV2ZW50KTtcbiAgICAgIGlmICh0aGlzLnJvdXRlckxpbmspIHtcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLnJvdXRlckxpbmspO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLmxpbmspIHtcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLmxpbmspO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvblxuICBbdHlwZV09XCJ0eXBlQnV0dG9uXCJcbiAgY2xhc3M9XCJidG4gZWx1eC1idXR0b24gc2l6ZS17eyBzaXplIH19IHt7IHR5cGUgfX1cIlxuICBbY2xhc3Mucm91bmRlZF09XCJyb3VuZGVkXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKGNsaWNrKT1cImNsaWNrQnV0dG9uKCRldmVudClcIlxuICAoa2V5dXAuZW50ZXIpPVwiY2xpY2tCdXR0b24oJGV2ZW50KVwiXG4+XG4gIDxkaXYgKm5nSWY9XCJsb2FkaW5nXCIgW25nU3R5bGVdPVwieyAnd2lkdGgnOiAnMjRweCcsICdtYXJnaW4nOiAnYXV0bycgLCAnbWFyZ2luLXRvcCcgOiAnM3B4JyB9XCI+XG4gICAgPGxpYi1lbHV4LWxvYWRpbmcgW3NpemVdPVwiMzBcIiBbd2hpdGVdPVwidHJ1ZVwiPjwvbGliLWVsdXgtbG9hZGluZz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIiBbbmdDbGFzc109XCJpY29uQWxpZ25cIj5cbiAgICA8bGliLWVsdXgtaWNvbiBjbGFzcz1cImdhcC1pY29uXCIgKm5nSWY9XCJpY29uICE9PSAnJ1wiIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCInMjQnXCIgW3NpemVUeXBlXT1cIidweCdcIj48L2xpYi1lbHV4LWljb24+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==
|
|
@@ -9,6 +9,7 @@ export class EluxCardProduct {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
this.removeIcon = false;
|
|
11
11
|
this.incompleteRegister = false;
|
|
12
|
+
this.connectedProduct = false;
|
|
12
13
|
this.removeEvent = new EventEmitter();
|
|
13
14
|
}
|
|
14
15
|
removeProduct() {
|
|
@@ -30,11 +31,11 @@ export class EluxCardProduct {
|
|
|
30
31
|
return '';
|
|
31
32
|
}
|
|
32
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardProduct, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCardProduct, isStandalone: true, selector: "lib-elux-card-product", inputs: { image: "image", imageAlt: "imageAlt", model: "model", description: "description", voltage: "voltage", link: "link", removeIcon: "removeIcon", incompleteRegister: "incompleteRegister" }, outputs: { removeEvent: "removeEvent" }, ngImport: i0, template: "<div class=\"position-relative\">\n <a [routerLink]=\"link\" class=\"product-card\">\n <div class=\"div-image mr-2\" *ngIf=\"!!image\">\n <img [src]=\"image\" [alt]=\"imageAlt\" class=\"image\" />\n </div>\n <div class=\"content\">\n <div>\n <div class=\"d-flex align-items-center gap
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCardProduct, isStandalone: true, selector: "lib-elux-card-product", inputs: { image: "image", imageAlt: "imageAlt", model: "model", description: "description", voltage: "voltage", link: "link", removeIcon: "removeIcon", incompleteRegister: "incompleteRegister", connectedProduct: "connectedProduct" }, outputs: { removeEvent: "removeEvent" }, ngImport: i0, template: "<div class=\"position-relative\">\n <a [routerLink]=\"link\" class=\"product-card\">\n <div class=\"div-image mr-2\" *ngIf=\"!!image\">\n <div class=\"connected-product\" *ngIf=\"connectedProduct\">\n <lib-elux-icon icon=\"Logo_small.svg\" color=\"#FFF\" size=\"12\"></lib-elux-icon>\n </div>\n <img [src]=\"image\" [alt]=\"imageAlt\" class=\"image\" />\n </div>\n <div class=\"content\">\n <div>\n <div class=\"d-flex align-items-center gap\">\n <span class=\"product-code\">{{ model | uppercase }}</span>\n <span class=\"incomplete-register-tag\" *ngIf=\"incompleteRegister\">\n Registro incompleto\n </span>\n <span class=\"voltage-tag\" *ngIf=\"!!voltage\"> {{ voltage }} </span>\n </div>\n <span class=\"product-name\">{{ capitalizeDescription() }}</span>\n </div>\n </div>\n </a>\n\n <lib-elux-icon\n *ngIf=\"removeIcon\"\n class=\"close-icon\"\n icon=\"Close.svg\"\n tabindex=\"0\"\n color=\"#011E41\"\n size=\"18\"\n sizeType=\"px\"\n (keyup.enter)=\"removeProduct()\"\n (click)=\"removeProduct()\"\n ></lib-elux-icon>\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}}.product-card{height:80px;padding:8px;border:solid 1px #dee7ea;border-radius:2px;display:flex;flex-direction:row;text-decoration:none;background-color:#fff;box-shadow:0 4px 18px #0000001f}.product-card:focus-visible{outline:none;border-color:transparent}.product-card:focus{box-shadow:0 0 0 2px #16a748;outline:none;border-color:transparent}.product-card .div-image{width:64px;height:64px;flex-shrink:0;margin-right:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card .div-image .connected-product{background-color:#011e41;position:absolute;width:22px;height:22px;border-radius:6px;display:flex;justify-content:center;align-items:center;left:8px;bottom:8px}.product-card .div-image .connected-product ::ng-deep lib-elux-icon{display:flex!important}.product-card .div-image .image{width:100%;height:100%;object-fit:contain}.product-card .content{overflow:hidden;flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.product-card .content .gap{gap:6px}.product-card .content .product-code{font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;color:#515253}.product-card .content .product-name{font-size:14px;font-style:normal;font-weight:600;line-height:normal;display:block;color:#011e41;white-space:break-spaces}.product-card .content .incomplete-register-tag{font-size:10px;line-height:10px;padding:2px 8px;border-radius:14px;background-color:#d01935;color:#fff;height:16px}.product-card .content .voltage-tag{font-size:10px;line-height:10px;color:#fff;height:16px;padding:2px 8px;border-radius:16px;background-color:#5b6a78}.close-icon{cursor:pointer;position:absolute;top:4px;right:4px}\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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
34
35
|
}
|
|
35
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardProduct, decorators: [{
|
|
36
37
|
type: Component,
|
|
37
|
-
args: [{ standalone: true, imports: [RouterModule, CommonModule, EluxIcon], selector: 'lib-elux-card-product', template: "<div class=\"position-relative\">\n <a [routerLink]=\"link\" class=\"product-card\">\n <div class=\"div-image mr-2\" *ngIf=\"!!image\">\n <img [src]=\"image\" [alt]=\"imageAlt\" class=\"image\" />\n </div>\n <div class=\"content\">\n <div>\n <div class=\"d-flex align-items-center gap
|
|
38
|
+
args: [{ standalone: true, imports: [RouterModule, CommonModule, EluxIcon], selector: 'lib-elux-card-product', template: "<div class=\"position-relative\">\n <a [routerLink]=\"link\" class=\"product-card\">\n <div class=\"div-image mr-2\" *ngIf=\"!!image\">\n <div class=\"connected-product\" *ngIf=\"connectedProduct\">\n <lib-elux-icon icon=\"Logo_small.svg\" color=\"#FFF\" size=\"12\"></lib-elux-icon>\n </div>\n <img [src]=\"image\" [alt]=\"imageAlt\" class=\"image\" />\n </div>\n <div class=\"content\">\n <div>\n <div class=\"d-flex align-items-center gap\">\n <span class=\"product-code\">{{ model | uppercase }}</span>\n <span class=\"incomplete-register-tag\" *ngIf=\"incompleteRegister\">\n Registro incompleto\n </span>\n <span class=\"voltage-tag\" *ngIf=\"!!voltage\"> {{ voltage }} </span>\n </div>\n <span class=\"product-name\">{{ capitalizeDescription() }}</span>\n </div>\n </div>\n </a>\n\n <lib-elux-icon\n *ngIf=\"removeIcon\"\n class=\"close-icon\"\n icon=\"Close.svg\"\n tabindex=\"0\"\n color=\"#011E41\"\n size=\"18\"\n sizeType=\"px\"\n (keyup.enter)=\"removeProduct()\"\n (click)=\"removeProduct()\"\n ></lib-elux-icon>\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}}.product-card{height:80px;padding:8px;border:solid 1px #dee7ea;border-radius:2px;display:flex;flex-direction:row;text-decoration:none;background-color:#fff;box-shadow:0 4px 18px #0000001f}.product-card:focus-visible{outline:none;border-color:transparent}.product-card:focus{box-shadow:0 0 0 2px #16a748;outline:none;border-color:transparent}.product-card .div-image{width:64px;height:64px;flex-shrink:0;margin-right:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card .div-image .connected-product{background-color:#011e41;position:absolute;width:22px;height:22px;border-radius:6px;display:flex;justify-content:center;align-items:center;left:8px;bottom:8px}.product-card .div-image .connected-product ::ng-deep lib-elux-icon{display:flex!important}.product-card .div-image .image{width:100%;height:100%;object-fit:contain}.product-card .content{overflow:hidden;flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.product-card .content .gap{gap:6px}.product-card .content .product-code{font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;color:#515253}.product-card .content .product-name{font-size:14px;font-style:normal;font-weight:600;line-height:normal;display:block;color:#011e41;white-space:break-spaces}.product-card .content .incomplete-register-tag{font-size:10px;line-height:10px;padding:2px 8px;border-radius:14px;background-color:#d01935;color:#fff;height:16px}.product-card .content .voltage-tag{font-size:10px;line-height:10px;color:#fff;height:16px;padding:2px 8px;border-radius:16px;background-color:#5b6a78}.close-icon{cursor:pointer;position:absolute;top:4px;right:4px}\n"] }]
|
|
38
39
|
}], propDecorators: { image: [{
|
|
39
40
|
type: Input
|
|
40
41
|
}], imageAlt: [{
|
|
@@ -51,7 +52,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
51
52
|
type: Input
|
|
52
53
|
}], incompleteRegister: [{
|
|
53
54
|
type: Input
|
|
55
|
+
}], connectedProduct: [{
|
|
56
|
+
type: Input
|
|
54
57
|
}], removeEvent: [{
|
|
55
58
|
type: Output
|
|
56
59
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcm9kdWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJvZHVjdC9jYXJkLXByb2R1Y3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC1wcm9kdWN0L2NhcmQtcHJvZHVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFTLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7OztBQVNuQyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQWNXLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBQ3BDLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUVqQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FvQjVDO0lBbEJDLGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDMUMsTUFBTSxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7Z0JBQzFDLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUUsQ0FBQztvQkFDckIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ3BFLENBQUM7cUJBQU0sQ0FBQztvQkFDTixPQUFPLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDNUIsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0gsT0FBTyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEMsQ0FBQztRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQzsrR0E5QlUsZUFBZTttR0FBZixlQUFlLG9XQ1o1Qiw2cENBa0NBLDRuR0QzQlksWUFBWSwrUUFBRSxZQUFZLGdNQUFFLFFBQVE7OzRGQUtuQyxlQUFlO2tCQVAzQixTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsUUFBUSxDQUFDLFlBQ3JDLHVCQUF1Qjs4QkFLeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGlucHV0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1JvdXRlck1vZHVsZSwgQ29tbW9uTW9kdWxlLCBFbHV4SWNvbl0sXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtY2FyZC1wcm9kdWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJvZHVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtcHJvZHVjdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFbHV4Q2FyZFByb2R1Y3QgeyAgXG4gIEBJbnB1dCgpIGltYWdlITogc3RyaW5nO1xuICBASW5wdXQoKSBpbWFnZUFsdCE6IHN0cmluZztcbiAgQElucHV0KCkgbW9kZWwhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uITogc3RyaW5nO1xuICBASW5wdXQoKSB2b2x0YWdlITogc3RyaW5nO1xuICBASW5wdXQoKSBsaW5rPzogc3RyaW5nO1xuICBASW5wdXQoKSByZW1vdmVJY29uOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGluY29tcGxldGVSZWdpc3RlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjb25uZWN0ZWRQcm9kdWN0OiBib29sZWFuID0gZmFsc2U7XG4gIFxuICBAT3V0cHV0KCkgcmVtb3ZlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIFxuICByZW1vdmVQcm9kdWN0KCkge1xuICAgIHRoaXMucmVtb3ZlRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgY2FwaXRhbGl6ZURlc2NyaXB0aW9uKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuZGVzY3JpcHRpb24pIHtcbiAgICAgIGNvbnN0IHdvcmRzID0gdGhpcy5kZXNjcmlwdGlvbi5zcGxpdCgnICcpO1xuICAgICAgY29uc3QgY2FwaXRhbGl6ZWRXb3JkcyA9IHdvcmRzLm1hcCgod29yZCkgPT4ge1xuICAgICAgICBpZiAod29yZC5sZW5ndGggPj0gMykge1xuICAgICAgICAgIHJldHVybiB3b3JkLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgd29yZC5zbGljZSgxKS50b0xvd2VyQ2FzZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJldHVybiB3b3JkLnRvTG93ZXJDYXNlKCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgICAgcmV0dXJuIGNhcGl0YWxpemVkV29yZHMuam9pbignICcpO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwb3NpdGlvbi1yZWxhdGl2ZVwiPlxuICA8YSBbcm91dGVyTGlua109XCJsaW5rXCIgY2xhc3M9XCJwcm9kdWN0LWNhcmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZGl2LWltYWdlIG1yLTJcIiAqbmdJZj1cIiEhaW1hZ2VcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb25uZWN0ZWQtcHJvZHVjdFwiICpuZ0lmPVwiY29ubmVjdGVkUHJvZHVjdFwiPlxuICAgICAgICA8bGliLWVsdXgtaWNvbiBpY29uPVwiTG9nb19zbWFsbC5zdmdcIiBjb2xvcj1cIiNGRkZcIiBzaXplPVwiMTJcIj48L2xpYi1lbHV4LWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxpbWcgW3NyY109XCJpbWFnZVwiIFthbHRdPVwiaW1hZ2VBbHRcIiBjbGFzcz1cImltYWdlXCIgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgPGRpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJwcm9kdWN0LWNvZGVcIj57eyBtb2RlbCB8IHVwcGVyY2FzZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImluY29tcGxldGUtcmVnaXN0ZXItdGFnXCIgKm5nSWY9XCJpbmNvbXBsZXRlUmVnaXN0ZXJcIj5cbiAgICAgICAgICAgIFJlZ2lzdHJvIGluY29tcGxldG9cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2b2x0YWdlLXRhZ1wiICpuZ0lmPVwiISF2b2x0YWdlXCI+IHt7IHZvbHRhZ2UgfX0gPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwcm9kdWN0LW5hbWVcIj57eyBjYXBpdGFsaXplRGVzY3JpcHRpb24oKSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2E+XG5cbiAgPGxpYi1lbHV4LWljb25cbiAgICAqbmdJZj1cInJlbW92ZUljb25cIlxuICAgIGNsYXNzPVwiY2xvc2UtaWNvblwiXG4gICAgaWNvbj1cIkNsb3NlLnN2Z1wiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgICBjb2xvcj1cIiMwMTFFNDFcIlxuICAgIHNpemU9XCIxOFwiXG4gICAgc2l6ZVR5cGU9XCJweFwiXG4gICAgKGtleXVwLmVudGVyKT1cInJlbW92ZVByb2R1Y3QoKVwiXG4gICAgKGNsaWNrKT1cInJlbW92ZVByb2R1Y3QoKVwiXG4gID48L2xpYi1lbHV4LWljb24+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=\"ms-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 class=\"d-flex\">\n <span>Acessar detalhes</span>\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;text-decoration:none}.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=\"ms-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 class=\"d-flex\">\n <span>Acessar detalhes</span>\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;text-decoration:none}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zZXJ2aWNlLW9yZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtc2VydmljZS1vcmRlci9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC1zZXJ2aWNlLW9yZGVyL2NhcmQtc2VydmljZS1vcmRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQW9CbEQsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUE2QixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUVmLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbkIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN2QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7SUFSTixDQUFDO0lBVS9DLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxRQUFnQjtRQUNuQyxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUzQyxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDN0IsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBRTdCLElBQUksUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUMxQixPQUFPLFVBQVUsQ0FBQztRQUNwQixDQUFDO1FBRUQsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM3QyxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFN0MsTUFBTSxTQUFTLEdBQUcsS0FBSyxHQUFHLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFFcEQsT0FBTyxTQUFTLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNuRCxDQUFDOytHQWhDVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwyUUN2QmpDLHM0Q0EyQ00sMGdHRHpCTSxZQUFZLGtJQUFFLFlBQVksK0JBQUUsUUFBUTs7NEZBS25DLG9CQUFvQjtrQkFQaEMsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxZQUNyQyx5QkFBeUI7MkVBT1AsSUFBSTtzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0MsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0csSUFBSTtzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0MsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsZUFBZTtzQkFBekMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBTZXJ2aWNlT3JkZXJDYXJkRGF0YSB7XG4gIHJvdXRlckxpbms6IHN0cmluZztcbiAgdHlwZTogc3RyaW5nO1xuICBkYXRlPzogc3RyaW5nO1xuICBwcm9kdWN0TmFtZTogc3RyaW5nO1xuICBwcm9kdWN0SW1hZ2VVcmw6IHN0cmluZztcbiAgcHJvZHVjdEltYWdlQWx0Pzogc3RyaW5nO1xuICBzdGF0dXNOYW1lOiBzdHJpbmc7XG4gIHN0YXR1c0NvbG9yOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEVsdXhJY29uXSxcbiAgc2VsZWN0b3I6ICdlbHV4LWNhcmQtc2VydmljZS1vcmRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWx1eENhcmRTZXJ2aWNlT3JkZXIge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyKSB7fVxuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSB0eXBlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcm91dGVyTGluazogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBkYXRlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcHJvZHVjdE5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBwcm9kdWN0SW1hZ2VVcmw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzdGF0dXNOYW1lOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc3RhdHVzQ29sb3I6IHN0cmluZyA9ICcnO1xuXG4gIG5hdmlnYXRlVG9EZXRhaWwoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2Ake3RoaXMucm91dGVyTGlua31gXSk7XG4gIH1cblxuICBnZXRDb250cmFzdFRleHRDb2xvcihoZXhDb2xvcjogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGVhbkhleCA9IGhleENvbG9yLnJlcGxhY2UoJyMnLCAnJyk7XG5cbiAgICBjb25zdCB3aGl0ZUNvbG9yID0gJyNmZmZmZmYnO1xuICAgIGNvbnN0IGJsYWNrQ29sb3IgPSAnIzI1MUUwMCc7XG5cbiAgICBpZiAoY2xlYW5IZXgubGVuZ3RoICE9PSA2KSB7XG4gICAgICByZXR1cm4gd2hpdGVDb2xvcjtcbiAgICB9XG5cbiAgICBjb25zdCByID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoMCwgMiksIDE2KTtcbiAgICBjb25zdCBnID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoMiwgNCksIDE2KTtcbiAgICBjb25zdCBiID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoNCwgNiksIDE2KTtcblxuICAgIGNvbnN0IGx1bWluYW5jZSA9IDAuMjk5ICogciArIDAuNTg3ICogZyArIDAuMTE0ICogYjtcblxuICAgIHJldHVybiBsdW1pbmFuY2UgPiAxODYgPyBibGFja0NvbG9yIDogd2hpdGVDb2xvcjtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXIgcHItMlwiPlxuICAgICAgPGltZyAjaW1hZ2UgY2xhc3M9XCJjYXJkLWltYWdlXCIgW3NyY109XCJwcm9kdWN0SW1hZ2VVcmxcIiBbYWx0XT1cInByb2R1Y3ROYW1lXCIgKGVycm9yKT1cImltYWdlLnNyYyA9ICcnXCIgLz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4ganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBjYXJkLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxzcGFuPnt7IHR5cGUgfX08L3NwYW4+XG4gICAgICAgIDxoND57eyBwcm9kdWN0TmFtZSB9fTwvaDQ+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1yb3cgbXQtMlwiICpuZ0lmPVwiISFkYXRlXCI+XG4gICAgICAgICAgPGxpYi1lbHV4LWljb24gXG4gICAgICAgICAgICBpY29uPVwiQ2FsZW5kYXIuc3ZnXCIgXG4gICAgICAgICAgICBjb2xvcj1cIiM1MTUyNTNcIlxuICAgICAgICAgICAgc2l6ZT1cIjE2XCIgXG4gICAgICAgICAgICBzaXplVHlwZT1cInB4XCIgLz5cbiAgICAgICAgICA8cCBjbGFzcz1cIm1zLTEgbWItMFwiPnt7IGRhdGUgfX08L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IHctMTAwIG10LTNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RhdHVzXCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwic3RhdHVzQ29sb3JcIiBbc3R5bGUuY29sb3JdPVwiZ2V0Q29udHJhc3RUZXh0Q29sb3Ioc3RhdHVzQ29sb3IpXCI+XG4gICAgICAgICAgPHA+e3sgc3RhdHVzTmFtZSB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInctMTAwIG10LWF1dG9cIj5cbiAgICA8aHI+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjYXJkLXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1saW5rXCIgKGNsaWNrKT1cIm5hdmlnYXRlVG9EZXRhaWwoKVwiPlxuICAgICAgPGEgY2xhc3M9XCJkLWZsZXhcIj5cbiAgICAgICAgPHNwYW4+QWNlc3NhciBkZXRhbGhlczwvc3Bhbj5cbiAgICAgICAgPGxpYi1lbHV4LWljb24gXG4gICAgICAgICAgaWNvbj1cIkNoZXZyb25fUmlnaHQuc3ZnXCIgXG4gICAgICAgICAgY29sb3I9XCIjMDExRTQxXCJcbiAgICAgICAgICBzaXplPVwiMjRcIiBcbiAgICAgICAgICBzaXplVHlwZT1cInB4XCIgLz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+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,
|