@rededor/site-front-end-lib 1.3.66 → 1.3.67
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/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +6 -3
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +7 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +11 -4
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.d.ts +2 -1
- package/lib/components/whatsapp/whatsapp.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -11,17 +11,18 @@ export class SideCtasRightBottomComponent {
|
|
|
11
11
|
this.bgColor = '#1DCD52';
|
|
12
12
|
this.bgHover = '#016720';
|
|
13
13
|
this.borderTop = false;
|
|
14
|
+
this.disabled = false;
|
|
14
15
|
this.sideCtaRightBottomItemClick = new EventEmitter();
|
|
15
16
|
}
|
|
16
17
|
whatsappClicked(event) {
|
|
17
18
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
18
19
|
}
|
|
19
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop"], outputs: ["whatsappClick"] }] }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop", disabled: "disabled" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n [disabled]=\"disabled\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop", "disabled"], outputs: ["whatsappClick"] }] }); }
|
|
21
22
|
}
|
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
|
-
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n" }]
|
|
25
|
+
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n [disabled]=\"disabled\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n" }]
|
|
25
26
|
}], propDecorators: { link: [{
|
|
26
27
|
type: Input
|
|
27
28
|
}], imgUrl: [{
|
|
@@ -34,7 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
34
35
|
type: Input
|
|
35
36
|
}], borderTop: [{
|
|
36
37
|
type: Input
|
|
38
|
+
}], disabled: [{
|
|
39
|
+
type: Input
|
|
37
40
|
}], sideCtaRightBottomItemClick: [{
|
|
38
41
|
type: Output
|
|
39
42
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1jdGFzLXJpZ2h0LWJvdHRvbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1yaWdodC1ib3R0b20vc2lkZS1jdGFzLXJpZ2h0LWJvdHRvbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1yaWdodC1ib3R0b20vc2lkZS1jdGFzLXJpZ2h0LWJvdHRvbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFVekUsTUFBTSxPQUFPLDRCQUE0QjtJQVJ6QztRQVNXLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUNwQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFlBQU8sR0FBVyxTQUFTLENBQUM7UUFDNUIsWUFBTyxHQUFXLFNBQVMsQ0FBQztRQUM1QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFekIsZ0NBQTJCLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0FLakY7SUFIQyxlQUFlLENBQUMsS0FBWTtRQUMxQixJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7K0dBYlUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsa1RDYnpDLHNVQVlBLHlEREpZLFlBQVksK0JBQXVCLGlCQUFpQjs7NEZBS25ELDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDRSwrQkFBK0IsY0FDN0IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixDQUFDLFdBQ3RELENBQUMsc0JBQXNCLENBQUM7OEJBS3hCLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLDJCQUEyQjtzQkFBcEMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJkc2l0ZUxpbmtEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzJztcclxuaW1wb3J0IHsgV2hhdHNhcHBDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi93aGF0c2FwcC93aGF0c2FwcC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtc2lkZS1jdGFzLXJpZ2h0LWJvdHRvbScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZHNpdGVMaW5rRGlyZWN0aXZlLCBXaGF0c2FwcENvbXBvbmVudF0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWN0YXMtcmlnaHQtYm90dG9tLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2lkZS1jdGFzLXJpZ2h0LWJvdHRvbS5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlQ3Rhc1JpZ2h0Qm90dG9tQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBsaW5rOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbWdVcmw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJnQ29sb3I6IHN0cmluZyA9ICcjMURDRDUyJztcclxuICBASW5wdXQoKSBiZ0hvdmVyOiBzdHJpbmcgPSAnIzAxNjcyMCc7XHJcbiAgQElucHV0KCkgYm9yZGVyVG9wOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHNpZGVDdGFSaWdodEJvdHRvbUl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgd2hhdHNhcHBDbGlja2VkKGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5zaWRlQ3RhUmlnaHRCb3R0b21JdGVtQ2xpY2suZW1pdChldmVudCk7XHJcbiAgfVxyXG59XHJcbiIsIkBpZiAobGluayAmJiBpbWdVcmwpIHtcclxuICA8cmRzaXRlLXdoYXRzYXBwXHJcbiAgICBbbGlua109XCJsaW5rXCJcclxuICAgIFtpbWdVcmxdPVwiaW1nVXJsXCJcclxuICAgIFt0ZXh0XT1cInRleHRcIlxyXG4gICAgW2JnQ29sb3JdPVwiYmdDb2xvclwiXHJcbiAgICBbYmdIb3Zlcl09XCJiZ0hvdmVyXCJcclxuICAgIFtib3JkZXJUb3BdPVwiYm9yZGVyVG9wXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAod2hhdHNhcHBDbGljayk9XCJ3aGF0c2FwcENsaWNrZWQoJGV2ZW50KVwiXHJcbiAgPjwvcmRzaXRlLXdoYXRzYXBwPlxyXG59XHJcbiJdfQ==
|
|
@@ -13,6 +13,7 @@ export class WhatsappComponent {
|
|
|
13
13
|
this.bgColor = '#1DCD52';
|
|
14
14
|
this.bgHover = '#016720';
|
|
15
15
|
this.borderTop = false;
|
|
16
|
+
this.disabled = false;
|
|
16
17
|
this.whatsappClick = new EventEmitter();
|
|
17
18
|
this.active = false;
|
|
18
19
|
this.style = {
|
|
@@ -23,17 +24,18 @@ export class WhatsappComponent {
|
|
|
23
24
|
'--bg-button-hover': this.bgHover,
|
|
24
25
|
'--color-button': this.curaService.getColor('neutral-black'),
|
|
25
26
|
'--color-button-hover': this.curaService.getColor('neutral-white'),
|
|
27
|
+
'--color-disabled': this.curaService.getColor('neutral-dark'),
|
|
26
28
|
};
|
|
27
29
|
}
|
|
28
30
|
whatsappClicked(event) {
|
|
29
31
|
this.whatsappClick.emit(event);
|
|
30
32
|
}
|
|
31
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop", disabled: "disabled" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link && !disabled) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n} @else {\r\n <button type=\"button\" class=\"rdsite-whatsapp\" (mouseenter)=\"active = true\" (mouseleave)=\"active = false\" [ngClass]=\"{ 'border-top': borderTop }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n}\r\n\r\n<ng-template #content>\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active, disabled: disabled }\">\r\n @if (!disabled) {\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n\r\n <span [innerHTML]=\"text\"></span>\r\n </div>\r\n</ng-template>\r\n", styles: [":host *{font-family:var(--font-family)}:host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp,:host button.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image,:host button.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon,:host button.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active,:host button.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{font-weight:500;text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation.disabled{background-color:var(--color-disabled);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation.disabled:hover{background-color:var(--color-disabled)}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top,:host button.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active,:host button.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
33
35
|
}
|
|
34
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
35
37
|
type: Component,
|
|
36
|
-
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n
|
|
38
|
+
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && !disabled) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n} @else {\r\n <button type=\"button\" class=\"rdsite-whatsapp\" (mouseenter)=\"active = true\" (mouseleave)=\"active = false\" [ngClass]=\"{ 'border-top': borderTop }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n}\r\n\r\n<ng-template #content>\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active, disabled: disabled }\">\r\n @if (!disabled) {\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n\r\n <span [innerHTML]=\"text\"></span>\r\n </div>\r\n</ng-template>\r\n", styles: [":host *{font-family:var(--font-family)}:host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp,:host button.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image,:host button.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon,:host button.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active,:host button.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{font-weight:500;text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation.disabled{background-color:var(--color-disabled);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation.disabled:hover{background-color:var(--color-disabled)}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top,:host button.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active,:host button.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
|
|
37
39
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { link: [{
|
|
38
40
|
type: Input
|
|
39
41
|
}], imgUrl: [{
|
|
@@ -46,10 +48,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
46
48
|
type: Input
|
|
47
49
|
}], borderTop: [{
|
|
48
50
|
type: Input
|
|
51
|
+
}], disabled: [{
|
|
52
|
+
type: Input
|
|
49
53
|
}], whatsappClick: [{
|
|
50
54
|
type: Output
|
|
51
55
|
}], style: [{
|
|
52
56
|
type: HostBinding,
|
|
53
57
|
args: ['style']
|
|
54
58
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2hhdHNhcHAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy93aGF0c2FwcC93aGF0c2FwcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3doYXRzYXBwL3doYXRzYXBwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQVUvQyxNQUFNLE9BQU8saUJBQWlCO0lBd0I1QixZQUFvQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQXZCbkMsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLFNBQUksR0FBVyxxQkFBcUIsQ0FBQztRQUNyQyxZQUFPLEdBQVcsU0FBUyxDQUFDO1FBQzVCLFlBQU8sR0FBVyxTQUFTLENBQUM7UUFDNUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXpCLGtCQUFhLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFbEUsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUVGLFVBQUssR0FBRztZQUM1QixlQUFlLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO1lBQ25ELG9CQUFvQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztZQUNoRSxZQUFZLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUM7WUFDekQsYUFBYSxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQzNCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ2pDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztZQUM1RCxzQkFBc0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUM7WUFDbEUsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1NBQzlELENBQUM7SUFFNkMsQ0FBQztJQUVoRCxlQUFlLENBQUMsS0FBWTtRQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQTVCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix5VENiOUIsaXRDQW1DQSw0bkVEM0JZLFlBQVkseVhBQUUsbUJBQW1COzs0RkFLaEMsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsQ0FBQyxXQUNuQyxDQUFDLHNCQUFzQixDQUFDO2dGQUt4QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxhQUFhO3NCQUF0QixNQUFNO2dCQUllLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXJhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcclxuaW1wb3J0IHsgUmRzaXRlTGlua0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtd2hhdHNhcHAnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmRzaXRlTGlua0RpcmVjdGl2ZV0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93aGF0c2FwcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3doYXRzYXBwLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFdoYXRzYXBwQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBsaW5rOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbWdVcmw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyA9ICdBZ2VuZGUgcG9yIFdoYXRzYXBwJztcclxuICBASW5wdXQoKSBiZ0NvbG9yOiBzdHJpbmcgPSAnIzFEQ0Q1Mic7XHJcbiAgQElucHV0KCkgYmdIb3Zlcjogc3RyaW5nID0gJyMwMTY3MjAnO1xyXG4gIEBJbnB1dCgpIGJvcmRlclRvcDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSB3aGF0c2FwcENsaWNrOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIHN0eWxlID0ge1xyXG4gICAgJy0tZm9udC1mYW1pbHknOiB0aGlzLmN1cmFTZXJ2aWNlLmdldEZvbnRGYW1pbHkoJycpLFxyXG4gICAgJy0tYm9yZGVyLXRvcC1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktbGlnaHQnKSxcclxuICAgICctLWJnLWNvbG9yJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1kYXJrZXInKSxcclxuICAgICctLWJnLWJ1dHRvbic6IHRoaXMuYmdDb2xvcixcclxuICAgICctLWJnLWJ1dHRvbi1ob3Zlcic6IHRoaXMuYmdIb3ZlcixcclxuICAgICctLWNvbG9yLWJ1dHRvbic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtYmxhY2snKSxcclxuICAgICctLWNvbG9yLWJ1dHRvbi1ob3Zlcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtd2hpdGUnKSxcclxuICAgICctLWNvbG9yLWRpc2FibGVkJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1kYXJrJyksXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjdXJhU2VydmljZTogQ3VyYVNlcnZpY2UpIHt9XHJcblxyXG4gIHdoYXRzYXBwQ2xpY2tlZChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMud2hhdHNhcHBDbGljay5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiQGlmIChsaW5rICYmICFkaXNhYmxlZCkge1xyXG4gIDxhXHJcbiAgICBjbGFzcz1cInJkc2l0ZS13aGF0c2FwcFwiXHJcbiAgICBbbmdDbGFzc109XCJ7ICdib3JkZXItdG9wJzogYm9yZGVyVG9wIH1cIlxyXG4gICAgW2hyZWZdPVwibGlua1wiXHJcbiAgICByZHNpdGVsaW5rXHJcbiAgICAobW91c2VlbnRlcik9XCJhY3RpdmUgPSB0cnVlXCJcclxuICAgIChtb3VzZWxlYXZlKT1cImFjdGl2ZSA9IGZhbHNlXCJcclxuICAgIChjbGljayk9XCJ3aGF0c2FwcENsaWNrZWQoJGV2ZW50KVwiXHJcbiAgPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2E+XHJcbn0gQGVsc2Uge1xyXG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwicmRzaXRlLXdoYXRzYXBwXCIgKG1vdXNlZW50ZXIpPVwiYWN0aXZlID0gdHJ1ZVwiIChtb3VzZWxlYXZlKT1cImFjdGl2ZSA9IGZhbHNlXCIgW25nQ2xhc3NdPVwieyAnYm9yZGVyLXRvcCc6IGJvcmRlclRvcCB9XCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvYnV0dG9uPlxyXG59XHJcblxyXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XHJcbiAgQGlmIChpbWdVcmwpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZVwiIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtaW1hZ2UnOiBpbWdVcmwgfVwiPjwvZGl2PlxyXG4gIH1cclxuXHJcbiAgPGRpdiBjbGFzcz1cImljb25cIiBbbmdDbGFzc109XCJ7IGFjdGl2ZTogYWN0aXZlIH1cIj5cclxuICAgIDxjdXJhLWljb24gbmFtZT1cIndoYXRzYXBwXCIgc2l6ZT1cIjE2XCIgY29sb3I9XCJuZXV0cmFsLXB1cmV3aGl0ZVwiPjwvY3VyYS1pY29uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwicmRzaXRlLXdoYXRzYXBwLWFuaW1hdGlvblwiIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmUsIGRpc2FibGVkOiBkaXNhYmxlZCB9XCI+XHJcbiAgICBAaWYgKCFkaXNhYmxlZCkge1xyXG4gICAgICA8Y3VyYS1pY29uIG5hbWU9XCJ3aGF0c2FwcFwiIHNpemU9XCIxNlwiIGNvbG9yPVwibmV1dHJhbC1wdXJld2hpdGVcIj48L2N1cmEtaWNvbj5cclxuICAgIH1cclxuXHJcbiAgICA8c3BhbiBbaW5uZXJIVE1MXT1cInRleHRcIj48L3NwYW4+XHJcbiAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -3328,6 +3328,7 @@ class WhatsappComponent {
|
|
|
3328
3328
|
this.bgColor = '#1DCD52';
|
|
3329
3329
|
this.bgHover = '#016720';
|
|
3330
3330
|
this.borderTop = false;
|
|
3331
|
+
this.disabled = false;
|
|
3331
3332
|
this.whatsappClick = new EventEmitter();
|
|
3332
3333
|
this.active = false;
|
|
3333
3334
|
this.style = {
|
|
@@ -3338,17 +3339,18 @@ class WhatsappComponent {
|
|
|
3338
3339
|
'--bg-button-hover': this.bgHover,
|
|
3339
3340
|
'--color-button': this.curaService.getColor('neutral-black'),
|
|
3340
3341
|
'--color-button-hover': this.curaService.getColor('neutral-white'),
|
|
3342
|
+
'--color-disabled': this.curaService.getColor('neutral-dark'),
|
|
3341
3343
|
};
|
|
3342
3344
|
}
|
|
3343
3345
|
whatsappClicked(event) {
|
|
3344
3346
|
this.whatsappClick.emit(event);
|
|
3345
3347
|
}
|
|
3346
3348
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3347
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n
|
|
3349
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop", disabled: "disabled" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link && !disabled) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n} @else {\r\n <button type=\"button\" class=\"rdsite-whatsapp\" (mouseenter)=\"active = true\" (mouseleave)=\"active = false\" [ngClass]=\"{ 'border-top': borderTop }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n}\r\n\r\n<ng-template #content>\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active, disabled: disabled }\">\r\n @if (!disabled) {\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n\r\n <span [innerHTML]=\"text\"></span>\r\n </div>\r\n</ng-template>\r\n", styles: [":host *{font-family:var(--font-family)}:host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp,:host button.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image,:host button.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon,:host button.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active,:host button.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{font-weight:500;text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation.disabled{background-color:var(--color-disabled);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation.disabled:hover{background-color:var(--color-disabled)}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top,:host button.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active,:host button.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
3348
3350
|
}
|
|
3349
3351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
3350
3352
|
type: Component,
|
|
3351
|
-
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n
|
|
3353
|
+
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && !disabled) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n} @else {\r\n <button type=\"button\" class=\"rdsite-whatsapp\" (mouseenter)=\"active = true\" (mouseleave)=\"active = false\" [ngClass]=\"{ 'border-top': borderTop }\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </button>\r\n}\r\n\r\n<ng-template #content>\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active, disabled: disabled }\">\r\n @if (!disabled) {\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n\r\n <span [innerHTML]=\"text\"></span>\r\n </div>\r\n</ng-template>\r\n", styles: [":host *{font-family:var(--font-family)}:host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp,:host button.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image,:host button.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon,:host button.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active,:host button.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{font-weight:500;text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation.disabled{background-color:var(--color-disabled);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation.disabled:hover{background-color:var(--color-disabled)}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top,:host button.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active,:host button.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
|
|
3352
3354
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
3353
3355
|
type: Input
|
|
3354
3356
|
}], imgUrl: [{
|
|
@@ -3361,6 +3363,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3361
3363
|
type: Input
|
|
3362
3364
|
}], borderTop: [{
|
|
3363
3365
|
type: Input
|
|
3366
|
+
}], disabled: [{
|
|
3367
|
+
type: Input
|
|
3364
3368
|
}], whatsappClick: [{
|
|
3365
3369
|
type: Output
|
|
3366
3370
|
}], style: [{
|
|
@@ -3376,17 +3380,18 @@ class SideCtasRightBottomComponent {
|
|
|
3376
3380
|
this.bgColor = '#1DCD52';
|
|
3377
3381
|
this.bgHover = '#016720';
|
|
3378
3382
|
this.borderTop = false;
|
|
3383
|
+
this.disabled = false;
|
|
3379
3384
|
this.sideCtaRightBottomItemClick = new EventEmitter();
|
|
3380
3385
|
}
|
|
3381
3386
|
whatsappClicked(event) {
|
|
3382
3387
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
3383
3388
|
}
|
|
3384
3389
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3385
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop"], outputs: ["whatsappClick"] }] }); }
|
|
3390
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop", disabled: "disabled" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n [disabled]=\"disabled\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop", "disabled"], outputs: ["whatsappClick"] }] }); }
|
|
3386
3391
|
}
|
|
3387
3392
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
3388
3393
|
type: Component,
|
|
3389
|
-
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n" }]
|
|
3394
|
+
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n [disabled]=\"disabled\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n" }]
|
|
3390
3395
|
}], propDecorators: { link: [{
|
|
3391
3396
|
type: Input
|
|
3392
3397
|
}], imgUrl: [{
|
|
@@ -3399,6 +3404,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3399
3404
|
type: Input
|
|
3400
3405
|
}], borderTop: [{
|
|
3401
3406
|
type: Input
|
|
3407
|
+
}], disabled: [{
|
|
3408
|
+
type: Input
|
|
3402
3409
|
}], sideCtaRightBottomItemClick: [{
|
|
3403
3410
|
type: Output
|
|
3404
3411
|
}] } });
|