@elxjs/ui 0.0.189 → 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/Logo_small.svg +10 -0
- package/esm2022/lib/components/button/button.component.mjs +3 -3
- package/esm2022/lib/components/card-product/card-product.component.mjs +6 -3
- package/esm2022/lib/components/card-service-order/card-service-order.component.mjs +3 -3
- package/fesm2022/elxjs-ui.mjs +9 -6
- package/fesm2022/elxjs-ui.mjs.map +1 -1
- package/lib/components/card-product/card-product.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -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>
|
|
@@ -53,11 +53,11 @@ export class EluxButton {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
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 }); }
|
|
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
|
|
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"] }] }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, decorators: [{
|
|
59
59
|
type: Component,
|
|
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
|
|
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"] }]
|
|
61
61
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { disabled: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}], type: [{
|
|
@@ -89,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
89
89
|
}], onClick: [{
|
|
90
90
|
type: Output
|
|
91
91
|
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7OztBQVMzRCxNQUFNLE9BQU8sVUFBVTtJQTRCckIsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUEzQnpCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsU0FBSSxHQVFRLE9BQU8sQ0FBQztRQUNwQixlQUFVLEdBQXdCLFFBQVEsQ0FBQztRQUczQyxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBS2IsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUVWLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIseUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBQzVCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFZixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUVULENBQUM7SUFFdEMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUM7UUFDMUIsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1FBQ3pCLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYTtRQUM1QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdEUsQ0FBQztRQUVELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMxQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzdDLENBQUM7aUJBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN2QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBbEVVLFVBQVU7bUdBQVYsVUFBVSw2YkNkdkIsK3dCQWtCQSx1dk1EUlksWUFBWSxxVEFBRSxtQkFBbUIsK0JBQUUsUUFBUSw4SkFBRSxXQUFXOzs0RkFJdkQsVUFBVTtrQkFQdEIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQzsyRUFLMUQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWx1eExvYWRpbmcgfSBmcm9tICcuLi9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtYnV0dG9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRWx1eEljb24sIEVsdXhMb2FkaW5nXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBFbHV4QnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgdHlwZTpcbiAgICB8ICdiYXNpYydcbiAgICB8ICdiYXNpYy1hY3Rpb24nXG4gICAgfCAnb3V0bGluZSdcbiAgICB8ICd0ZXh0J1xuICAgIHwgJ2Jhc2ljLWRhcmsnXG4gICAgfCAnYmFzaWNXaGl0ZSdcbiAgICB8ICdiYXNpY0JsdWUnXG4gICAgfCAnb3V0bGluZS1kYXJrJyA9ICdiYXNpYyc7XG4gIEBJbnB1dCgpIHR5cGVCdXR0b246ICdidXR0b24nIHwgJ3N1Ym1pdCcgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgY29udGVudCE6IHN0cmluZztcblxuICBASW5wdXQoKSBkb25lID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJvdXRlckxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxpbmshOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemUhOiBudW1iZXI7XG5cbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuICBASW5wdXQoKSBpY29uQWxpZ24hOiAnbGVmdCcgfCAncmlnaHQnO1xuICBASW5wdXQoKSBleHRlcm5hbExpbmsgPSBmYWxzZTtcbiAgQElucHV0KCkgbG9hZGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBvbmx5Zmlyc3RMZXR0ZXJVcHBlciA9IHRydWU7XG4gIEBJbnB1dCgpIHJvdW5kZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5kb25lKSB7XG4gICAgICB0aGlzLmljb24gPSAnQ2hlY2suc3ZnJztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5leHRlcm5hbExpbmspIHtcbiAgICAgIHRoaXMuaWNvbiA9ICdMaW5rLnN2Zyc7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubG9hZGluZykge1xuICAgICAgdGhpcy5pY29uID0gJ0xvYWRpbmcuc3ZnJztcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2xvYWRpbmcnXSkge1xuICAgIH1cbiAgfVxuXG4gIGZpcnN0TGV0dGVyVXBwZXIodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHZhbHVlLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdmFsdWUuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBjbGlja0J1dHRvbigkZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMubG9hZGluZyA9PSBmYWxzZSkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoJGV2ZW50KTtcbiAgICAgIGlmICh0aGlzLnJvdXRlckxpbmspIHtcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLnJvdXRlckxpbmspO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLmxpbmspIHtcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLmxpbmspO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvblxuICBbdHlwZV09XCJ0eXBlQnV0dG9uXCJcbiAgY2xhc3M9XCJidG4gZWx1eC1idXR0b24gc2l6ZS17eyBzaXplIH19IHt7IHR5cGUgfX1cIlxuICBbY2xhc3Mucm91bmRlZF09XCJyb3VuZGVkXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgKGNsaWNrKT1cImNsaWNrQnV0dG9uKCRldmVudClcIlxuICAoa2V5dXAuZW50ZXIpPVwiY2xpY2tCdXR0b24oJGV2ZW50KVwiXG4+XG4gIDxkaXYgKm5nSWY9XCJsb2FkaW5nXCIgW25nU3R5bGVdPVwieyAnd2lkdGgnOiAnMjRweCcsICdtYXJnaW4nOiAnYXV0bycgLCAnbWFyZ2luLXRvcCcgOiAnM3B4JyB9XCI+XG4gICAgPGxpYi1lbHV4LWxvYWRpbmcgW3NpemVdPVwiMzBcIiBbd2hpdGVdPVwidHJ1ZVwiPjwvbGliLWVsdXgtbG9hZGluZz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIiBbbmdDbGFzc109XCJpY29uQWxpZ25cIj5cbiAgICA8bGliLWVsdXgtaWNvbiBjbGFzcz1cImdhcC1pY29uXCIgKm5nSWY9XCJpY29uICE9PSAnJ1wiIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCInMjQnXCIgW3NpemVUeXBlXT1cIidweCdcIj48L2xpYi1lbHV4LWljb24+XG4gICAgPHNwYW4gKm5nSWY9XCIhZG9uZSAmJiAhbG9hZGluZ1wiPlxuICAgICAge3sgb25seWZpcnN0TGV0dGVyVXBwZXIgPyBmaXJzdExldHRlclVwcGVyKGNvbnRlbnQpIDogY29udGVudCB9fVxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -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==
|
|
@@ -33,11 +33,11 @@ export class EluxCardServiceOrder {
|
|
|
33
33
|
return luminance > 186 ? blackColor : whiteColor;
|
|
34
34
|
}
|
|
35
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=\"
|
|
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
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardServiceOrder, decorators: [{
|
|
39
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=\"
|
|
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
41
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { type: [{
|
|
42
42
|
type: Input,
|
|
43
43
|
args: [{ required: false }]
|
|
@@ -60,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
60
60
|
type: Input,
|
|
61
61
|
args: [{ required: true }]
|
|
62
62
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zZXJ2aWNlLW9yZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtc2VydmljZS1vcmRlci9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC1zZXJ2aWNlLW9yZGVyL2NhcmQtc2VydmljZS1vcmRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQW9CbEQsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUE2QixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUVmLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbkIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN2QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7SUFSTixDQUFDO0lBVS9DLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxRQUFnQjtRQUNuQyxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUzQyxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDN0IsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDO1FBRTdCLElBQUksUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUMxQixPQUFPLFVBQVUsQ0FBQztRQUNwQixDQUFDO1FBRUQsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM3QyxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFN0MsTUFBTSxTQUFTLEdBQUcsS0FBSyxHQUFHLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFFcEQsT0FBTyxTQUFTLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNuRCxDQUFDOytHQWhDVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwyUUN2QmpDLHM0Q0EyQ00sMGdHRHpCTSxZQUFZLGtJQUFFLFlBQVksK0JBQUUsUUFBUTs7NEZBS25DLG9CQUFvQjtrQkFQaEMsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxZQUNyQyx5QkFBeUI7MkVBT1AsSUFBSTtzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0MsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0csSUFBSTtzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7Z0JBQ0MsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsZUFBZTtzQkFBekMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBTZXJ2aWNlT3JkZXJDYXJkRGF0YSB7XG4gIHJvdXRlckxpbms6IHN0cmluZztcbiAgdHlwZTogc3RyaW5nO1xuICBkYXRlPzogc3RyaW5nO1xuICBwcm9kdWN0TmFtZTogc3RyaW5nO1xuICBwcm9kdWN0SW1hZ2VVcmw6IHN0cmluZztcbiAgcHJvZHVjdEltYWdlQWx0Pzogc3RyaW5nO1xuICBzdGF0dXNOYW1lOiBzdHJpbmc7XG4gIHN0YXR1c0NvbG9yOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEVsdXhJY29uXSxcbiAgc2VsZWN0b3I6ICdlbHV4LWNhcmQtc2VydmljZS1vcmRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLXNlcnZpY2Utb3JkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWx1eENhcmRTZXJ2aWNlT3JkZXIge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJvdXRlcjogUm91dGVyKSB7fVxuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSB0eXBlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcm91dGVyTGluazogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBkYXRlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcHJvZHVjdE5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBwcm9kdWN0SW1hZ2VVcmw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzdGF0dXNOYW1lOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc3RhdHVzQ29sb3I6IHN0cmluZyA9ICcnO1xuXG4gIG5hdmlnYXRlVG9EZXRhaWwoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2Ake3RoaXMucm91dGVyTGlua31gXSk7XG4gIH1cblxuICBnZXRDb250cmFzdFRleHRDb2xvcihoZXhDb2xvcjogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGVhbkhleCA9IGhleENvbG9yLnJlcGxhY2UoJyMnLCAnJyk7XG5cbiAgICBjb25zdCB3aGl0ZUNvbG9yID0gJyNmZmZmZmYnO1xuICAgIGNvbnN0IGJsYWNrQ29sb3IgPSAnIzI1MUUwMCc7XG5cbiAgICBpZiAoY2xlYW5IZXgubGVuZ3RoICE9PSA2KSB7XG4gICAgICByZXR1cm4gd2hpdGVDb2xvcjtcbiAgICB9XG5cbiAgICBjb25zdCByID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoMCwgMiksIDE2KTtcbiAgICBjb25zdCBnID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoMiwgNCksIDE2KTtcbiAgICBjb25zdCBiID0gcGFyc2VJbnQoY2xlYW5IZXguc2xpY2UoNCwgNiksIDE2KTtcblxuICAgIGNvbnN0IGx1bWluYW5jZSA9IDAuMjk5ICogciArIDAuNTg3ICogZyArIDAuMTE0ICogYjtcblxuICAgIHJldHVybiBsdW1pbmFuY2UgPiAxODYgPyBibGFja0NvbG9yIDogd2hpdGVDb2xvcjtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXIgcHItMlwiPlxuICAgICAgPGltZyAjaW1hZ2UgY2xhc3M9XCJjYXJkLWltYWdlXCIgW3NyY109XCJwcm9kdWN0SW1hZ2VVcmxcIiBbYWx0XT1cInByb2R1Y3ROYW1lXCIgKGVycm9yKT1cImltYWdlLnNyYyA9ICcnXCIgLz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4ganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBjYXJkLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxzcGFuPnt7IHR5cGUgfX08L3NwYW4+XG4gICAgICAgIDxoND57eyBwcm9kdWN0TmFtZSB9fTwvaDQ+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1yb3cgbXQtMlwiICpuZ0lmPVwiISFkYXRlXCI+XG4gICAgICAgICAgPGxpYi1lbHV4LWljb24gXG4gICAgICAgICAgICBpY29uPVwiQ2FsZW5kYXIuc3ZnXCIgXG4gICAgICAgICAgICBjb2xvcj1cIiM1MTUyNTNcIlxuICAgICAgICAgICAgc2l6ZT1cIjE2XCIgXG4gICAgICAgICAgICBzaXplVHlwZT1cInB4XCIgLz5cbiAgICAgICAgICA8cCBjbGFzcz1cIm1zLTEgbWItMFwiPnt7IGRhdGUgfX08L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IHctMTAwIG10LTNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RhdHVzXCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwic3RhdHVzQ29sb3JcIiBbc3R5bGUuY29sb3JdPVwiZ2V0Q29udHJhc3RUZXh0Q29sb3Ioc3RhdHVzQ29sb3IpXCI+XG4gICAgICAgICAgPHA+e3sgc3RhdHVzTmFtZSB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInctMTAwIG10LWF1dG9cIj5cbiAgICA8aHI+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjYXJkLXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1saW5rXCIgKGNsaWNrKT1cIm5hdmlnYXRlVG9EZXRhaWwoKVwiPlxuICAgICAgPGEgY2xhc3M9XCJkLWZsZXhcIj5cbiAgICAgICAgPHNwYW4+QWNlc3NhciBkZXRhbGhlczwvc3Bhbj5cbiAgICAgICAgPGxpYi1lbHV4LWljb24gXG4gICAgICAgICAgaWNvbj1cIkNoZXZyb25fUmlnaHQuc3ZnXCIgXG4gICAgICAgICAgY29sb3I9XCIjMDExRTQxXCJcbiAgICAgICAgICBzaXplPVwiMjRcIiBcbiAgICAgICAgICBzaXplVHlwZT1cInB4XCIgLz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
package/fesm2022/elxjs-ui.mjs
CHANGED
|
@@ -164,11 +164,11 @@ class EluxButton {
|
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
167
|
-
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
|
|
167
|
+
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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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"] }] }); }
|
|
168
168
|
}
|
|
169
169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxButton, decorators: [{
|
|
170
170
|
type: Component,
|
|
171
|
-
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
|
|
171
|
+
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"] }]
|
|
172
172
|
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { disabled: [{
|
|
173
173
|
type: Input
|
|
174
174
|
}], type: [{
|
|
@@ -2337,6 +2337,7 @@ class EluxCardProduct {
|
|
|
2337
2337
|
constructor() {
|
|
2338
2338
|
this.removeIcon = false;
|
|
2339
2339
|
this.incompleteRegister = false;
|
|
2340
|
+
this.connectedProduct = false;
|
|
2340
2341
|
this.removeEvent = new EventEmitter();
|
|
2341
2342
|
}
|
|
2342
2343
|
removeProduct() {
|
|
@@ -2358,11 +2359,11 @@ class EluxCardProduct {
|
|
|
2358
2359
|
return '';
|
|
2359
2360
|
}
|
|
2360
2361
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardProduct, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2361
|
-
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
|
|
2362
|
+
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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
2362
2363
|
}
|
|
2363
2364
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardProduct, decorators: [{
|
|
2364
2365
|
type: Component,
|
|
2365
|
-
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
|
|
2366
|
+
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"] }]
|
|
2366
2367
|
}], propDecorators: { image: [{
|
|
2367
2368
|
type: Input
|
|
2368
2369
|
}], imageAlt: [{
|
|
@@ -2379,6 +2380,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2379
2380
|
type: Input
|
|
2380
2381
|
}], incompleteRegister: [{
|
|
2381
2382
|
type: Input
|
|
2383
|
+
}], connectedProduct: [{
|
|
2384
|
+
type: Input
|
|
2382
2385
|
}], removeEvent: [{
|
|
2383
2386
|
type: Output
|
|
2384
2387
|
}] } });
|
|
@@ -2436,11 +2439,11 @@ class EluxCardServiceOrder {
|
|
|
2436
2439
|
return luminance > 186 ? blackColor : whiteColor;
|
|
2437
2440
|
}
|
|
2438
2441
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardServiceOrder, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2439
|
-
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=\"
|
|
2442
|
+
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: i1.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"] }] }); }
|
|
2440
2443
|
}
|
|
2441
2444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardServiceOrder, decorators: [{
|
|
2442
2445
|
type: Component,
|
|
2443
|
-
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=\"
|
|
2446
|
+
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"] }]
|
|
2444
2447
|
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { type: [{
|
|
2445
2448
|
type: Input,
|
|
2446
2449
|
args: [{ required: false }]
|