@rededor/site-front-end-lib 4.0.0-alpha.5 → 17.0.0

package/esm2022/lib/components/cards/expandable-card/expandable-card.component.mjs

@@ -0,0 +1,69 @@
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { RdsiteLinkDirective } from '../../../directives';
+import { CommonModule } from '@angular/common';
+import { CuraIconComponent } from '@rededor/cura-angular/icons/cura-icon';
+import { CuraBadgePillComponent } from '@rededor/cura-angular/badges/cura-badge-pill';
+import * as i0 from "@angular/core";
+import * as i1 from "@rededor/cura-angular/api";
+import * as i2 from "@angular/common";
+export class ExpandableCardComponent {
+    constructor(curaService) {
+        this.curaService = curaService;
+        this.opened = false;
+        this.label = '';
+        this.link = '';
+        this.badgeLabel = '';
+        this.openIcon = 'plus';
+        this.closeIcon = 'minus';
+        this.disabled = false;
+        this.toggle = new EventEmitter();
+        this.styleBinding = {
+            '--neutral-light': this.curaService.theme.colors.getColor('neutral-light'),
+            '--neutral-base': this.curaService.theme.colors.getColor('neutral-base'),
+            '--neutral-purewhite': this.curaService.theme.colors.getColor('neutral-purewhite'),
+            '--neutral-black': this.curaService.theme.colors.getColor('neutral-black'),
+            '--color-one-dark': this.curaService.theme.colors.getColor('primary-dark'),
+            '--font-family': this.curaService.theme.fonts.getFamily(''),
+        };
+        this.classes = [];
+    }
+    ngOnChanges() {
+        this.checkDisabledCard();
+    }
+    toggleCard() {
+        this.opened = !this.opened;
+        this.toggle.emit(this.opened);
+    }
+    checkDisabledCard() {
+        this.classes = this.disabled ? ['disabled'] : [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: i1.CuraApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", link: "link", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "@if (label) {\r\n  <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n    @if (link && label) {\r\n      <a rdsitelink class=\"card-link\" [href]=\"link\">\r\n        {{ label }}\r\n        <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n      </a>\r\n    }\r\n\r\n    @if (badgeLabel) {\r\n      <cura-badge-pill type=\"solid\" color=\"primary\">\r\n        {{ badgeLabel }}\r\n      </cura-badge-pill>\r\n    }\r\n\r\n    <cura-icon [name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n  </div>\r\n\r\n  <div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);color:var(--color-one-dark);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\" \"link\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraBadgePillComponent, selector: "cura-badge-pill", inputs: ["type", "color", "iconName", "iconset", "disabled", "iconOnly", "borderRadius"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent, CuraBadgePillComponent], template: "@if (label) {\r\n  <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n    @if (link && label) {\r\n      <a rdsitelink class=\"card-link\" [href]=\"link\">\r\n        {{ label }}\r\n        <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n      </a>\r\n    }\r\n\r\n    @if (badgeLabel) {\r\n      <cura-badge-pill type=\"solid\" color=\"primary\">\r\n        {{ badgeLabel }}\r\n      </cura-badge-pill>\r\n    }\r\n\r\n    <cura-icon [name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n  </div>\r\n\r\n  <div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);color:var(--color-one-dark);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\" \"link\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CuraApiService }], propDecorators: { opened: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], badgeLabel: [{
+                type: Input
+            }], openIcon: [{
+                type: Input
+            }], closeIcon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }], styleBinding: [{
+                type: HostBinding,
+                args: ['style']
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZHMvZXhwYW5kYWJsZS1jYXJkL2V4cGFuZGFibGUtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL2V4cGFuZGFibGUtY2FyZC9leHBhbmRhYmxlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7O0FBVXRGLE1BQU0sT0FBTyx1QkFBdUI7SUFzQmxDLFlBQTZCLFdBQTJCO1FBQTNCLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQXJCL0MsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsY0FBUyxHQUFXLE9BQU8sQ0FBQztRQUM1QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUVoRCxpQkFBWSxHQUFHO1lBQ25DLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzFFLGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ3hFLHFCQUFxQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUM7WUFDbEYsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUM7WUFDMUUsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDMUUsZUFBZSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1NBQzVELENBQUM7UUFFb0IsWUFBTyxHQUFhLEVBQUUsQ0FBQztJQUVjLENBQUM7SUFFNUQsV0FBVztRQUNULElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNuRCxDQUFDOytHQW5DVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpWENmcEMsb3VCQXNCQSw4MUNEWlksWUFBWSw2SEFBRSxtQkFBbUIsOEhBQUUsaUJBQWlCLGdIQUFFLHNCQUFzQjs7NEZBSzNFLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixDQUFDO21GQU05RSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFFZSxZQUFZO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU87Z0JBU0UsT0FBTztzQkFBNUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3VyYUFwaVNlcnZpY2UgfSBmcm9tICdAcmVkZWRvci9jdXJhLWFuZ3VsYXIvYXBpJztcclxuaW1wb3J0IHsgUmRzaXRlTGlua0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDdXJhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0ByZWRlZG9yL2N1cmEtYW5ndWxhci9pY29ucy9jdXJhLWljb24nO1xyXG5pbXBvcnQgeyBDdXJhQmFkZ2VQaWxsQ29tcG9uZW50IH0gZnJvbSAnQHJlZGVkb3IvY3VyYS1hbmd1bGFyL2JhZGdlcy9jdXJhLWJhZGdlLXBpbGwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtZXhwYW5kYWJsZS1jYXJkJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJkc2l0ZUxpbmtEaXJlY3RpdmUsIEN1cmFJY29uQ29tcG9uZW50LCBDdXJhQmFkZ2VQaWxsQ29tcG9uZW50XSxcclxuXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGFibGUtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kYWJsZS1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgb3BlbmVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGxpbms6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJhZGdlTGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG9wZW5JY29uOiBzdHJpbmcgPSAncGx1cyc7XHJcbiAgQElucHV0KCkgY2xvc2VJY29uOiBzdHJpbmcgPSAnbWludXMnO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSB0b2dnbGU6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIHN0eWxlQmluZGluZyA9IHtcclxuICAgICctLW5ldXRyYWwtbGlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcignbmV1dHJhbC1saWdodCcpLFxyXG4gICAgJy0tbmV1dHJhbC1iYXNlJzogdGhpcy5jdXJhU2VydmljZS50aGVtZS5jb2xvcnMuZ2V0Q29sb3IoJ25ldXRyYWwtYmFzZScpLFxyXG4gICAgJy0tbmV1dHJhbC1wdXJld2hpdGUnOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcignbmV1dHJhbC1wdXJld2hpdGUnKSxcclxuICAgICctLW5ldXRyYWwtYmxhY2snOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcignbmV1dHJhbC1ibGFjaycpLFxyXG4gICAgJy0tY29sb3Itb25lLWRhcmsnOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcigncHJpbWFyeS1kYXJrJyksXHJcbiAgICAnLS1mb250LWZhbWlseSc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuZm9udHMuZ2V0RmFtaWx5KCcnKSxcclxuICB9O1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZTogQ3VyYUFwaVNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaGVja0Rpc2FibGVkQ2FyZCgpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlQ2FyZCgpIHtcclxuICAgIHRoaXMub3BlbmVkID0gIXRoaXMub3BlbmVkO1xyXG4gICAgdGhpcy50b2dnbGUuZW1pdCh0aGlzLm9wZW5lZCk7XHJcbiAgfVxyXG5cclxuICBjaGVja0Rpc2FibGVkQ2FyZCgpIHtcclxuICAgIHRoaXMuY2xhc3NlcyA9IHRoaXMuZGlzYWJsZWQgPyBbJ2Rpc2FibGVkJ10gOiBbXTtcclxuICB9XHJcbn1cclxuIiwiQGlmIChsYWJlbCkge1xyXG4gIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlclwiIFtuZ0NsYXNzXT1cInsgbm9CYWRnZTogIWJhZGdlTGFiZWwgfVwiIChjbGljayk9XCJ0b2dnbGVDYXJkKClcIj5cclxuICAgIEBpZiAobGluayAmJiBsYWJlbCkge1xyXG4gICAgICA8YSByZHNpdGVsaW5rIGNsYXNzPVwiY2FyZC1saW5rXCIgW2hyZWZdPVwibGlua1wiPlxyXG4gICAgICAgIHt7IGxhYmVsIH19XHJcbiAgICAgICAgPGN1cmEtaWNvbiBuYW1lPVwiYXJyb3dSaWdodFwiIGNvbG9yPVwicHJpbWFyeS1kYXJrXCIgc2l6ZT1cIjE2XCI+PC9jdXJhLWljb24+XHJcbiAgICAgIDwvYT5cclxuICAgIH1cclxuXHJcbiAgICBAaWYgKGJhZGdlTGFiZWwpIHtcclxuICAgICAgPGN1cmEtYmFkZ2UtcGlsbCB0eXBlPVwic29saWRcIiBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICB7eyBiYWRnZUxhYmVsIH19XHJcbiAgICAgIDwvY3VyYS1iYWRnZS1waWxsPlxyXG4gICAgfVxyXG5cclxuICAgIDxjdXJhLWljb24gW25hbWVdPVwib3BlbmVkID8gY2xvc2VJY29uIDogb3Blbkljb25cIiBjb2xvcj1cInByaW1hcnktZGFya1wiIHNpemU9XCIyMFwiPjwvY3VyYS1pY29uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiY2FyZC1jb250ZW50XCIgW25nQ2xhc3NdPVwieyBvcGVuZWQ6IG9wZW5lZCB9XCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbn1cclxuIl19

package/esm2022/lib/components/cards/testimonial-card/testimonial-card.component.mjs

@@ -0,0 +1,63 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, HostBinding, Inject, input, PLATFORM_ID, signal, ViewChild } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { YouTubePlayerModule } from '@angular/youtube-player';
+import { ImageComponent } from '../../image/image.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@rededor/cura-angular/api";
+import * as i2 from "../../../services";
+import * as i3 from "@angular/youtube-player";
+export class TestimonialCardComponent {
+    constructor(curaService, youtubeService, platformId) {
+        this.curaService = curaService;
+        this.youtubeService = youtubeService;
+        this.platformId = platformId;
+        this.type = input('image');
+        this.image = input(null);
+        this.videoUrl = input('');
+        this.text = input('');
+        this.author = input('');
+        this.position = input('');
+        this.videoId = signal('');
+        this.platformBrowser = signal(null);
+        this.styleBinding = {
+            '--neutral-black': this.curaService.theme.colors.getColor('neutral-black'),
+            '--color-one-darker': this.curaService.theme.colors.getColor('primary-darker'),
+            '--font-family': this.curaService.theme.fonts.getFamily(''),
+        };
+        this.youtubeService.setScript();
+    }
+    ngOnInit() {
+        this.platformBrowser.set(isPlatformBrowser(this.platformId));
+        if (this.type() === 'video' && this.videoUrl()) {
+            this.getVideoId();
+        }
+    }
+    getVideoId() {
+        const params = new URLSearchParams(this.videoUrl().split('?')[1]);
+        return params.get('v') || '';
+    }
+    stopVideo() {
+        if (this.getVideoId() && this.youtubePlayer) {
+            this.youtubePlayer.stopVideo();
+        }
+    }
+    ngOnDestroy() {
+        this.youtubeService.removeScript();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, deps: [{ token: i1.CuraApiService }, { token: i2.YoutubeService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialCardComponent, isStandalone: true, selector: "rdsite-testimonial-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, videoUrl: { classPropertyName: "videoUrl", publicName: "videoUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: ["youtubePlayer"], descendants: true }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\r\n  @switch (type()) {\r\n    @case ('image') {\r\n      @if (image()) {\r\n        <rdsite-image\r\n          [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n          [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n          [mimeType]=\"image()?.mime_type\"\r\n          [alt]=\"image()?.alt\"\r\n        >\r\n        </rdsite-image>\r\n      }\r\n    }\r\n    @case ('video') {\r\n      @if (getVideoId() && platformBrowser()) {\r\n        <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n      }\r\n    }\r\n  }\r\n\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n    <path\r\n      d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n      fill=\"#202122\"\r\n    />\r\n  </svg>\r\n\r\n  <div class=\"testimonials-text\">\r\n    <q class=\"quote\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></q>\r\n\r\n    @if (author()) {\r\n      <span class=\"author\">{{ author() }}</span>\r\n    }\r\n\r\n    @if (position()) {\r\n      <span class=\"position\">\r\n        {{ position() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i3.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-testimonial-card', standalone: true, imports: [ImageComponent, YouTubePlayerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if ((image() || getVideoId()) && text()) {\r\n  @switch (type()) {\r\n    @case ('image') {\r\n      @if (image()) {\r\n        <rdsite-image\r\n          [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n          [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n          [mimeType]=\"image()?.mime_type\"\r\n          [alt]=\"image()?.alt\"\r\n        >\r\n        </rdsite-image>\r\n      }\r\n    }\r\n    @case ('video') {\r\n      @if (getVideoId() && platformBrowser()) {\r\n        <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n      }\r\n    }\r\n  }\r\n\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n    <path\r\n      d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n      fill=\"#202122\"\r\n    />\r\n  </svg>\r\n\r\n  <div class=\"testimonials-text\">\r\n    <q class=\"quote\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></q>\r\n\r\n    @if (author()) {\r\n      <span class=\"author\">{{ author() }}</span>\r\n    }\r\n\r\n    @if (position()) {\r\n      <span class=\"position\">\r\n        {{ position() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CuraApiService }, { type: i2.YoutubeService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { youtubePlayer: [{
+                type: ViewChild,
+                args: ['youtubePlayer']
+            }], styleBinding: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdGltb25pYWwtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL3Rlc3RpbW9uaWFsLWNhcmQvdGVzdGltb25pYWwtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL3Rlc3RpbW9uaWFsLWNhcmQvdGVzdGltb25pYWwtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixXQUFXLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqSixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQWlCLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQVU3RCxNQUFNLE9BQU8sd0JBQXdCO0lBb0JuQyxZQUNtQixXQUEyQixFQUMzQixjQUE4QixFQUNULFVBQWtCO1FBRnZDLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUMzQixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDVCxlQUFVLEdBQVYsVUFBVSxDQUFRO1FBdEIxRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RCLFVBQUssR0FBRyxLQUFLLENBQWEsSUFBSSxDQUFDLENBQUM7UUFDaEMsYUFBUSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixTQUFJLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbkIsYUFBUSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVyQixZQUFPLEdBQUcsTUFBTSxDQUFnQixFQUFFLENBQUMsQ0FBQztRQUVwQyxvQkFBZSxHQUFHLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQztRQUlyQixpQkFBWSxHQUFHO1lBQ25DLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzFFLG9CQUFvQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUM7WUFDOUUsZUFBZSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1NBQzVELENBQUM7UUFPQSxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7UUFFN0QsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEUsT0FBTyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUM1QyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckMsQ0FBQzsrR0FqRFUsd0JBQXdCLDhFQXVCekIsV0FBVzttR0F2QlYsd0JBQXdCLHMrQkNmckMsbS9FQXlDQSxnakREL0JZLGNBQWMsMEpBQUUsbUJBQW1COzs0RkFLbEMsd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxjQUFjLEVBQUUsbUJBQW1CLENBQUMsV0FDckMsQ0FBQyxzQkFBc0IsQ0FBQzs7MEJBMkI5QixNQUFNOzJCQUFDLFdBQVc7eUNBWE8sYUFBYTtzQkFBeEMsU0FBUzt1QkFBQyxlQUFlO2dCQUVKLFlBQVk7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSG9zdEJpbmRpbmcsIEluamVjdCwgaW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBQTEFURk9STV9JRCwgc2lnbmFsLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3VyYUFwaVNlcnZpY2UgfSBmcm9tICdAcmVkZWRvci9jdXJhLWFuZ3VsYXIvYXBpJztcclxuaW1wb3J0IHsgWW91dHViZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcyc7XHJcbmltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWW91VHViZVBsYXllciwgWW91VHViZVBsYXllck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3lvdXR1YmUtcGxheWVyJztcclxuaW1wb3J0IHsgSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9pbWFnZS9pbWFnZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtdGVzdGltb25pYWwtY2FyZCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbSW1hZ2VDb21wb25lbnQsIFlvdVR1YmVQbGF5ZXJNb2R1bGVdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVzdGltb25pYWwtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVzdGltb25pYWwtY2FyZC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGVzdGltb25pYWxDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHR5cGUgPSBpbnB1dCgnaW1hZ2UnKTtcclxuICBpbWFnZSA9IGlucHV0PGFueSB8IG51bGw+KG51bGwpO1xyXG4gIHZpZGVvVXJsID0gaW5wdXQoJycpO1xyXG4gIHRleHQgPSBpbnB1dCgnJyk7XHJcbiAgYXV0aG9yID0gaW5wdXQoJycpO1xyXG4gIHBvc2l0aW9uID0gaW5wdXQoJycpO1xyXG5cclxuICB2aWRlb0lkID0gc2lnbmFsPHN0cmluZyB8IG51bGw+KCcnKTtcclxuXHJcbiAgcGxhdGZvcm1Ccm93c2VyID0gc2lnbmFsPGFueSB8IG51bGw+KG51bGwpO1xyXG5cclxuICBAVmlld0NoaWxkKCd5b3V0dWJlUGxheWVyJykgeW91dHViZVBsYXllciE6IFlvdVR1YmVQbGF5ZXI7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZUJpbmRpbmcgPSB7XHJcbiAgICAnLS1uZXV0cmFsLWJsYWNrJzogdGhpcy5jdXJhU2VydmljZS50aGVtZS5jb2xvcnMuZ2V0Q29sb3IoJ25ldXRyYWwtYmxhY2snKSxcclxuICAgICctLWNvbG9yLW9uZS1kYXJrZXInOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcigncHJpbWFyeS1kYXJrZXInKSxcclxuICAgICctLWZvbnQtZmFtaWx5JzogdGhpcy5jdXJhU2VydmljZS50aGVtZS5mb250cy5nZXRGYW1pbHkoJycpLFxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZTogQ3VyYUFwaVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IHlvdXR1YmVTZXJ2aWNlOiBZb3V0dWJlU2VydmljZSxcclxuICAgIEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcmVhZG9ubHkgcGxhdGZvcm1JZDogb2JqZWN0LFxyXG4gICkge1xyXG4gICAgdGhpcy55b3V0dWJlU2VydmljZS5zZXRTY3JpcHQoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5wbGF0Zm9ybUJyb3dzZXIuc2V0KGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCkpO1xyXG5cclxuICAgIGlmICh0aGlzLnR5cGUoKSA9PT0gJ3ZpZGVvJyAmJiB0aGlzLnZpZGVvVXJsKCkpIHtcclxuICAgICAgdGhpcy5nZXRWaWRlb0lkKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXRWaWRlb0lkKCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBwYXJhbXMgPSBuZXcgVVJMU2VhcmNoUGFyYW1zKHRoaXMudmlkZW9VcmwoKS5zcGxpdCgnPycpWzFdKTtcclxuICAgIHJldHVybiBwYXJhbXMuZ2V0KCd2JykgfHwgJyc7XHJcbiAgfVxyXG5cclxuICBzdG9wVmlkZW8oKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5nZXRWaWRlb0lkKCkgJiYgdGhpcy55b3V0dWJlUGxheWVyKSB7XHJcbiAgICAgIHRoaXMueW91dHViZVBsYXllci5zdG9wVmlkZW8oKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy55b3V0dWJlU2VydmljZS5yZW1vdmVTY3JpcHQoKTtcclxuICB9XHJcbn1cclxuIiwiQGlmICgoaW1hZ2UoKSB8fCBnZXRWaWRlb0lkKCkpICYmIHRleHQoKSkge1xyXG4gIEBzd2l0Y2ggKHR5cGUoKSkge1xyXG4gICAgQGNhc2UgKCdpbWFnZScpIHtcclxuICAgICAgQGlmIChpbWFnZSgpKSB7XHJcbiAgICAgICAgPHJkc2l0ZS1pbWFnZVxyXG4gICAgICAgICAgW2ltYWdlV2VicFNyY109XCJpbWFnZSgpPy53ZWJwX3NpemVzPy5bJ3Jkc2wtY2FyZC11bmlkYWRlcyddXCJcclxuICAgICAgICAgIFtpbWFnZURlZmF1bHRTcmNdPVwiaW1hZ2UoKT8uc2l6ZXM/LlsncmRzbC1jYXJkLXVuaWRhZGVzJ11cIlxyXG4gICAgICAgICAgW21pbWVUeXBlXT1cImltYWdlKCk/Lm1pbWVfdHlwZVwiXHJcbiAgICAgICAgICBbYWx0XT1cImltYWdlKCk/LmFsdFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvcmRzaXRlLWltYWdlPlxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBAY2FzZSAoJ3ZpZGVvJykge1xyXG4gICAgICBAaWYgKGdldFZpZGVvSWQoKSAmJiBwbGF0Zm9ybUJyb3dzZXIoKSkge1xyXG4gICAgICAgIDx5b3V0dWJlLXBsYXllciAjeW91dHViZVBsYXllciBbdmlkZW9JZF09XCJnZXRWaWRlb0lkKClcIiBbZGlzYWJsZVBsYWNlaG9sZGVyXT1cInRydWVcIj48L3lvdXR1YmUtcGxheWVyPlxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjMyXCIgaGVpZ2h0PVwiMjZcIiB2aWV3Qm94PVwiMCAwIDMyIDI2XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNMTQuMzc1IDMuMzEyNUMxMi45MDYyIDQuMTU2MjUgMTEuNzE4OCA0Ljg5MDYyIDEwLjgxMjUgNS41MTU2MkM5LjkwNjI1IDYuMTA5MzggOC45ODQzOCA2LjkwNjI1IDguMDQ2ODggNy45MDYyNUM3LjE3MTg4IDguODQzNzUgNi41IDkuODI4MTIgNi4wMzEyNSAxMC44NTk0QzUuNTYyNSAxMS44OTA2IDUuMjM0MzggMTMuMjE4OCA1LjA0Njg4IDE0Ljg0MzhINy4yOTY4OEM5LjIzNDM4IDE0Ljg0MzggMTAuNzUgMTUuMzI4MSAxMS44NDM4IDE2LjI5NjlDMTIuOTY4OCAxNy4yMzQ0IDEzLjUzMTIgMTguNjI1IDEzLjUzMTIgMjAuNDY4OEMxMy41MzEyIDIxLjc4MTIgMTMuMDMxMiAyMy4wMTU2IDEyLjAzMTIgMjQuMTcxOUMxMS4wNjI1IDI1LjI5NjkgOS43MTg3NSAyNS44NTk0IDggMjUuODU5NEM1LjMxMjUgMjUuODU5NCAzLjM5MDYyIDI0Ljk4NDQgMi4yMzQzOCAyMy4yMzQ0QzEuMDc4MTIgMjEuNDUzMSAwLjUgMTkuMTI1IDAuNSAxNi4yNUMwLjUgMTQuMjE4OCAwLjkzNzUgMTIuMzc1IDEuODEyNSAxMC43MTg4QzIuNjg3NSA5LjAzMTI1IDMuNzUgNy41MzEyNSA1IDYuMjE4NzVDNi4yODEyNSA0Ljg3NSA3LjY0MDYyIDMuNzM0MzggOS4wNzgxMiAyLjc5Njg4QzEwLjUxNTYgMS44NTkzOCAxMS43MTg4IDEuMDkzNzUgMTIuNjg3NSAwLjVMMTQuMzc1IDMuMzEyNVpNMzEuNzE4OCAzLjMxMjVDMzAuMjUgNC4xNTYyNSAyOS4wNjI1IDQuODkwNjIgMjguMTU2MiA1LjUxNTYyQzI3LjI1IDYuMTA5MzggMjYuMzI4MSA2LjkwNjI1IDI1LjM5MDYgNy45MDYyNUMyNC40ODQ0IDguODc1IDIzLjc5NjkgOS44NzUgMjMuMzI4MSAxMC45MDYyQzIyLjg5MDYgMTEuOTA2MiAyMi41NzgxIDEzLjIxODggMjIuMzkwNiAxNC44NDM4SDI0LjY0MDZDMjYuNTc4MSAxNC44NDM4IDI4LjA5MzggMTUuMzI4MSAyOS4xODc1IDE2LjI5NjlDMzAuMzEyNSAxNy4yMzQ0IDMwLjg3NSAxOC42MjUgMzAuODc1IDIwLjQ2ODhDMzAuODc1IDIxLjc4MTIgMzAuMzc1IDIzLjAxNTYgMjkuMzc1IDI0LjE3MTlDMjguNDA2MiAyNS4yOTY5IDI3LjA2MjUgMjUuODU5NCAyNS4zNDM4IDI1Ljg1OTRDMjIuNjU2MiAyNS44NTk0IDIwLjczNDQgMjQuOTg0NCAxOS41NzgxIDIzLjIzNDRDMTguNDIxOSAyMS40NTMxIDE3Ljg0MzggMTkuMTI1IDE3Ljg0MzggMTYuMjVDMTcuODQzOCAxNC4yMTg4IDE4LjI4MTIgMTIuMzc1IDE5LjE1NjIgMTAuNzE4OEMyMC4wMzEyIDkuMDMxMjUgMjEuMDkzOCA3LjUzMTI1IDIyLjM0MzggNi4yMTg3NUMyMy42MjUgNC44NzUgMjQuOTg0NCAzLjczNDM4IDI2LjQyMTkgMi43OTY4OEMyNy44NTk0IDEuODU5MzggMjkuMDYyNSAxLjA5Mzc1IDMwLjAzMTIgMC41TDMxLjcxODggMy4zMTI1WlwiXHJcbiAgICAgIGZpbGw9XCIjMjAyMTIyXCJcclxuICAgIC8+XHJcbiAgPC9zdmc+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJ0ZXN0aW1vbmlhbHMtdGV4dFwiPlxyXG4gICAgPHEgY2xhc3M9XCJxdW90ZVwiIFtpbm5lckhUTUxdPVwidGV4dCgpXCIgKGNsaWNrKT1cInN0b3BWaWRlbygpXCI+PC9xPlxyXG5cclxuICAgIEBpZiAoYXV0aG9yKCkpIHtcclxuICAgICAgPHNwYW4gY2xhc3M9XCJhdXRob3JcIj57eyBhdXRob3IoKSB9fTwvc3Bhbj5cclxuICAgIH1cclxuXHJcbiAgICBAaWYgKHBvc2l0aW9uKCkpIHtcclxuICAgICAgPHNwYW4gY2xhc3M9XCJwb3NpdGlvblwiPlxyXG4gICAgICAgIHt7IHBvc2l0aW9uKCkgfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG59XHJcbiJdfQ==

package/esm2022/lib/components/carousels/testimonials-carousel/testimonials-carousel.component.mjs

@@ -0,0 +1,64 @@
+import { Component, HostBinding, input, signal, ViewChild, ViewChildren } from '@angular/core';
+import { NguCarousel, NguCarouselDefDirective, NguItemComponent } from '@ngu/carousel';
+import { TestimonialCardComponent } from '../../cards/testimonial-card/testimonial-card.component';
+import { CuraIconComponent } from '@rededor/cura-angular/icons/cura-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@rededor/cura-angular/api";
+import * as i2 from "../../../services";
+export class TestimonialsCarouselComponent {
+    constructor(curaService, nguService) {
+        this.curaService = curaService;
+        this.nguService = nguService;
+        this.title = input('');
+        this.items = input([]);
+        this.carouselTestimonialsConfig = signal(null);
+        this.styleBinding = {
+            '--neutral-purewhite': this.curaService.theme.colors.getColor('neutral-purewhite'),
+            '--neutral-black': this.curaService.theme.colors.getColor('neutral-black'),
+            '--font-family': this.curaService.theme.fonts.getFamily(''),
+        };
+    }
+    ngOnInit() {
+        this.carouselTestimonialsConfig.set(this.nguService.customCarouselConfig({
+            grid: { xs: 1, sm: 1, md: 1, lg: 1.1, all: 0 },
+            gridBreakpoints: { sm: 360, md: 768, lg: 1024, xl: 1920 },
+            loop: true,
+            interval: {
+                timing: 600000,
+                initialDelay: 600000,
+            },
+        }));
+    }
+    nextSlide() {
+        this.nguService.scrollRight(this.carouselTestimonials);
+    }
+    prevSlide() {
+        this.nguService.scrollLeft(this.carouselTestimonials);
+    }
+    moveTo(pointerNumber) {
+        this.nguService.moveTo(this.carouselTestimonials, pointerNumber);
+    }
+    stopVideos() {
+        this.testimonialCards.forEach((card) => {
+            if (card.type() === 'video') {
+                card.stopVideo();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialsCarouselComponent, deps: [{ token: i1.CuraApiService }, { token: i2.NguCarouselService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialsCarouselComponent, isStandalone: true, selector: "rdsite-testimonials-carousel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "carouselTestimonials", first: true, predicate: ["carouselTestimonials"], descendants: true, static: true }, { propertyName: "testimonialCards", predicate: ["testimonialCard"], descendants: true }], ngImport: i0, template: "@if (title()) {\r\n  <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\r\n}\r\n\r\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\r\n  <ngu-item *nguCarouselDef=\"let item\">\r\n    <rdsite-testimonial-card\r\n      #testimonialCard\r\n      [type]=\"item.type\"\r\n      [image]=\"item.image\"\r\n      [videoUrl]=\"item.video_url\"\r\n      [text]=\"item.text\"\r\n      [author]=\"item.author\"\r\n      [position]=\"item.role\"\r\n    >\r\n    </rdsite-testimonial-card>\r\n  </ngu-item>\r\n</ngu-carousel>\r\n\r\n<div class=\"testimonials-carousel-controls\">\r\n  <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\r\n\r\n  <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\r\n\r\n  <ul>\r\n    @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\r\n      <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "component", type: TestimonialCardComponent, selector: "rdsite-testimonial-card", inputs: ["type", "image", "videoUrl", "text", "author", "position"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialsCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-testimonials-carousel', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, TestimonialCardComponent, CuraIconComponent], template: "@if (title()) {\r\n  <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\r\n}\r\n\r\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\r\n  <ngu-item *nguCarouselDef=\"let item\">\r\n    <rdsite-testimonial-card\r\n      #testimonialCard\r\n      [type]=\"item.type\"\r\n      [image]=\"item.image\"\r\n      [videoUrl]=\"item.video_url\"\r\n      [text]=\"item.text\"\r\n      [author]=\"item.author\"\r\n      [position]=\"item.role\"\r\n    >\r\n    </rdsite-testimonial-card>\r\n  </ngu-item>\r\n</ngu-carousel>\r\n\r\n<div class=\"testimonials-carousel-controls\">\r\n  <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\r\n\r\n  <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\r\n\r\n  <ul>\r\n    @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\r\n      <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CuraApiService }, { type: i2.NguCarouselService }], propDecorators: { carouselTestimonials: [{
+                type: ViewChild,
+                args: ['carouselTestimonials', { static: true }]
+            }], testimonialCards: [{
+                type: ViewChildren,
+                args: ['testimonialCard']
+            }], styleBinding: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdGltb25pYWxzLWNhcm91c2VsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWxzL3Rlc3RpbW9uaWFscy1jYXJvdXNlbC90ZXN0aW1vbmlhbHMtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9jYXJvdXNlbHMvdGVzdGltb25pYWxzLWNhcm91c2VsL3Rlc3RpbW9uaWFscy1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xILE9BQU8sRUFBRSxXQUFXLEVBQXFCLHVCQUF1QixFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzFHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ25HLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7O0FBVTFFLE1BQU0sT0FBTyw2QkFBNkI7SUFleEMsWUFDbUIsV0FBMkIsRUFDcEMsVUFBOEI7UUFEckIsZ0JBQVcsR0FBWCxXQUFXLENBQWdCO1FBQ3BDLGVBQVUsR0FBVixVQUFVLENBQW9CO1FBaEJ4QyxVQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLFVBQUssR0FBRyxLQUFLLENBQWUsRUFBRSxDQUFDLENBQUM7UUFFaEMsK0JBQTBCLEdBQUcsTUFBTSxDQUEyQixJQUFJLENBQUMsQ0FBQztRQUs5QyxpQkFBWSxHQUFHO1lBQ25DLHFCQUFxQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUM7WUFDbEYsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUM7WUFDMUUsZUFBZSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1NBQzVELENBQUM7SUFLQyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxHQUFHLENBQ2pDLElBQUksQ0FBQyxVQUFVLENBQUMsb0JBQW9CLENBQUM7WUFDbkMsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFO1lBQzlDLGVBQWUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUU7WUFDekQsSUFBSSxFQUFFLElBQUk7WUFDVixRQUFRLEVBQUU7Z0JBQ1IsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsWUFBWSxFQUFFLE1BQU07YUFDckI7U0FDRixDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsTUFBTSxDQUFDLGFBQXFCO1FBQzFCLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNyQyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxPQUFPLEVBQUUsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBcERVLDZCQUE2QjttR0FBN0IsNkJBQTZCLGluQkNmMUMsa21DQThCQSxvc0REcEJZLFdBQVcsMklBQUUsZ0JBQWdCLHFEQUFFLHVCQUF1Qiw2REFBRSx3QkFBd0IseUlBQUUsaUJBQWlCOzs0RkFLbEcsNkJBQTZCO2tCQVJ6QyxTQUFTOytCQUNFLDhCQUE4QixjQUM1QixJQUFJLFdBQ1AsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsd0JBQXdCLEVBQUUsaUJBQWlCLENBQUM7b0hBV3pELG9CQUFvQjtzQkFBeEUsU0FBUzt1QkFBQyxzQkFBc0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ2xCLGdCQUFnQjtzQkFBaEQsWUFBWTt1QkFBQyxpQkFBaUI7Z0JBRVQsWUFBWTtzQkFBakMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgaW5wdXQsIE9uSW5pdCwgUXVlcnlMaXN0LCBzaWduYWwsIFZpZXdDaGlsZCwgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5ndUNhcm91c2VsLCBOZ3VDYXJvdXNlbENvbmZpZywgTmd1Q2Fyb3VzZWxEZWZEaXJlY3RpdmUsIE5ndUl0ZW1Db21wb25lbnQgfSBmcm9tICdAbmd1L2Nhcm91c2VsJztcclxuaW1wb3J0IHsgQ3VyYUFwaVNlcnZpY2UgfSBmcm9tICdAcmVkZWRvci9jdXJhLWFuZ3VsYXIvYXBpJztcclxuaW1wb3J0IHsgTmd1Q2Fyb3VzZWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMnO1xyXG5pbXBvcnQgeyBUZXN0aW1vbmlhbENhcmRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jYXJkcy90ZXN0aW1vbmlhbC1jYXJkL3Rlc3RpbW9uaWFsLWNhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3VyYUljb25Db21wb25lbnQgfSBmcm9tICdAcmVkZWRvci9jdXJhLWFuZ3VsYXIvaWNvbnMvY3VyYS1pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncmRzaXRlLXRlc3RpbW9uaWFscy1jYXJvdXNlbCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmd1Q2Fyb3VzZWwsIE5ndUl0ZW1Db21wb25lbnQsIE5ndUNhcm91c2VsRGVmRGlyZWN0aXZlLCBUZXN0aW1vbmlhbENhcmRDb21wb25lbnQsIEN1cmFJY29uQ29tcG9uZW50XSxcclxuXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Rlc3RpbW9uaWFscy1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVzdGltb25pYWxzLWNhcm91c2VsLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZXN0aW1vbmlhbHNDYXJvdXNlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgdGl0bGUgPSBpbnB1dCgnJyk7XHJcbiAgaXRlbXMgPSBpbnB1dDxhbnlbXSB8IG51bGw+KFtdKTtcclxuXHJcbiAgY2Fyb3VzZWxUZXN0aW1vbmlhbHNDb25maWcgPSBzaWduYWw8Tmd1Q2Fyb3VzZWxDb25maWcgfCBudWxsPihudWxsKTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnY2Fyb3VzZWxUZXN0aW1vbmlhbHMnLCB7IHN0YXRpYzogdHJ1ZSB9KSBjYXJvdXNlbFRlc3RpbW9uaWFscyE6IE5ndUNhcm91c2VsPGFueVtdPjtcclxuICBAVmlld0NoaWxkcmVuKCd0ZXN0aW1vbmlhbENhcmQnKSB0ZXN0aW1vbmlhbENhcmRzITogUXVlcnlMaXN0PFRlc3RpbW9uaWFsQ2FyZENvbXBvbmVudD47XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZUJpbmRpbmcgPSB7XHJcbiAgICAnLS1uZXV0cmFsLXB1cmV3aGl0ZSc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCduZXV0cmFsLXB1cmV3aGl0ZScpLFxyXG4gICAgJy0tbmV1dHJhbC1ibGFjayc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCduZXV0cmFsLWJsYWNrJyksXHJcbiAgICAnLS1mb250LWZhbWlseSc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuZm9udHMuZ2V0RmFtaWx5KCcnKSxcclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgY3VyYVNlcnZpY2U6IEN1cmFBcGlTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBuZ3VTZXJ2aWNlOiBOZ3VDYXJvdXNlbFNlcnZpY2UsXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuY2Fyb3VzZWxUZXN0aW1vbmlhbHNDb25maWcuc2V0KFxyXG4gICAgICB0aGlzLm5ndVNlcnZpY2UuY3VzdG9tQ2Fyb3VzZWxDb25maWcoe1xyXG4gICAgICAgIGdyaWQ6IHsgeHM6IDEsIHNtOiAxLCBtZDogMSwgbGc6IDEuMSwgYWxsOiAwIH0sXHJcbiAgICAgICAgZ3JpZEJyZWFrcG9pbnRzOiB7IHNtOiAzNjAsIG1kOiA3NjgsIGxnOiAxMDI0LCB4bDogMTkyMCB9LFxyXG4gICAgICAgIGxvb3A6IHRydWUsXHJcbiAgICAgICAgaW50ZXJ2YWw6IHtcclxuICAgICAgICAgIHRpbWluZzogNjAwMDAwLFxyXG4gICAgICAgICAgaW5pdGlhbERlbGF5OiA2MDAwMDAsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSksXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgbmV4dFNsaWRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ3VTZXJ2aWNlLnNjcm9sbFJpZ2h0KHRoaXMuY2Fyb3VzZWxUZXN0aW1vbmlhbHMpO1xyXG4gIH1cclxuXHJcbiAgcHJldlNsaWRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ3VTZXJ2aWNlLnNjcm9sbExlZnQodGhpcy5jYXJvdXNlbFRlc3RpbW9uaWFscyk7XHJcbiAgfVxyXG5cclxuICBtb3ZlVG8ocG9pbnRlck51bWJlcjogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLm5ndVNlcnZpY2UubW92ZVRvKHRoaXMuY2Fyb3VzZWxUZXN0aW1vbmlhbHMsIHBvaW50ZXJOdW1iZXIpO1xyXG4gIH1cclxuXHJcbiAgc3RvcFZpZGVvcygpOiB2b2lkIHtcclxuICAgIHRoaXMudGVzdGltb25pYWxDYXJkcy5mb3JFYWNoKChjYXJkKSA9PiB7XHJcbiAgICAgIGlmIChjYXJkLnR5cGUoKSA9PT0gJ3ZpZGVvJykge1xyXG4gICAgICAgIGNhcmQuc3RvcFZpZGVvKCk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCJAaWYgKHRpdGxlKCkpIHtcclxuICA8aDMgY2xhc3M9XCJ0ZXN0aW1vbmlhbHMtY2Fyb3VzZWwtdGl0bGVcIj57eyB0aXRsZSgpIH19PC9oMz5cclxufVxyXG5cclxuPG5ndS1jYXJvdXNlbCAjY2Fyb3VzZWxUZXN0aW1vbmlhbHMgW2lucHV0c109XCJjYXJvdXNlbFRlc3RpbW9uaWFsc0NvbmZpZygpIVwiIFtkYXRhU291cmNlXT1cIml0ZW1zKClcIiAob25Nb3ZlKT1cInN0b3BWaWRlb3MoKVwiPlxyXG4gIDxuZ3UtaXRlbSAqbmd1Q2Fyb3VzZWxEZWY9XCJsZXQgaXRlbVwiPlxyXG4gICAgPHJkc2l0ZS10ZXN0aW1vbmlhbC1jYXJkXHJcbiAgICAgICN0ZXN0aW1vbmlhbENhcmRcclxuICAgICAgW3R5cGVdPVwiaXRlbS50eXBlXCJcclxuICAgICAgW2ltYWdlXT1cIml0ZW0uaW1hZ2VcIlxyXG4gICAgICBbdmlkZW9VcmxdPVwiaXRlbS52aWRlb191cmxcIlxyXG4gICAgICBbdGV4dF09XCJpdGVtLnRleHRcIlxyXG4gICAgICBbYXV0aG9yXT1cIml0ZW0uYXV0aG9yXCJcclxuICAgICAgW3Bvc2l0aW9uXT1cIml0ZW0ucm9sZVwiXHJcbiAgICA+XHJcbiAgICA8L3Jkc2l0ZS10ZXN0aW1vbmlhbC1jYXJkPlxyXG4gIDwvbmd1LWl0ZW0+XHJcbjwvbmd1LWNhcm91c2VsPlxyXG5cclxuPGRpdiBjbGFzcz1cInRlc3RpbW9uaWFscy1jYXJvdXNlbC1jb250cm9sc1wiPlxyXG4gIDxjdXJhLWljb24gbmFtZT1cImFycm93TGVmdENpcmNsZVwiIHNpemU9XCI0MFwiIGNvbG9yPVwicHJpbWFyeS1iYXNlXCIgKGNsaWNrKT1cInByZXZTbGlkZSgpXCI+PC9jdXJhLWljb24+XHJcblxyXG4gIDxjdXJhLWljb24gbmFtZT1cImFycm93UmlnaHRDaXJjbGVcIiBzaXplPVwiNDBcIiBjb2xvcj1cInByaW1hcnktYmFzZVwiIChjbGljayk9XCJuZXh0U2xpZGUoKVwiPjwvY3VyYS1pY29uPlxyXG5cclxuICA8dWw+XHJcbiAgICBAZm9yIChpdGVtIG9mIGNhcm91c2VsVGVzdGltb25pYWxzLnBvaW50TnVtYmVyczsgdHJhY2sgaTsgbGV0IGkgPSAkaW5kZXgpIHtcclxuICAgICAgPGxpIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gY2Fyb3VzZWxUZXN0aW1vbmlhbHMuYWN0aXZlUG9pbnRcIiAoY2xpY2spPVwibW92ZVRvKGkpXCI+PC9saT5cclxuICAgIH1cclxuICA8L3VsPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs

@@ -0,0 +1,84 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Component, EventEmitter, HostBinding, HostListener, Inject, Input, Output, PLATFORM_ID, ViewChild } from '@angular/core';
+import { NguCarousel, NguCarouselDefDirective, NguItemComponent } from '@ngu/carousel';
+import { MediaQueries } from '../../helpers/mediaQueries';
+import { RdsiteLinkDirective } from '../../directives';
+import { CuraIconComponent } from '@rededor/cura-angular/icons/cura-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@rededor/cura-angular/api";
+import * as i2 from "../../services";
+export class CtaWrapperComponent {
+    onWindowResize() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;
+        }
+    }
+    get style() {
+        return {
+            '--font-family': this.curaService.theme.fonts.getFamily('') ?? '',
+            '--border-color': this.curaService.theme.colors.getColor(this.colors.border) ?? '',
+            '--icon-color': this.curaService.theme.colors.getColor(this.colors.icon) ?? '',
+        };
+    }
+    constructor(curaService, nguService, platformId) {
+        this.curaService = curaService;
+        this.nguService = nguService;
+        this.platformId = platformId;
+        this.content = null;
+        this.showTitleAndText = true;
+        this.colors = { border: 'primary-base', icon: 'primary-dark' };
+        this.CtaWrapperItemClick = new EventEmitter();
+        this.bannerControl = false;
+        this.seeMoreControl = false;
+        this.class = ['rdsite-container'];
+    }
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;
+        }
+        this.carouselCtasConfig = this.nguService.customCarouselConfig({
+            grid: { xs: 2.1, sm: 2.1, md: 2.1, lg: 2.1, all: 0 },
+            loop: true,
+            interval: {
+                timing: 600000,
+                initialDelay: 600000,
+            },
+        });
+    }
+    moreOptions() {
+        this.seeMoreControl = !this.seeMoreControl;
+    }
+    ctaWrapperItemClicked(event) {
+        this.CtaWrapperItemClick.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: i1.CuraApiService }, { token: i2.NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, outputs: { CtaWrapperItemClick: "CtaWrapperItemClick" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n  @if (content?.title && showTitleAndText) {\r\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n  }\r\n\r\n  @if (content?.text && showTitleAndText) {\r\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n  }\r\n\r\n  @if (!seeMoreControl) {\r\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n      @if (!bannerControl) {\r\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [name]=\"cta?.icon || ''\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          </ngu-item>\r\n        </ngu-carousel>\r\n\r\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n        </div>\r\n      } @else {\r\n        @for (cta of content?.ctas; track $index) {\r\n          @if (cta?.label) {\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [name]=\"cta?.icon || ''\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          }\r\n        }\r\n      }\r\n    </nav>\r\n  } @else {\r\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n      @for (cta of content?.ctas; track $index) {\r\n        @if (cta?.label) {\r\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\r\n            @if (cta?.icon) {\r\n              <cura-icon [name]=\"cta?.icon || ''\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n            }\r\n            <p>{{ cta?.label }}</p>\r\n          </a>\r\n        }\r\n      }\r\n    </nav>\r\n  }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective, CuraIconComponent], template: "@if (content?.ctas?.length) {\r\n  @if (content?.title && showTitleAndText) {\r\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n  }\r\n\r\n  @if (content?.text && showTitleAndText) {\r\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n  }\r\n\r\n  @if (!seeMoreControl) {\r\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n      @if (!bannerControl) {\r\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [name]=\"cta?.icon || ''\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          </ngu-item>\r\n        </ngu-carousel>\r\n\r\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n        </div>\r\n      } @else {\r\n        @for (cta of content?.ctas; track $index) {\r\n          @if (cta?.label) {\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [name]=\"cta?.icon || ''\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          }\r\n        }\r\n      }\r\n    </nav>\r\n  } @else {\r\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n      @for (cta of content?.ctas; track $index) {\r\n        @if (cta?.label) {\r\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\r\n            @if (cta?.icon) {\r\n              <cura-icon [name]=\"cta?.icon || ''\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n            }\r\n            <p>{{ cta?.label }}</p>\r\n          </a>\r\n        }\r\n      }\r\n    </nav>\r\n  }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CuraApiService }, { type: i2.NguCarouselService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { content: [{
+                type: Input
+            }], showTitleAndText: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }], CtaWrapperItemClick: [{
+                type: Output
+            }], nguCarouselCtas: [{
+                type: ViewChild,
+                args: ['nguCarouselCtas']
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], style: [{
+                type: HostBinding,
+                args: ['style']
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9jdGEtd3JhcHBlci9jdGEtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2N0YS13cmFwcGVyL2N0YS13cmFwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxSSxPQUFPLEVBQUUsV0FBVyxFQUFxQix1QkFBdUIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7QUFVMUUsTUFBTSxPQUFPLG1CQUFtQjtJQWU5QixjQUFjO1FBQ1osSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDLGVBQWUsQ0FBQztRQUN4RSxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQ0ksS0FBSztRQUNQLE9BQU87WUFDTCxlQUFlLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQ2pFLGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFO1lBQ2xGLGNBQWMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtTQUMvRSxDQUFDO0lBQ0osQ0FBQztJQUlELFlBQ21CLFdBQTJCLEVBQ3BDLFVBQThCLEVBQ0EsVUFBa0I7UUFGdkMsZ0JBQVcsR0FBWCxXQUFXLENBQWdCO1FBQ3BDLGVBQVUsR0FBVixVQUFVLENBQW9CO1FBQ0EsZUFBVSxHQUFWLFVBQVUsQ0FBUTtRQWxDakQsWUFBTyxHQUFzQixJQUFJLENBQUM7UUFDbEMscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLFdBQU0sR0FBcUMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsQ0FBQztRQUUzRix3QkFBbUIsR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl4RSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQW9CRCxVQUFLLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBTWhELENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDLGVBQWUsQ0FBQztRQUN4RSxDQUFDO1FBRUQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsb0JBQW9CLENBQUM7WUFDN0QsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFO1lBQ3BELElBQUksRUFBRSxJQUFJO1lBQ1YsUUFBUSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxNQUFNO2dCQUNkLFlBQVksRUFBRSxNQUFNO2FBQ3JCO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QyxDQUFDO0lBRUQscUJBQXFCLENBQUMsS0FBWTtRQUNoQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBM0RVLG1CQUFtQixrRkFtQ3BCLFdBQVc7bUdBbkNWLG1CQUFtQiwrY0NsQmhDLHVwRUFzREEsa3hERHpDWSxXQUFXLDJJQUFFLGdCQUFnQixxREFBRSx1QkFBdUIsNkRBQUUsbUJBQW1CLDhIQUFFLGlCQUFpQjs7NEZBSzdGLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsV0FBVyxFQUFFLGdCQUFnQixFQUFFLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixDQUFDOzswQkF3Q3RHLE1BQU07MkJBQUMsV0FBVzt5Q0FsQ1osT0FBTztzQkFBZixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksbUJBQW1CO3NCQUE1QixNQUFNO2dCQU91QixlQUFlO3NCQUE1QyxTQUFTO3VCQUFDLGlCQUFpQjtnQkFHNUIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWU7Z0JBUXpCLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxPQUFPO2dCQVNFLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBQTEFURk9STV9JRCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5ndUNhcm91c2VsLCBOZ3VDYXJvdXNlbENvbmZpZywgTmd1Q2Fyb3VzZWxEZWZEaXJlY3RpdmUsIE5ndUl0ZW1Db21wb25lbnQgfSBmcm9tICdAbmd1L2Nhcm91c2VsJztcclxuaW1wb3J0IHsgQ3VyYUFwaVNlcnZpY2UgfSBmcm9tICdAcmVkZWRvci9jdXJhLWFuZ3VsYXIvYXBpJztcclxuaW1wb3J0IHsgTmd1Q2Fyb3VzZWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xyXG5pbXBvcnQgeyBNZWRpYVF1ZXJpZXMgfSBmcm9tICcuLi8uLi9oZWxwZXJzL21lZGlhUXVlcmllcyc7XHJcbmltcG9ydCB7IFJkc2l0ZUxpbmtEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcclxuaW1wb3J0IHsgQ3RhV3JhcHBlciB9IGZyb20gJy4uLy4uL21vZGVscy9jdGEtd3JhcHBlci5tb2RlbCc7XHJcbmltcG9ydCB7IEN1cmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQHJlZGVkb3IvY3VyYS1hbmd1bGFyL2ljb25zL2N1cmEtaWNvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Jkc2l0ZS1jdGEtd3JhcHBlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmd1Q2Fyb3VzZWwsIE5ndUl0ZW1Db21wb25lbnQsIE5ndUNhcm91c2VsRGVmRGlyZWN0aXZlLCBSZHNpdGVMaW5rRGlyZWN0aXZlLCBDdXJhSWNvbkNvbXBvbmVudF0sXHJcblxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdGEtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2N0YS13cmFwcGVyLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEN0YVdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IEN0YVdyYXBwZXIgfCBudWxsID0gbnVsbDtcclxuICBASW5wdXQoKSBzaG93VGl0bGVBbmRUZXh0ID0gdHJ1ZTtcclxuICBASW5wdXQoKSBjb2xvcnM6IHsgYm9yZGVyOiBzdHJpbmc7IGljb246IHN0cmluZyB9ID0geyBib3JkZXI6ICdwcmltYXJ5LWJhc2UnLCBpY29uOiAncHJpbWFyeS1kYXJrJyB9O1xyXG5cclxuICBAT3V0cHV0KCkgQ3RhV3JhcHBlckl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY2Fyb3VzZWxDdGFzQ29uZmlnITogTmd1Q2Fyb3VzZWxDb25maWc7XHJcblxyXG4gIGJhbm5lckNvbnRyb2wgPSBmYWxzZTtcclxuICBzZWVNb3JlQ29udHJvbCA9IGZhbHNlO1xyXG5cclxuICBAVmlld0NoaWxkKCduZ3VDYXJvdXNlbEN0YXMnKSBuZ3VDYXJvdXNlbEN0YXMhOiBOZ3VDYXJvdXNlbDxhbnksIGFueT47XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxyXG4gIG9uV2luZG93UmVzaXplKCkge1xyXG4gICAgaWYgKGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCkpIHtcclxuICAgICAgdGhpcy5iYW5uZXJDb250cm9sID0gd2luZG93LmlubmVyV2lkdGggPiBNZWRpYVF1ZXJpZXMuc21hbGxCcmVha3BvaW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpXHJcbiAgZ2V0IHN0eWxlKCk6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0ge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgJy0tZm9udC1mYW1pbHknOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmZvbnRzLmdldEZhbWlseSgnJykgPz8gJycsXHJcbiAgICAgICctLWJvcmRlci1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKHRoaXMuY29sb3JzLmJvcmRlcikgPz8gJycsXHJcbiAgICAgICctLWljb24tY29sb3InOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcih0aGlzLmNvbG9ycy5pY29uKSA/PyAnJyxcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSBbJ3Jkc2l0ZS1jb250YWluZXInXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlOiBDdXJhQXBpU2VydmljZSxcclxuICAgIHByaXZhdGUgbmd1U2VydmljZTogTmd1Q2Fyb3VzZWxTZXJ2aWNlLFxyXG4gICAgQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSByZWFkb25seSBwbGF0Zm9ybUlkOiBvYmplY3QsXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmIChpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpKSB7XHJcbiAgICAgIHRoaXMuYmFubmVyQ29udHJvbCA9IHdpbmRvdy5pbm5lcldpZHRoID4gTWVkaWFRdWVyaWVzLnNtYWxsQnJlYWtwb2ludDtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmNhcm91c2VsQ3Rhc0NvbmZpZyA9IHRoaXMubmd1U2VydmljZS5jdXN0b21DYXJvdXNlbENvbmZpZyh7XHJcbiAgICAgIGdyaWQ6IHsgeHM6IDIuMSwgc206IDIuMSwgbWQ6IDIuMSwgbGc6IDIuMSwgYWxsOiAwIH0sXHJcbiAgICAgIGxvb3A6IHRydWUsXHJcbiAgICAgIGludGVydmFsOiB7XHJcbiAgICAgICAgdGltaW5nOiA2MDAwMDAsXHJcbiAgICAgICAgaW5pdGlhbERlbGF5OiA2MDAwMDAsXHJcbiAgICAgIH0sXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG1vcmVPcHRpb25zKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWVNb3JlQ29udHJvbCA9ICF0aGlzLnNlZU1vcmVDb250cm9sO1xyXG4gIH1cclxuXHJcbiAgY3RhV3JhcHBlckl0ZW1DbGlja2VkKGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5DdGFXcmFwcGVySXRlbUNsaWNrLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iLCJAaWYgKGNvbnRlbnQ/LmN0YXM/Lmxlbmd0aCkge1xyXG4gIEBpZiAoY29udGVudD8udGl0bGUgJiYgc2hvd1RpdGxlQW5kVGV4dCkge1xyXG4gICAgPGgzIGNsYXNzPVwiY3Rhcy10aXRsZVwiPnt7IGNvbnRlbnQ/LnRpdGxlIH19PC9oMz5cclxuICB9XHJcblxyXG4gIEBpZiAoY29udGVudD8udGV4dCAmJiBzaG93VGl0bGVBbmRUZXh0KSB7XHJcbiAgICA8cCBjbGFzcz1cImN0YXMtdGV4dFwiIFtpbm5lckhUTUxdPVwiY29udGVudD8udGV4dFwiPjwvcD5cclxuICB9XHJcblxyXG4gIEBpZiAoIXNlZU1vcmVDb250cm9sKSB7XHJcbiAgICA8bmF2IGNsYXNzPVwiY3Rhcy13cmFwcGVyXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLWN0YXMtd3JhcHBlclwiPlxyXG4gICAgICBAaWYgKCFiYW5uZXJDb250cm9sKSB7XHJcbiAgICAgICAgPG5ndS1jYXJvdXNlbCAjbmd1Q2Fyb3VzZWxDdGFzIFtpbnB1dHNdPVwiY2Fyb3VzZWxDdGFzQ29uZmlnXCIgW2RhdGFTb3VyY2VdPVwiY29udGVudD8uY3Rhc1wiPlxyXG4gICAgICAgICAgPG5ndS1pdGVtICpuZ3VDYXJvdXNlbERlZj1cImxldCBjdGE7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGEgcmRzaXRlbGluayBjbGFzcz1cImN0YVwiIFtocmVmXT1cImN0YT8ubGlua1wiIChjbGljayk9XCJjdGFXcmFwcGVySXRlbUNsaWNrZWQoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgIEBpZiAoY3RhPy5pY29uKSB7XHJcbiAgICAgICAgICAgICAgICA8Y3VyYS1pY29uIFtuYW1lXT1cImN0YT8uaWNvbiB8fCAnJ1wiIHNpemU9XCIyNFwiIFtjb2xvcl09XCJjb2xvcnMuaWNvblwiPjwvY3VyYS1pY29uPlxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICA8cD57eyBjdGE/LmxhYmVsIH19PC9wPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICA8L25ndS1pdGVtPlxyXG4gICAgICAgIDwvbmd1LWNhcm91c2VsPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2hvdy1tb3JlXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLWN0YXMtd3JhcHBlci1zaG93LW1vcmVcIj5cclxuICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJtb3JlT3B0aW9ucygpXCI+TWFpcyBvcMOnw7VlczwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9IEBlbHNlIHtcclxuICAgICAgICBAZm9yIChjdGEgb2YgY29udGVudD8uY3RhczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICBAaWYgKGN0YT8ubGFiZWwpIHtcclxuICAgICAgICAgICAgPGEgcmRzaXRlbGluayBjbGFzcz1cImN0YVwiIFtocmVmXT1cImN0YT8ubGlua1wiIChjbGljayk9XCJjdGFXcmFwcGVySXRlbUNsaWNrZWQoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgIEBpZiAoY3RhPy5pY29uKSB7XHJcbiAgICAgICAgICAgICAgICA8Y3VyYS1pY29uIFtuYW1lXT1cImN0YT8uaWNvbiB8fCAnJ1wiIHNpemU9XCIyNFwiIFtjb2xvcl09XCJjb2xvcnMuaWNvblwiPjwvY3VyYS1pY29uPlxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICA8cD57eyBjdGE/LmxhYmVsIH19PC9wPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICA8L25hdj5cclxuICB9IEBlbHNlIHtcclxuICAgIDxuYXYgY2xhc3M9XCJtb3JlLW9wdGlvbnNcIiBkYXRhLXRlc3RpZD1cIl9yZHNpdGUtY3Rhcy13cmFwcGVyLW1vcmUtb3B0aW9uc1wiPlxyXG4gICAgICBAZm9yIChjdGEgb2YgY29udGVudD8uY3RhczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgQGlmIChjdGE/LmxhYmVsKSB7XHJcbiAgICAgICAgICA8YSByZHNpdGVsaW5rIGNsYXNzPVwiY3RhXCIgW2hyZWZdPVwiY3RhPy5saW5rXCIgKGNsaWNrKT1cImN0YVdyYXBwZXJJdGVtQ2xpY2tlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIEBpZiAoY3RhPy5pY29uKSB7XHJcbiAgICAgICAgICAgICAgPGN1cmEtaWNvbiBbbmFtZV09XCJjdGE/Lmljb24gfHwgJydcIiBzaXplPVwiMjRcIiBbY29sb3JdPVwiY29sb3JzLmljb25cIj48L2N1cmEtaWNvbj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICA8cD57eyBjdGE/LmxhYmVsIH19PC9wPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgPC9uYXY+XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/components/dropdown-search/dropdown-search-category.component.mjs

@@ -0,0 +1,24 @@
+import { Component, HostBinding, inject } from '@angular/core';
+import { CuraApiService } from '@rededor/cura-angular/api';
+import { CuraHeadingComponent } from '@rededor/cura-angular/texts/cura-heading';
+import * as i0 from "@angular/core";
+export class RdsiteDropdownSearchCategoryComponent {
+    constructor() {
+        this.curaService = inject(CuraApiService);
+    }
+    get style() {
+        return {
+            '--neutral-light': this.curaService.theme.colors.getColor('neutral-light'),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteDropdownSearchCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RdsiteDropdownSearchCategoryComponent, isStandalone: true, selector: "rdsite-dropdown-search-category", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"component-container\">\r\n  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\" marginBlock=\"0\" lineHeight=\"1em\">\r\n    <ng-content></ng-content>\r\n  </cura-heading>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host(:last-child) .component-container{border-bottom:none!important}.component-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:12px 4px;border-bottom:1px solid var(--neutral-light)}\n"], dependencies: [{ kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteDropdownSearchCategoryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-dropdown-search-category', standalone: true, imports: [CuraHeadingComponent], template: "<div class=\"component-container\">\r\n  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\" marginBlock=\"0\" lineHeight=\"1em\">\r\n    <ng-content></ng-content>\r\n  </cura-heading>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host(:last-child) .component-container{border-bottom:none!important}.component-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:12px 4px;border-bottom:1px solid var(--neutral-light)}\n"] }]
+        }], propDecorators: { style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc2VhcmNoLWNhdGVnb3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24tc2VhcmNoL2Ryb3Bkb3duLXNlYXJjaC1jYXRlZ29yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLXNlYXJjaC9kcm9wZG93bi1zZWFyY2gtY2F0ZWdvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFTaEYsTUFBTSxPQUFPLHFDQUFxQztJQVBsRDtRQVFtQixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztLQU92RDtJQUxDLElBQTBCLEtBQUs7UUFDN0IsT0FBTztZQUNMLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1NBQzNFLENBQUM7SUFDSixDQUFDOytHQVBVLHFDQUFxQzttR0FBckMscUNBQXFDLDRJQ1hsRCx5TkFLQSwrVkRFWSxvQkFBb0I7OzRGQUluQixxQ0FBcUM7a0JBUGpELFNBQVM7K0JBQ0UsaUNBQWlDLGNBQy9CLElBQUksV0FDUCxDQUFDLG9CQUFvQixDQUFDOzhCQU9MLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXJhQXBpU2VydmljZSB9IGZyb20gJ0ByZWRlZG9yL2N1cmEtYW5ndWxhci9hcGknO1xyXG5pbXBvcnQgeyBDdXJhSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJ0ByZWRlZG9yL2N1cmEtYW5ndWxhci90ZXh0cy9jdXJhLWhlYWRpbmcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtZHJvcGRvd24tc2VhcmNoLWNhdGVnb3J5JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDdXJhSGVhZGluZ0NvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLXNlYXJjaC1jYXRlZ29yeS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2Ryb3Bkb3duLXNlYXJjaC1jYXRlZ29yeS5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZHNpdGVEcm9wZG93blNlYXJjaENhdGVnb3J5Q29tcG9uZW50IHtcclxuICBwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlID0gaW5qZWN0KEN1cmFBcGlTZXJ2aWNlKTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZSgpIHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgICctLW5ldXRyYWwtbGlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLnRoZW1lLmNvbG9ycy5nZXRDb2xvcignbmV1dHJhbC1saWdodCcpLFxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbXBvbmVudC1jb250YWluZXJcIj5cclxuICA8Y3VyYS1oZWFkaW5nIHNpemU9XCJ4c21hbGxcIiB3ZWlnaHQ9XCJib2xkXCIgY29sb3I9XCJuZXV0cmFsLWRhcmtcIiBtYXJnaW5CbG9jaz1cIjBcIiBsaW5lSGVpZ2h0PVwiMWVtXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9jdXJhLWhlYWRpbmc+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/dropdown-search/dropdown-search-not-found.component.mjs

@@ -0,0 +1,24 @@
+import { Component, ElementRef, EventEmitter, inject, Output } from '@angular/core';
+import { CuraHeadingComponent } from '@rededor/cura-angular/texts/cura-heading';
+import * as i0 from "@angular/core";
+export class RdsiteDropdownSearchNotFoundComponent {
+    constructor() {
+        this.actionclick = new EventEmitter();
+        this.host = inject((ElementRef));
+    }
+    handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.actionclick.emit();
+        this.host.nativeElement.dispatchEvent(new CustomEvent('rdsiteDropdownAction', { bubbles: true }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteDropdownSearchNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RdsiteDropdownSearchNotFoundComponent, isStandalone: true, selector: "rdsite-dropdown-search-not-found", outputs: { actionclick: "actionclick" }, ngImport: i0, template: "<div class=\"component-container\" (click)=\"handleClick($event)\">\r\n  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"error-dark\">\r\n    <ng-content></ng-content>\r\n  </cura-heading>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}.component-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:0 4px;border-bottom:none;cursor:default}\n"], dependencies: [{ kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteDropdownSearchNotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-dropdown-search-not-found', standalone: true, imports: [CuraHeadingComponent], template: "<div class=\"component-container\" (click)=\"handleClick($event)\">\r\n  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"error-dark\">\r\n    <ng-content></ng-content>\r\n  </cura-heading>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}.component-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:0 4px;border-bottom:none;cursor:default}\n"] }]
+        }], propDecorators: { actionclick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc2VhcmNoLW5vdC1mb3VuZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLXNlYXJjaC9kcm9wZG93bi1zZWFyY2gtbm90LWZvdW5kLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24tc2VhcmNoL2Ryb3Bkb3duLXNlYXJjaC1ub3QtZm91bmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMENBQTBDLENBQUM7O0FBU2hGLE1BQU0sT0FBTyxxQ0FBcUM7SUFQbEQ7UUFRWSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFaEMsU0FBSSxHQUFHLE1BQU0sQ0FBQyxDQUFBLFVBQXVCLENBQUEsQ0FBQyxDQUFDO0tBUXpEO0lBTkMsV0FBVyxDQUFDLEtBQVk7UUFDdEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxzQkFBc0IsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDcEcsQ0FBQzsrR0FWVSxxQ0FBcUM7bUdBQXJDLHFDQUFxQyxxSUNWbEQsa05BS0EsNFFEQ1ksb0JBQW9COzs0RkFJbkIscUNBQXFDO2tCQVBqRCxTQUFTOytCQUNFLGtDQUFrQyxjQUNoQyxJQUFJLFdBQ1AsQ0FBQyxvQkFBb0IsQ0FBQzs4QkFLckIsV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXJhSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJ0ByZWRlZG9yL2N1cmEtYW5ndWxhci90ZXh0cy9jdXJhLWhlYWRpbmcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtZHJvcGRvd24tc2VhcmNoLW5vdC1mb3VuZCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ3VyYUhlYWRpbmdDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1zZWFyY2gtbm90LWZvdW5kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZHJvcGRvd24tc2VhcmNoLW5vdC1mb3VuZC5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZHNpdGVEcm9wZG93blNlYXJjaE5vdEZvdW5kQ29tcG9uZW50IHtcclxuICBAT3V0cHV0KCkgYWN0aW9uY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgaG9zdCA9IGluamVjdChFbGVtZW50UmVmPEhUTUxFbGVtZW50Pik7XHJcblxyXG4gIGhhbmRsZUNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5hY3Rpb25jbGljay5lbWl0KCk7XHJcbiAgICB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5kaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgncmRzaXRlRHJvcGRvd25BY3Rpb24nLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29tcG9uZW50LWNvbnRhaW5lclwiIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCI+XHJcbiAgPGN1cmEtaGVhZGluZyBzaXplPVwieHNtYWxsXCIgd2VpZ2h0PVwiYm9sZFwiIGNvbG9yPVwiZXJyb3ItZGFya1wiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvY3VyYS1oZWFkaW5nPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/components/dropdown-search/dropdown-search-option.component.mjs

@@ -0,0 +1,65 @@
+import { Component, ElementRef, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core';
+import { CuraApiService } from '@rededor/cura-angular/api';
+import * as i0 from "@angular/core";
+export class RdsiteDropdownSearchOptionComponent {
+    constructor() {
+        this.selectable = true;
+        this.selected = false;
+        this.highlighted = false;
+        this.actionclick = new EventEmitter();
+        this.selectoption = new EventEmitter();
+        this.host = inject((ElementRef));
+        this.curaService = inject(CuraApiService);
+    }
+    get style() {
+        return {
+            '--neutral-light': this.curaService.theme.colors.getColor('neutral-light'),
+            '--neutral-white': this.curaService.theme.colors.getColor('neutral-white'),
+            '--neutral-dark': this.curaService.theme.colors.getColor('neutral-dark'),
+            '--neutral-black': this.curaService.theme.colors.getColor('neutral-black'),
+            '--primary-lighter-50': this.curaService.theme.colors.getColor('primary-lighter', 0.5),
+            '--primary-light': this.curaService.theme.colors.getColor('primary-light'),
+            '--primary': this.curaService.theme.colors.getColor('primary-base'),
+        };
+    }
+    handleSelect() {
+        if (this.selectable) {
+            this.selectoption.emit(this.optionid);
+            this.host.nativeElement.dispatchEvent(new CustomEvent('rdsiteDropdownSelect', { bubbles: true, detail: this.optionid }));
+        }
+        else {
+            this.actionclick.emit();
+            this.host.nativeElement.dispatchEvent(new CustomEvent('rdsiteDropdownAction', { bubbles: true }));
+        }
+    }
+    handleActionsClick() {
+        this.actionclick.emit();
+        this.host.nativeElement.dispatchEvent(new CustomEvent('rdsiteDropdownAction', { bubbles: true }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteDropdownSearchOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RdsiteDropdownSearchOptionComponent, isStandalone: true, selector: "rdsite-dropdown-search-option", inputs: { value: "value", optionid: "optionid", selectable: "selectable", selected: "selected", highlighted: "highlighted" }, outputs: { actionclick: "actionclick", selectoption: "selectoption" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"component-container\" [class.selected]=\"selected\" [class.highlighted]=\"highlighted\" [class.not-selectable]=\"!selectable\">\r\n  <div class=\"selectable-container\" (click)=\"handleSelect()\">\r\n    <ng-content select=\"[image]\"></ng-content>\r\n    <div class=\"content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n  <div class=\"actions-container\" (click)=\"handleActionsClick()\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host(:last-child) .component-container{border-bottom:none!important}.component-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:0 4px;border-bottom:1px solid var(--neutral-light);transition:background-color .15s linear}.component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),.component-container:not(.selected):not(.not-selectable).highlighted{background-color:var(--neutral-white)}.selectable-container{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:12px 0;min-height:40px;min-width:0;gap:4px;cursor:pointer}.selectable-container .content{flex:1;min-width:0;padding-right:4px}.selected{background-color:var(--primary-lighter-50);border-bottom-color:var(--primary-light)}.selected .selectable-container{cursor:default}.actions-container{display:flex}.not-selectable .selectable-container{cursor:default}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteDropdownSearchOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-dropdown-search-option', standalone: true, template: "<div class=\"component-container\" [class.selected]=\"selected\" [class.highlighted]=\"highlighted\" [class.not-selectable]=\"!selectable\">\r\n  <div class=\"selectable-container\" (click)=\"handleSelect()\">\r\n    <ng-content select=\"[image]\"></ng-content>\r\n    <div class=\"content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n  <div class=\"actions-container\" (click)=\"handleActionsClick()\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host(:last-child) .component-container{border-bottom:none!important}.component-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding:0 4px;border-bottom:1px solid var(--neutral-light);transition:background-color .15s linear}.component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),.component-container:not(.selected):not(.not-selectable).highlighted{background-color:var(--neutral-white)}.selectable-container{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:12px 0;min-height:40px;min-width:0;gap:4px;cursor:pointer}.selectable-container .content{flex:1;min-width:0;padding-right:4px}.selected{background-color:var(--primary-lighter-50);border-bottom-color:var(--primary-light)}.selected .selectable-container{cursor:default}.actions-container{display:flex}.not-selectable .selectable-container{cursor:default}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], optionid: [{
+                type: Input,
+                args: [{ required: true }]
+            }], selectable: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], highlighted: [{
+                type: Input
+            }], actionclick: [{
+                type: Output
+            }], selectoption: [{
+                type: Output
+            }], style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc2VhcmNoLW9wdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLXNlYXJjaC9kcm9wZG93bi1zZWFyY2gtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24tc2VhcmNoL2Ryb3Bkb3duLXNlYXJjaC1vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBUTNELE1BQU0sT0FBTyxtQ0FBbUM7SUFOaEQ7UUFTVyxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFbkIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3ZDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVuQyxTQUFJLEdBQUcsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUM7UUFDdkMsZ0JBQVcsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7S0E0QnZEO0lBMUJDLElBQTBCLEtBQUs7UUFDN0IsT0FBTztZQUNMLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzFFLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzFFLGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQ3hFLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzFFLHNCQUFzQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsaUJBQWlCLEVBQUUsR0FBRyxDQUFDO1lBQ3RGLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztTQUNwRSxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdEMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLHNCQUFzQixFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMzSCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLHNCQUFzQixFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNwRyxDQUFDO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxzQkFBc0IsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDcEcsQ0FBQzsrR0F0Q1UsbUNBQW1DO21HQUFuQyxtQ0FBbUMsK1VDVGhELDJmQVdBOzs0RkRGYSxtQ0FBbUM7a0JBTi9DLFNBQVM7K0JBQ0UsK0JBQStCLGNBQzdCLElBQUk7OEJBS1csS0FBSztzQkFBL0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBbEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFLbUIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3VyYUFwaVNlcnZpY2UgfSBmcm9tICdAcmVkZWRvci9jdXJhLWFuZ3VsYXIvYXBpJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncmRzaXRlLWRyb3Bkb3duLXNlYXJjaC1vcHRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLXNlYXJjaC1vcHRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9kcm9wZG93bi1zZWFyY2gtb3B0aW9uLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFJkc2l0ZURyb3Bkb3duU2VhcmNoT3B0aW9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB2YWx1ZSE6IHN0cmluZztcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBvcHRpb25pZCE6IHN0cmluZztcclxuICBASW5wdXQoKSBzZWxlY3RhYmxlID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZ2hsaWdodGVkID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBhY3Rpb25jbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgc2VsZWN0b3B0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgaG9zdCA9IGluamVjdChFbGVtZW50UmVmPEhUTUxFbGVtZW50Pik7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZSA9IGluamVjdChDdXJhQXBpU2VydmljZSk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGUoKSB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAnLS1uZXV0cmFsLWxpZ2h0JzogdGhpcy5jdXJhU2VydmljZS50aGVtZS5jb2xvcnMuZ2V0Q29sb3IoJ25ldXRyYWwtbGlnaHQnKSxcclxuICAgICAgJy0tbmV1dHJhbC13aGl0ZSc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCduZXV0cmFsLXdoaXRlJyksXHJcbiAgICAgICctLW5ldXRyYWwtZGFyayc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCduZXV0cmFsLWRhcmsnKSxcclxuICAgICAgJy0tbmV1dHJhbC1ibGFjayc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCduZXV0cmFsLWJsYWNrJyksXHJcbiAgICAgICctLXByaW1hcnktbGlnaHRlci01MCc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCdwcmltYXJ5LWxpZ2h0ZXInLCAwLjUpLFxyXG4gICAgICAnLS1wcmltYXJ5LWxpZ2h0JzogdGhpcy5jdXJhU2VydmljZS50aGVtZS5jb2xvcnMuZ2V0Q29sb3IoJ3ByaW1hcnktbGlnaHQnKSxcclxuICAgICAgJy0tcHJpbWFyeSc6IHRoaXMuY3VyYVNlcnZpY2UudGhlbWUuY29sb3JzLmdldENvbG9yKCdwcmltYXJ5LWJhc2UnKSxcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBoYW5kbGVTZWxlY3QoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5zZWxlY3RhYmxlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0b3B0aW9uLmVtaXQodGhpcy5vcHRpb25pZCk7XHJcbiAgICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCdyZHNpdGVEcm9wZG93blNlbGVjdCcsIHsgYnViYmxlczogdHJ1ZSwgZGV0YWlsOiB0aGlzLm9wdGlvbmlkIH0pKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuYWN0aW9uY2xpY2suZW1pdCgpO1xyXG4gICAgICB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5kaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgncmRzaXRlRHJvcGRvd25BY3Rpb24nLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlQWN0aW9uc0NsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3Rpb25jbGljay5lbWl0KCk7XHJcbiAgICB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5kaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgncmRzaXRlRHJvcGRvd25BY3Rpb24nLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29tcG9uZW50LWNvbnRhaW5lclwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtjbGFzcy5oaWdobGlnaHRlZF09XCJoaWdobGlnaHRlZFwiIFtjbGFzcy5ub3Qtc2VsZWN0YWJsZV09XCIhc2VsZWN0YWJsZVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzZWxlY3RhYmxlLWNvbnRhaW5lclwiIChjbGljayk9XCJoYW5kbGVTZWxlY3QoKVwiPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ltYWdlXVwiPjwvbmctY29udGVudD5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJhY3Rpb25zLWNvbnRhaW5lclwiIChjbGljayk9XCJoYW5kbGVBY3Rpb25zQ2xpY2soKVwiPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjdGlvbnNdXCI+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19