@elxjs/ui 0.0.189 → 0.0.191
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/Document.svg +3 -0
- package/assets/icons/Download.svg +3 -0
- package/assets/icons/Logo_small.svg +10 -0
- package/esm2022/lib/components/button/button.component.mjs +3 -3
- package/esm2022/lib/components/card-manual/card-manual.component.mjs +27 -0
- package/esm2022/lib/components/card-product/card-product.component.mjs +6 -3
- package/esm2022/lib/components/card-service-order/card-service-order.component.mjs +3 -3
- package/esm2022/lib/components/index.mjs +2 -1
- package/fesm2022/elxjs-ui.mjs +44 -20
- package/fesm2022/elxjs-ui.mjs.map +1 -1
- package/lib/components/card-manual/card-manual.component.d.ts +10 -0
- package/lib/components/card-product/card-product.component.d.ts +2 -1
- package/lib/components/card-service-order/card-service-order.component.d.ts +1 -1
- package/lib/components/index.d.ts +1 -0
- package/package.json +1 -1
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: "lib-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: 'lib-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 }]
|
|
@@ -2464,6 +2467,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2464
2467
|
args: [{ required: true }]
|
|
2465
2468
|
}] } });
|
|
2466
2469
|
|
|
2470
|
+
class ElectroluxDesignSystemModule {
|
|
2471
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2472
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxSwitch, EluxChip], exports: [EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxSwitch, EluxChip] }); }
|
|
2473
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxChip] }); }
|
|
2474
|
+
}
|
|
2475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, decorators: [{
|
|
2476
|
+
type: NgModule,
|
|
2477
|
+
args: [{
|
|
2478
|
+
imports: [CommonModule, ...ElectroluxComponents],
|
|
2479
|
+
exports: [...ElectroluxComponents],
|
|
2480
|
+
}]
|
|
2481
|
+
}] });
|
|
2482
|
+
|
|
2483
|
+
class EluxCardManual {
|
|
2484
|
+
constructor() {
|
|
2485
|
+
this.urlClickEvent = new EventEmitter();
|
|
2486
|
+
}
|
|
2487
|
+
urlClick() {
|
|
2488
|
+
this.urlClickEvent.emit();
|
|
2489
|
+
}
|
|
2490
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardManual, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2491
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EluxCardManual, isStandalone: true, selector: "lib-elux-card-manual", inputs: { url: "url", text: "text" }, outputs: { urlClickEvent: "urlClickEvent" }, ngImport: i0, template: "<div class=\"elux-manual-link\">\n <div class=\"content\">\n <lib-elux-icon [color]=\"'#BB8C48'\" [icon]=\"'Document.svg'\" [size]=\"'24'\" />\n <span class=\"text\">{{ text || 'Arquivo para download' }}</span>\n </div>\n <a class=\"action\" target=\"_blank\" [href]=\"url\" (click)=\"urlClick()\">\n <lib-elux-button class=\"violet-button\" [content]=\"'Abrir'\" [type]=\"'basic'\" [rounded]=\"true\"></lib-elux-button>\n </a>\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}}.elux-manual-link{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 16px 10px;border:1px solid;background:#fff;border-color:#eaebed;border-radius:8px;width:160px;height:120px}.elux-manual-link .content{display:flex;flex-direction:row;justify-content:space-between;gap:12px;text-align:left}.elux-manual-link .text{font-size:16px;line-height:20px;font-weight:600;color:#011e41}.elux-manual-link .action{display:flex;justify-content:center;text-decoration:none;width:100%}.elux-manual-link .action .violet-button{width:100%}.elux-manual-link .action .violet-button ::ng-deep .elux-button{height:34px;background-color:#797487}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ElectroluxDesignSystemModule }, { kind: "component", type: EluxButton, selector: "lib-elux-button", inputs: ["disabled", "type", "typeButton", "content", "done", "routerLink", "link", "size", "icon", "iconAlign", "externalLink", "loading", "onlyfirstLetterUpper", "rounded"], outputs: ["onClick"] }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
2492
|
+
}
|
|
2493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EluxCardManual, decorators: [{
|
|
2494
|
+
type: Component,
|
|
2495
|
+
args: [{ standalone: true, imports: [CommonModule, ElectroluxDesignSystemModule], selector: 'lib-elux-card-manual', template: "<div class=\"elux-manual-link\">\n <div class=\"content\">\n <lib-elux-icon [color]=\"'#BB8C48'\" [icon]=\"'Document.svg'\" [size]=\"'24'\" />\n <span class=\"text\">{{ text || 'Arquivo para download' }}</span>\n </div>\n <a class=\"action\" target=\"_blank\" [href]=\"url\" (click)=\"urlClick()\">\n <lib-elux-button class=\"violet-button\" [content]=\"'Abrir'\" [type]=\"'basic'\" [rounded]=\"true\"></lib-elux-button>\n </a>\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}}.elux-manual-link{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 16px 10px;border:1px solid;background:#fff;border-color:#eaebed;border-radius:8px;width:160px;height:120px}.elux-manual-link .content{display:flex;flex-direction:row;justify-content:space-between;gap:12px;text-align:left}.elux-manual-link .text{font-size:16px;line-height:20px;font-weight:600;color:#011e41}.elux-manual-link .action{display:flex;justify-content:center;text-decoration:none;width:100%}.elux-manual-link .action .violet-button{width:100%}.elux-manual-link .action .violet-button ::ng-deep .elux-button{height:34px;background-color:#797487}\n"] }]
|
|
2496
|
+
}], propDecorators: { url: [{
|
|
2497
|
+
type: Input
|
|
2498
|
+
}], text: [{
|
|
2499
|
+
type: Input
|
|
2500
|
+
}], urlClickEvent: [{
|
|
2501
|
+
type: Output
|
|
2502
|
+
}] } });
|
|
2503
|
+
|
|
2467
2504
|
const ElectroluxComponents = [
|
|
2468
2505
|
EluxBreadcrumb,
|
|
2469
2506
|
EluxButton,
|
|
@@ -2485,22 +2522,9 @@ const ElectroluxComponents = [
|
|
|
2485
2522
|
EluxChip,
|
|
2486
2523
|
];
|
|
2487
2524
|
|
|
2488
|
-
class ElectroluxDesignSystemModule {
|
|
2489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2490
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxSwitch, EluxChip], exports: [EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxSwitch, EluxChip] }); }
|
|
2491
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, imports: [CommonModule, EluxBreadcrumb, EluxButton, EluxDatepicker, EluxDropdown, EluxIcon, EluxPaginator, EluxStepBar, EluxToast, EluxDataTable, EluxAccordion, EluxModal, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxDropdownMultiple, EluxCarouselComponent, EluxChip] }); }
|
|
2492
|
-
}
|
|
2493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ElectroluxDesignSystemModule, decorators: [{
|
|
2494
|
-
type: NgModule,
|
|
2495
|
-
args: [{
|
|
2496
|
-
imports: [CommonModule, ...ElectroluxComponents],
|
|
2497
|
-
exports: [...ElectroluxComponents],
|
|
2498
|
-
}]
|
|
2499
|
-
}] });
|
|
2500
|
-
|
|
2501
2525
|
/**
|
|
2502
2526
|
* Generated bundle index. Do not edit.
|
|
2503
2527
|
*/
|
|
2504
2528
|
|
|
2505
|
-
export { ElectroluxComponents, ElectroluxDesignSystemModule, EluxAccordion, EluxArrowLink, EluxBreadcrumb, EluxButton, EluxCard1, EluxCard2, EluxCard3, EluxCard4, EluxCardArticle, EluxCardProduct, EluxCardServiceOrder, EluxCarouselComponent, EluxCarouselFixedComponent, EluxChip, EluxDataTable, EluxDatepicker, EluxDropdown, EluxDropdownMultiple, EluxIcon, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxLoading2, EluxModal, EluxPaginator, EluxStepBar, EluxSwitch, EluxToast, ToasterService };
|
|
2529
|
+
export { ElectroluxComponents, ElectroluxDesignSystemModule, EluxAccordion, EluxArrowLink, EluxBreadcrumb, EluxButton, EluxCard1, EluxCard2, EluxCard3, EluxCard4, EluxCardArticle, EluxCardManual, EluxCardProduct, EluxCardServiceOrder, EluxCarouselComponent, EluxCarouselFixedComponent, EluxChip, EluxDataTable, EluxDatepicker, EluxDropdown, EluxDropdownMultiple, EluxIcon, EluxInputSearchComponent, EluxInputSearchModalComponent, EluxLoading, EluxLoading2, EluxModal, EluxPaginator, EluxStepBar, EluxSwitch, EluxToast, ToasterService };
|
|
2506
2530
|
//# sourceMappingURL=elxjs-ui.mjs.map
|