@rededor/site-front-end-lib 0.0.63 → 0.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/cards/expandable-card/expandable-card.component.mjs +65 -0
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +7 -4
- package/esm2022/lib/models/section-navigation.model.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +66 -4
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/cards/expandable-card/expandable-card.component.d.ts +27 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/section-navigation/section-navigation.component.d.ts +6 -6
- package/lib/models/section-navigation.model.d.ts +4 -4
- package/package.json +1 -1
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
+
import { RdsiteLinkDirective } from '../../../directives';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "../../../services";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
export class ExpandableCardComponent {
|
|
8
|
+
constructor(curaService) {
|
|
9
|
+
this.curaService = curaService;
|
|
10
|
+
this.opened = false;
|
|
11
|
+
this.label = '';
|
|
12
|
+
this.badgeLabel = '';
|
|
13
|
+
this.openIcon = 'plus';
|
|
14
|
+
this.closeIcon = 'minus';
|
|
15
|
+
this.url = '';
|
|
16
|
+
this.disabled = false;
|
|
17
|
+
this.toggle = new EventEmitter();
|
|
18
|
+
this.styleBinding = {
|
|
19
|
+
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
20
|
+
'--neutral-base': this.curaService.getColor('neutral-base'),
|
|
21
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
22
|
+
'--color-one-dark': this.curaService.getColor('primary-dark'),
|
|
23
|
+
};
|
|
24
|
+
this.classes = [];
|
|
25
|
+
}
|
|
26
|
+
ngOnChanges() {
|
|
27
|
+
this.checkDisabledCard();
|
|
28
|
+
}
|
|
29
|
+
toggleCard() {
|
|
30
|
+
this.opened = !this.opened;
|
|
31
|
+
this.toggle.emit(this.opened);
|
|
32
|
+
}
|
|
33
|
+
checkDisabledCard() {
|
|
34
|
+
this.classes = this.disabled ? ['disabled'] : [];
|
|
35
|
+
}
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
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", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (url) {\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\n {{ label }}\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\n } @else {\n <h4 class=\"card-label\">{{ label }}</h4>\n }\n\n @if (badgeLabel) {\n <cura-badge-pill type=\"solid\" color=\"primary\">\n {{ badgeLabel }}\n </cura-badge-pill>\n }\n\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\n</div>\n\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\n <ng-content></ng-content>\n</div>\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:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:300vh;overflow-y:auto;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";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"] }] }); }
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (url) {\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\n {{ label }}\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\n } @else {\n <h4 class=\"card-label\">{{ label }}</h4>\n }\n\n @if (badgeLabel) {\n <cura-badge-pill type=\"solid\" color=\"primary\">\n {{ badgeLabel }}\n </cura-badge-pill>\n }\n\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\n</div>\n\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\n <ng-content></ng-content>\n</div>\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:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:300vh;overflow-y:auto;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
42
|
+
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { opened: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], label: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], badgeLabel: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], openIcon: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], closeIcon: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], url: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], disabled: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], toggle: [{
|
|
57
|
+
type: Output
|
|
58
|
+
}], styleBinding: [{
|
|
59
|
+
type: HostBinding,
|
|
60
|
+
args: ['style']
|
|
61
|
+
}], classes: [{
|
|
62
|
+
type: HostBinding,
|
|
63
|
+
args: ['class']
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZHMvZXhwYW5kYWJsZS1jYXJkL2V4cGFuZGFibGUtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL2V4cGFuZGFibGUtY2FyZC9leHBhbmRhYmxlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkgsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBVS9DLE1BQU0sT0FBTyx1QkFBdUI7SUFvQmxDLFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBbkI1QyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsY0FBUyxHQUFXLE9BQU8sQ0FBQztRQUM1QixRQUFHLEdBQVcsRUFBRSxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFaEIsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRWhELGlCQUFZLEdBQUc7WUFDbkMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzdELGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztZQUMzRCxxQkFBcUIsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQztZQUNyRSxrQkFBa0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7U0FDOUQsQ0FBQztRQUVvQixZQUFPLEdBQWEsRUFBRSxDQUFDO0lBRVcsQ0FBQztJQUV6RCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ25ELENBQUM7K0dBakNVLHVCQUF1QjttR0FBdkIsdUJBQXVCLCtXQ2JwQyxrc0JBc0JBLCs0Q0RkWSxZQUFZLDZIQUFFLG1CQUFtQjs7NEZBS2hDLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLFdBQ25DLENBQUMsc0JBQXNCLENBQUM7Z0ZBS3hCLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUVlLFlBQVk7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTztnQkFPRSxPQUFPO3NCQUE1QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBSZHNpdGVMaW5rRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyZHNpdGUtZXhwYW5kYWJsZS1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUmRzaXRlTGlua0RpcmVjdGl2ZV0sXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGFibGUtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuZGFibGUtY2FyZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIG9wZW5lZCA9IGZhbHNlO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGJhZGdlTGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBvcGVuSWNvbjogc3RyaW5nID0gJ3BsdXMnO1xuICBASW5wdXQoKSBjbG9zZUljb246IHN0cmluZyA9ICdtaW51cyc7XG4gIEBJbnB1dCgpIHVybDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIHRvZ2dsZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZUJpbmRpbmcgPSB7XG4gICAgJy0tbmV1dHJhbC1saWdodCc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtbGlnaHQnKSxcbiAgICAnLS1uZXV0cmFsLWJhc2UnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWJhc2UnKSxcbiAgICAnLS1uZXV0cmFsLXB1cmV3aGl0ZSc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtcHVyZXdoaXRlJyksXG4gICAgJy0tY29sb3Itb25lLWRhcmsnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWRhcmsnKSxcbiAgfTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlOiBDdXJhU2VydmljZSkge31cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrRGlzYWJsZWRDYXJkKCk7XG4gIH1cblxuICB0b2dnbGVDYXJkKCkge1xuICAgIHRoaXMub3BlbmVkID0gIXRoaXMub3BlbmVkO1xuICAgIHRoaXMudG9nZ2xlLmVtaXQodGhpcy5vcGVuZWQpO1xuICB9XG5cbiAgY2hlY2tEaXNhYmxlZENhcmQoKSB7XG4gICAgdGhpcy5jbGFzc2VzID0gdGhpcy5kaXNhYmxlZCA/IFsnZGlzYWJsZWQnXSA6IFtdO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXJcIiBbbmdDbGFzc109XCJ7IG5vQmFkZ2U6ICFiYWRnZUxhYmVsIH1cIiAoY2xpY2spPVwidG9nZ2xlQ2FyZCgpXCI+XG4gIEBpZiAodXJsKSB7XG4gICAgPGEgcmRzaXRlbGluayBjbGFzcz1cImNhcmQtbGFiZWwtbGlua1wiIFtocmVmXT1cInVybFwiPlxuICAgICAge3sgbGFiZWwgfX1cbiAgICAgIDxjdXJhLWljb24gbmFtZT1cImxpbmtFeHRlcm5hbFwiIGNvbG9yPVwicHJpbWFyeS1kYXJrXCIgc2l6ZT1cIjE2XCI+PC9jdXJhLWljb24+XG4gICAgPC9hPlxuICB9IEBlbHNlIHtcbiAgICA8aDQgY2xhc3M9XCJjYXJkLWxhYmVsXCI+e3sgbGFiZWwgfX08L2g0PlxuICB9XG5cbiAgQGlmIChiYWRnZUxhYmVsKSB7XG4gICAgPGN1cmEtYmFkZ2UtcGlsbCB0eXBlPVwic29saWRcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgIHt7IGJhZGdlTGFiZWwgfX1cbiAgICA8L2N1cmEtYmFkZ2UtcGlsbD5cbiAgfVxuXG4gIDxjdXJhLWljb24gW2F0dHIubmFtZV09XCJvcGVuZWQgPyBjbG9zZUljb24gOiBvcGVuSWNvblwiIGNvbG9yPVwicHJpbWFyeS1kYXJrXCIgc2l6ZT1cIjIwXCI+PC9jdXJhLWljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImNhcmQtY29udGVudFwiIFtuZ0NsYXNzXT1cInsgb3BlbmVkOiBvcGVuZWQgfVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -37,4 +37,5 @@ export * from './filter-letter-and-terms/filter-letter-and-terms.component';
|
|
|
37
37
|
export * from './section-navigation/section-navigation.component';
|
|
38
38
|
export * from './image/image.component';
|
|
39
39
|
export * from './cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component';
|
|
40
|
-
|
|
40
|
+
export * from './cards/expandable-card/expandable-card.component';
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGFBQWE7QUFDYixjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMseUVBQXlFLENBQUM7QUFDeEYsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLHlFQUF5RSxDQUFDO0FBQ3hGLGNBQWMsMkZBQTJGLENBQUM7QUFDMUcsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsMkVBQTJFLENBQUM7QUFDMUYsY0FBYyw2RkFBNkYsQ0FBQztBQUM1RyxjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsMkVBQTJFLENBQUM7QUFDMUYsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG9FQUFvRSxDQUFDO0FBQ25GLGNBQWMsZ0ZBQWdGLENBQUM7QUFDL0YsY0FBYyxnRkFBZ0YsQ0FBQztBQUMvRixjQUFjLDBFQUEwRSxDQUFDO0FBQ3pGLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0VBQStFLENBQUM7QUFDOUYsY0FBYyxtREFBbUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mb290ZXIvY29tcG9uZW50cy9mb290ZXItZGlzY2xhaW1lci9mb290ZXItZGlzY2xhaW1lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mb290ZXIvY29tcG9uZW50cy9mb290ZXItbWVudS9mb290ZXItbWVudS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mb290ZXIvY29tcG9uZW50cy9mb290ZXItbWVudS1pdGVtL2Zvb3Rlci1tZW51LWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZm9vdGVyL2NvbXBvbmVudHMvZm9vdGVyLXNvY2lhbC1tZWRpYXMvZm9vdGVyLXNvY2lhbC1tZWRpYXMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaGVhZGVyL2hlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9oZWFkZXIvY29tcG9uZW50cy9oZWFkZXItYWN0aW9uLW1lbnUvaGVhZGVyLWFjdGlvbi1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1hdXgtbWVudS9oZWFkZXItYXV4LW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaGVhZGVyL2NvbXBvbmVudHMvaGVhZGVyLWF1eC1tZW51LWNvbnRhaW5lci9oZWFkZXItYXV4LW1lbnUtY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1hdXgtbWVudS1pdGVtL2hlYWRlci1hdXgtbWVudS1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1hdXgtbWVudS1pdGVtLWRyb3Bkb3duL2hlYWRlci1hdXgtbWVudS1pdGVtLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1sb2dvL2hlYWRlci1sb2dvLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1tYWluLW1lbnUvaGVhZGVyLW1haW4tbWVudS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9oZWFkZXIvY29tcG9uZW50cy9oZWFkZXItbWFpbi1tZW51LWl0ZW0vaGVhZGVyLW1haW4tbWVudS1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1tYWluLW1lbnUtaXRlbS1kcm9wZG93bi9oZWFkZXItbWFpbi1tZW51LWl0ZW0tZHJvcGRvd24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaGVhZGVyL2NvbXBvbmVudHMvaGVhZGVyLXNpZGUtbWVudS9oZWFkZXItc2lkZS1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jb21wb25lbnRzL2hlYWRlci1zaWRlLW1lbnUtaXRlbS9oZWFkZXItc2lkZS1tZW51LWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbG9hZC1zY3JlZW4vbG9hZC1zY3JlZW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmxheS9vdmVybGF5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NlYXJjaC9zZWFyY2guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2lkZS1jdGFzL3NpZGUtY3Rhcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zaWRlLWN0YXMvY29tcG9uZW50cy9zaWRlLWN0YXMtYm90dG9tL3NpZGUtY3Rhcy1ib3R0b20uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2lkZS1jdGFzL2NvbXBvbmVudHMvc2lkZS1jdGFzLXJpZ2h0LWJvdHRvbS9zaWRlLWN0YXMtcmlnaHQtYm90dG9tLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1yaWdodC1taWRkbGUvc2lkZS1jdGFzLXJpZ2h0LW1pZGRsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zaWRlLWN0YXMvY29tcG9uZW50cy9zaWRlLWN0YXMtcmlnaHQtdG9wL3NpZGUtY3Rhcy1yaWdodC10b3AuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vd2hhdHNhcHAvd2hhdHNhcHAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYWxnb2xpYS9hbGdvbGlhLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Vycm9yL2Vycm9yLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Vycm9yL2Vycm9yLXNlcnZpY2UvZXJyb3Iuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2N0YS13cmFwcGVyL2N0YS13cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVycy9maWx0ZXItcGxhbm9zLWNvbnZlbmlvcy9maWx0ZXItcGxhbm9zLWNvbnZlbmlvcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zZWN0aW9uLW5hdmlnYXRpb24vc2VjdGlvbi1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ltYWdlL2ltYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NhcmRzL2NhcmQtdW5pZGFkZS1wbGFub3MtY29udmVuaW9zL2NhcmQtdW5pZGFkZS1wbGFub3MtY29udmVuaW9zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NhcmRzL2V4cGFuZGFibGUtY2FyZC9leHBhbmRhYmxlLWNhcmQuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -42,18 +42,21 @@ export class SectionNavigationComponent {
|
|
|
42
42
|
}
|
|
43
43
|
onSectionClick(section) {
|
|
44
44
|
const config = this.config();
|
|
45
|
-
|
|
45
|
+
if (!config) {
|
|
46
|
+
throw new Error('navigationConfig é obrigatório.');
|
|
47
|
+
}
|
|
48
|
+
const success = this.scrollService.scrollToElement(section.id, config.offsetTop, config.smoothScroll);
|
|
46
49
|
if (success) {
|
|
47
50
|
this.activeSection.set(section.id);
|
|
48
51
|
this.sectionChange.emit(section);
|
|
49
52
|
}
|
|
50
53
|
}
|
|
51
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "rdsite-section-navigation", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
53
56
|
}
|
|
54
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
55
58
|
type: Component,
|
|
56
|
-
args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:
|
|
59
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
|
|
57
60
|
}], ctorParameters: () => [], propDecorators: { navigationSections: [{
|
|
58
61
|
type: Input,
|
|
59
62
|
args: [{ required: true }]
|
|
@@ -64,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
64
67
|
}], sectionChange: [{
|
|
65
68
|
type: Output
|
|
66
69
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvc2VjdGlvbi1uYXZpZ2F0aW9uL3NlY3Rpb24tbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tbmF2aWdhdGlvbi9zZWN0aW9uLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQVksTUFBTSxFQUFVLE1BQU0sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6SSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVL0QsTUFBTSxPQUFPLDBCQUEwQjtJQVFyQyxJQUNJLGtCQUFrQixDQUFDLEtBQThCO1FBQ25ELElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDbkIsTUFBTSxJQUFJLEtBQUssQ0FBQywyREFBMkQsQ0FBQyxDQUFDO1FBQy9FLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV6QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxnQkFBZ0IsQ0FBQyxLQUE4QjtRQUNqRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBUUQ7UUE5QmlCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3RDLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTFDLGFBQVEsR0FBRyxNQUFNLENBQTBCLEVBQUUsQ0FBQyxDQUFDO1FBQy9DLFdBQU0sR0FBRyxNQUFNLENBQXNDLFNBQVMsQ0FBQyxDQUFDO1FBQ2hFLGtCQUFhLEdBQUcsTUFBTSxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBb0I1QyxjQUFTLEdBQUcsaUJBQWlCLENBQUM7UUFHOUIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztRQUd4RCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2pDLElBQUksUUFBUSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO2dCQUM3QyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDekMsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNyQixNQUFNLElBQUksS0FBSyxDQUFDLDJEQUEyRCxDQUFDLENBQUM7UUFDL0UsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsT0FBOEI7UUFDM0MsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLE1BQU0sSUFBSSxLQUFLLENBQUMsaUNBQWlDLENBQUMsQ0FBQztRQUNyRCxDQUFDO1FBQ0QsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUV0RyxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDOytHQTlEVSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwyUENkdkMsczNDQXdDQSw0bkJEL0JZLFlBQVk7OzRGQUtYLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFdBQ2QsQ0FBQyxzQkFBc0IsQ0FBQzt3REFhN0Isa0JBQWtCO3NCQURyQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFhckIsZ0JBQWdCO3NCQURuQixLQUFLO2dCQU1OLFNBQVM7c0JBRFIsS0FBSztnQkFJTixhQUFhO3NCQURaLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgc2lnbmFsLCBjb21wdXRlZCwgZWZmZWN0LCBPbkluaXQsIGluamVjdCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNlY3Rpb25OYXZpZ2F0aW9uRGF0YSwgU2VjdGlvbk5hdmlnYXRpb25Db25maWcgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2VjdGlvbi1uYXZpZ2F0aW9uLm1vZGVsJztcbmltcG9ydCB7IFNjcm9sbFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zY3JvbGwtc2VydmljZS9zY3JvbGwtc2VydmljZS5zZXJ2aWNlJztcbmltcG9ydCB7IEN1cmFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvY3VyYS9jdXJhLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYXZbcmRzaXRlLXNlY3Rpb24tbmF2aWdhdGlvbl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VjdGlvbi1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NlY3Rpb24tbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNlY3Rpb25OYXZpZ2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBzY3JvbGxTZXJ2aWNlID0gaW5qZWN0KFNjcm9sbFNlcnZpY2UpO1xuICBwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlID0gaW5qZWN0KEN1cmFTZXJ2aWNlKTtcblxuICByZWFkb25seSBzZWN0aW9ucyA9IHNpZ25hbDxTZWN0aW9uTmF2aWdhdGlvbkRhdGFbXT4oW10pO1xuICByZWFkb25seSBjb25maWcgPSBzaWduYWw8U2VjdGlvbk5hdmlnYXRpb25Db25maWcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGFjdGl2ZVNlY3Rpb24gPSBzaWduYWw8c3RyaW5nPignJyk7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgc2V0IG5hdmlnYXRpb25TZWN0aW9ucyh2YWx1ZTogU2VjdGlvbk5hdmlnYXRpb25EYXRhW10pIHtcbiAgICBpZiAoIXZhbHVlPy5sZW5ndGgpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTyBTZWN0aW9uTmF2aWdhdGlvbkNvbXBvbmVudCByZXF1ZXIgcGVsbyBtZW5vcyB1bWEgc2XDp8Ojby4nKTtcbiAgICB9XG4gICAgdGhpcy5zZWN0aW9ucy5zZXQodmFsdWUpO1xuXG4gICAgaWYgKCF0aGlzLmFjdGl2ZVNlY3Rpb24oKSkge1xuICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldCh2YWx1ZVswXS5pZCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IG5hdmlnYXRpb25Db25maWcodmFsdWU6IFNlY3Rpb25OYXZpZ2F0aW9uQ29uZmlnKSB7XG4gICAgdGhpcy5jb25maWcuc2V0KHZhbHVlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGFyaWFMYWJlbCA9ICdQYWdlIE5hdmlnYXRpb24nO1xuXG4gIEBPdXRwdXQoKVxuICBzZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxTZWN0aW9uTmF2aWdhdGlvbkRhdGE+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IHNlY3Rpb25zID0gdGhpcy5zZWN0aW9ucygpO1xuICAgICAgaWYgKHNlY3Rpb25zLmxlbmd0aCAmJiAhdGhpcy5hY3RpdmVTZWN0aW9uKCkpIHtcbiAgICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldChzZWN0aW9uc1swXS5pZCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBzZWN0aW9ucyA9IHRoaXMuc2VjdGlvbnMoKTtcbiAgICBpZiAoIXNlY3Rpb25zLmxlbmd0aCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdPIFNlY3Rpb25OYXZpZ2F0aW9uQ29tcG9uZW50IHJlcXVlciBwZWxvIG1lbm9zIHVtYSBzZcOnw6NvLicpO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5hY3RpdmVTZWN0aW9uKCkpIHtcbiAgICAgIHRoaXMuYWN0aXZlU2VjdGlvbi5zZXQoc2VjdGlvbnNbMF0uaWQpO1xuICAgIH1cbiAgfVxuXG4gIG9uU2VjdGlvbkNsaWNrKHNlY3Rpb246IFNlY3Rpb25OYXZpZ2F0aW9uRGF0YSk6IHZvaWQge1xuICAgIGNvbnN0IGNvbmZpZyA9IHRoaXMuY29uZmlnKCk7XG4gICAgaWYgKCFjb25maWcpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignbmF2aWdhdGlvbkNvbmZpZyDDqSBvYnJpZ2F0w7NyaW8uJyk7XG4gICAgfVxuICAgIGNvbnN0IHN1Y2Nlc3MgPSB0aGlzLnNjcm9sbFNlcnZpY2Uuc2Nyb2xsVG9FbGVtZW50KHNlY3Rpb24uaWQsIGNvbmZpZy5vZmZzZXRUb3AsIGNvbmZpZy5zbW9vdGhTY3JvbGwpO1xuXG4gICAgaWYgKHN1Y2Nlc3MpIHtcbiAgICAgIHRoaXMuYWN0aXZlU2VjdGlvbi5zZXQoc2VjdGlvbi5pZCk7XG4gICAgICB0aGlzLnNlY3Rpb25DaGFuZ2UuZW1pdChzZWN0aW9uKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJyZHNpdGUtc2VjdGlvbi1uYXZpZ2F0aW9uXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIiBbc3R5bGUudG9wLnB4XT1cImNvbmZpZygpPy5vZmZzZXRUb3AgfHwgMFwiPlxuICA8dWwgY2xhc3M9XCJyZHNpdGUtc2VjdGlvbi1uYXZpZ2F0aW9uLW1lbnVcIiByb2xlPVwibWVudWJhclwiPlxuICAgIEBmb3IgKHNlY3Rpb24gb2Ygc2VjdGlvbnMoKTsgdHJhY2sgc2VjdGlvbi5pZCkge1xuICAgICAgPGxpIHJvbGU9XCJub25lXCI+XG4gICAgICAgIEBpZiAoYWN0aXZlU2VjdGlvbigpID09PSBzZWN0aW9uLmlkKSB7XG4gICAgICAgICAgPGN1cmEtYnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgZm9udC1jb2xvcj1cImxpZ2h0XCJcbiAgICAgICAgICAgIHRhcmdldD1cIl9zZWxmXCJcbiAgICAgICAgICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgICAgICAgICBbaWRdPVwiJ25hdi0nICsgc2VjdGlvbi5pZFwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiJ3BhZ2UnXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvblNlY3Rpb25DbGljayhzZWN0aW9uKVwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidOYXZpZ2F0ZSB0byAnICsgc2VjdGlvbi50aXRsZVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgc2VjdGlvbi50aXRsZSB9fVxuICAgICAgICAgIDwvY3VyYS1idXR0b24+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxjdXJhLWJ1dHRvbi10cmFuc3BhcmVudFxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIGZvbnQtY29sb3I9XCJkYXJrXCJcbiAgICAgICAgICAgIHRhcmdldD1cIl9zZWxmXCJcbiAgICAgICAgICAgIHRleHQtYWxpZ249XCJjZW50ZXJcIlxuICAgICAgICAgICAgcm9sZT1cIm1lbnVpdGVtXCJcbiAgICAgICAgICAgIFtpZF09XCInbmF2LScgKyBzZWN0aW9uLmlkXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtY3VycmVudF09XCJudWxsXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvblNlY3Rpb25DbGljayhzZWN0aW9uKVwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidOYXZpZ2F0ZSB0byAnICsgc2VjdGlvbi50aXRsZVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgc2VjdGlvbi50aXRsZSB9fVxuICAgICAgICAgIDwvY3VyYS1idXR0b24tdHJhbnNwYXJlbnQ+XG4gICAgICAgIH1cbiAgICAgIDwvbGk+XG4gICAgfVxuICA8L3VsPlxuPC9uYXY+XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1uYXZpZ2F0aW9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvbW9kZWxzL3NlY3Rpb24tbmF2aWdhdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTZWN0aW9uTmF2aWdhdGlvbkRhdGEge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNlY3Rpb25OYXZpZ2F0aW9uQ29uZmlnIHtcbiAgb2Zmc2V0VG9wOiBudW1iZXI7XG4gIHNtb290aFNjcm9sbDogYm9vbGVhbjtcbiAgY29udGFpbmVyQ2xhc3M6IHN0cmluZztcbn1cbiJdfQ==
|
|
@@ -19358,18 +19358,21 @@ class SectionNavigationComponent {
|
|
|
19358
19358
|
}
|
|
19359
19359
|
onSectionClick(section) {
|
|
19360
19360
|
const config = this.config();
|
|
19361
|
-
|
|
19361
|
+
if (!config) {
|
|
19362
|
+
throw new Error('navigationConfig é obrigatório.');
|
|
19363
|
+
}
|
|
19364
|
+
const success = this.scrollService.scrollToElement(section.id, config.offsetTop, config.smoothScroll);
|
|
19362
19365
|
if (success) {
|
|
19363
19366
|
this.activeSection.set(section.id);
|
|
19364
19367
|
this.sectionChange.emit(section);
|
|
19365
19368
|
}
|
|
19366
19369
|
}
|
|
19367
19370
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19368
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "rdsite-section-navigation", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:
|
|
19371
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19369
19372
|
}
|
|
19370
19373
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
19371
19374
|
type: Component,
|
|
19372
|
-
args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:
|
|
19375
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
|
|
19373
19376
|
}], ctorParameters: () => [], propDecorators: { navigationSections: [{
|
|
19374
19377
|
type: Input,
|
|
19375
19378
|
args: [{ required: true }]
|
|
@@ -19491,6 +19494,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19491
19494
|
args: ['style']
|
|
19492
19495
|
}] } });
|
|
19493
19496
|
|
|
19497
|
+
class ExpandableCardComponent {
|
|
19498
|
+
constructor(curaService) {
|
|
19499
|
+
this.curaService = curaService;
|
|
19500
|
+
this.opened = false;
|
|
19501
|
+
this.label = '';
|
|
19502
|
+
this.badgeLabel = '';
|
|
19503
|
+
this.openIcon = 'plus';
|
|
19504
|
+
this.closeIcon = 'minus';
|
|
19505
|
+
this.url = '';
|
|
19506
|
+
this.disabled = false;
|
|
19507
|
+
this.toggle = new EventEmitter();
|
|
19508
|
+
this.styleBinding = {
|
|
19509
|
+
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
19510
|
+
'--neutral-base': this.curaService.getColor('neutral-base'),
|
|
19511
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19512
|
+
'--color-one-dark': this.curaService.getColor('primary-dark'),
|
|
19513
|
+
};
|
|
19514
|
+
this.classes = [];
|
|
19515
|
+
}
|
|
19516
|
+
ngOnChanges() {
|
|
19517
|
+
this.checkDisabledCard();
|
|
19518
|
+
}
|
|
19519
|
+
toggleCard() {
|
|
19520
|
+
this.opened = !this.opened;
|
|
19521
|
+
this.toggle.emit(this.opened);
|
|
19522
|
+
}
|
|
19523
|
+
checkDisabledCard() {
|
|
19524
|
+
this.classes = this.disabled ? ['disabled'] : [];
|
|
19525
|
+
}
|
|
19526
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19527
|
+
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", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (url) {\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\n {{ label }}\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\n } @else {\n <h4 class=\"card-label\">{{ label }}</h4>\n }\n\n @if (badgeLabel) {\n <cura-badge-pill type=\"solid\" color=\"primary\">\n {{ badgeLabel }}\n </cura-badge-pill>\n }\n\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\n</div>\n\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\n <ng-content></ng-content>\n</div>\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:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:300vh;overflow-y:auto;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";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"] }] }); }
|
|
19528
|
+
}
|
|
19529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
19530
|
+
type: Component,
|
|
19531
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (url) {\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\n {{ label }}\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\n } @else {\n <h4 class=\"card-label\">{{ label }}</h4>\n }\n\n @if (badgeLabel) {\n <cura-badge-pill type=\"solid\" color=\"primary\">\n {{ badgeLabel }}\n </cura-badge-pill>\n }\n\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\n</div>\n\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\n <ng-content></ng-content>\n</div>\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:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-base);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:300vh;overflow-y:auto;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
19532
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { opened: [{
|
|
19533
|
+
type: Input
|
|
19534
|
+
}], label: [{
|
|
19535
|
+
type: Input
|
|
19536
|
+
}], badgeLabel: [{
|
|
19537
|
+
type: Input
|
|
19538
|
+
}], openIcon: [{
|
|
19539
|
+
type: Input
|
|
19540
|
+
}], closeIcon: [{
|
|
19541
|
+
type: Input
|
|
19542
|
+
}], url: [{
|
|
19543
|
+
type: Input
|
|
19544
|
+
}], disabled: [{
|
|
19545
|
+
type: Input
|
|
19546
|
+
}], toggle: [{
|
|
19547
|
+
type: Output
|
|
19548
|
+
}], styleBinding: [{
|
|
19549
|
+
type: HostBinding,
|
|
19550
|
+
args: ['style']
|
|
19551
|
+
}], classes: [{
|
|
19552
|
+
type: HostBinding,
|
|
19553
|
+
args: ['class']
|
|
19554
|
+
}] } });
|
|
19555
|
+
|
|
19494
19556
|
// Components
|
|
19495
19557
|
|
|
19496
19558
|
class PhonePipe {
|
|
@@ -19517,5 +19579,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19517
19579
|
* Generated bundle index. Do not edit.
|
|
19518
19580
|
*/
|
|
19519
19581
|
|
|
19520
|
-
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
19582
|
+
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, ExpandableCardComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
19521
19583
|
//# sourceMappingURL=rededor-site-front-end-lib.mjs.map
|