@rededor/site-front-end-lib 1.0.24 → 1.0.26
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 +4 -6
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +4 -3
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/pagination/pagination.component.mjs +58 -0
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +7 -6
- package/esm2022/lib/enums/RdsiteModalComponentStyle.enum.mjs +2 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +69 -13
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/cards/expandable-card/expandable-card.component.d.ts +2 -2
- package/lib/components/cta-wrapper/cta-wrapper.component.d.ts +1 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/pagination/pagination.component.d.ts +29 -0
- package/lib/components/section-navigation/section-navigation.component.d.ts +4 -3
- package/lib/enums/RdsiteModalComponentStyle.enum.d.ts +2 -1
- package/package.json +1 -1
|
@@ -17198,6 +17198,7 @@ var RdsiteModalComponentStyle;
|
|
|
17198
17198
|
RdsiteModalComponentStyle["SHARING"] = "sharing";
|
|
17199
17199
|
RdsiteModalComponentStyle["FORMFALLBACK"] = "form-fallback";
|
|
17200
17200
|
RdsiteModalComponentStyle["FILTER"] = "filter";
|
|
17201
|
+
RdsiteModalComponentStyle["FILTERDOENCAS"] = "filter-doencas";
|
|
17201
17202
|
})(RdsiteModalComponentStyle || (RdsiteModalComponentStyle = {}));
|
|
17202
17203
|
|
|
17203
17204
|
class RdsitePhoneModalDirective {
|
|
@@ -18719,6 +18720,7 @@ class CtaWrapperComponent {
|
|
|
18719
18720
|
'--color-one-light': this.curaService.getColor('primary-light'),
|
|
18720
18721
|
'--color-one-dark': this.curaService.getColor('primary-dark'),
|
|
18721
18722
|
'--color-one-darker': this.curaService.getColor('primary-darker'),
|
|
18723
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
18722
18724
|
};
|
|
18723
18725
|
this.class = ['rdsite-container'];
|
|
18724
18726
|
}
|
|
@@ -18739,11 +18741,11 @@ class CtaWrapperComponent {
|
|
|
18739
18741
|
this.seeMoreControl = !this.seeMoreControl;
|
|
18740
18742
|
}
|
|
18741
18743
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: CuraService }, { token: NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18742
|
-
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" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "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 <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </div>\r\n } @else {\r\n <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}:host .ctas-title,:host .ctas-text{padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--color-one-darker);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(--color-one-darker);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:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}: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{color:var(--color-one-darker);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(--color-one-light);text-decoration:none}:host .cta p{color:var(--color-one-dark);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"] }] }); }
|
|
18744
|
+
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" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "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 <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </div>\r\n } @else {\r\n <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}: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(--color-one-darker);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(--color-one-darker);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:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}: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(--color-one-darker);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(--color-one-light);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--color-one-dark);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"] }] }); }
|
|
18743
18745
|
}
|
|
18744
18746
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
18745
18747
|
type: Component,
|
|
18746
|
-
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </div>\r\n } @else {\r\n <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}:host .ctas-title,:host .ctas-text{padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--color-one-darker);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(--color-one-darker);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:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}: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{color:var(--color-one-darker);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(--color-one-light);text-decoration:none}:host .cta p{color:var(--color-one-dark);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18748
|
+
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </div>\r\n } @else {\r\n <div 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\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}: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(--color-one-darker);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(--color-one-darker);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:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}: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(--color-one-darker);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(--color-one-light);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--color-one-dark);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18747
18749
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
|
|
18748
18750
|
type: Inject,
|
|
18749
18751
|
args: [PLATFORM_ID]
|
|
@@ -19352,11 +19354,12 @@ class SectionNavigationComponent {
|
|
|
19352
19354
|
this.anchorAdjustment = 0;
|
|
19353
19355
|
this.sectionChange = new EventEmitter();
|
|
19354
19356
|
this.styleBinding = {
|
|
19357
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19358
|
+
'--neutral-dark': this.curaService.getColor('neutral-dark'),
|
|
19359
|
+
'--neutral-black': this.curaService.getColor('neutral-black', 0.16),
|
|
19355
19360
|
'--color-base': this.curaService.getColor('primary-base'),
|
|
19356
|
-
'--color-text': this.curaService.getColor('neutral-base'),
|
|
19357
|
-
'--color-active-text': this.curaService.getColor('neutral-purewhite'),
|
|
19358
19361
|
'--font-size': this.curaService.getFontSize(),
|
|
19359
|
-
'--font-
|
|
19362
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
19360
19363
|
};
|
|
19361
19364
|
effect(() => {
|
|
19362
19365
|
const sections = this.sections();
|
|
@@ -19415,11 +19418,11 @@ class SectionNavigationComponent {
|
|
|
19415
19418
|
this.scrollToMenuAnchorSubscription?.unsubscribe();
|
|
19416
19419
|
}
|
|
19417
19420
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19418
|
-
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", anchorAdjustment: "anchorAdjustment" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n @if (section.title) {\r\n <li role=\"none\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [ngClass]=\"{ active: activeSection() === section.id }\"\r\n >\r\n {{ section.title }}\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color
|
|
19421
|
+
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", anchorAdjustment: "anchorAdjustment" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n @if (section.title) {\r\n <li role=\"none\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [ngClass]=\"{ active: activeSection() === section.id }\"\r\n >\r\n {{ section.title }}\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.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}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:12px;font-weight:500;color:var(--neutral-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--neutral-purewhite)}\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"] }] }); }
|
|
19419
19422
|
}
|
|
19420
19423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
19421
19424
|
type: Component,
|
|
19422
|
-
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n @if (section.title) {\r\n <li role=\"none\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [ngClass]=\"{ active: activeSection() === section.id }\"\r\n >\r\n {{ section.title }}\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color
|
|
19425
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n @if (section.title) {\r\n <li role=\"none\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [ngClass]=\"{ active: activeSection() === section.id }\"\r\n >\r\n {{ section.title }}\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.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}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:12px;font-weight:500;color:var(--neutral-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--neutral-purewhite)}\n"] }]
|
|
19423
19426
|
}], ctorParameters: () => [], propDecorators: { containerEl: [{
|
|
19424
19427
|
type: ViewChild,
|
|
19425
19428
|
args: ['containerEl']
|
|
@@ -19566,7 +19569,6 @@ class ExpandableCardComponent {
|
|
|
19566
19569
|
this.curaService = curaService;
|
|
19567
19570
|
this.opened = false;
|
|
19568
19571
|
this.label = '';
|
|
19569
|
-
this.linkLabel = '';
|
|
19570
19572
|
this.link = '';
|
|
19571
19573
|
this.badgeLabel = '';
|
|
19572
19574
|
this.openIcon = 'plus';
|
|
@@ -19579,6 +19581,7 @@ class ExpandableCardComponent {
|
|
|
19579
19581
|
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19580
19582
|
'--neutral-black': this.curaService.getColor('neutral-black'),
|
|
19581
19583
|
'--color-one-dark': this.curaService.getColor('primary-dark'),
|
|
19584
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
19582
19585
|
};
|
|
19583
19586
|
this.classes = [];
|
|
19584
19587
|
}
|
|
@@ -19593,17 +19596,15 @@ class ExpandableCardComponent {
|
|
|
19593
19596
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
19594
19597
|
}
|
|
19595
19598
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19596
|
-
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",
|
|
19599
|
+
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 [attr.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"] }] }); }
|
|
19597
19600
|
}
|
|
19598
19601
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
19599
19602
|
type: Component,
|
|
19600
|
-
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (label) {\r\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n
|
|
19603
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 [attr.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"] }]
|
|
19601
19604
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { opened: [{
|
|
19602
19605
|
type: Input
|
|
19603
19606
|
}], label: [{
|
|
19604
19607
|
type: Input
|
|
19605
|
-
}], linkLabel: [{
|
|
19606
|
-
type: Input
|
|
19607
19608
|
}], link: [{
|
|
19608
19609
|
type: Input
|
|
19609
19610
|
}], badgeLabel: [{
|
|
@@ -19648,6 +19649,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19648
19649
|
args: ['style']
|
|
19649
19650
|
}] } });
|
|
19650
19651
|
|
|
19652
|
+
class PaginationComponent {
|
|
19653
|
+
constructor(curaService) {
|
|
19654
|
+
this.curaService = curaService;
|
|
19655
|
+
this.perPage = 10;
|
|
19656
|
+
this.perPageOptions = [10, 30, 50];
|
|
19657
|
+
this.customStyle = {};
|
|
19658
|
+
this.containerClass = true;
|
|
19659
|
+
this.pageChange = new EventEmitter();
|
|
19660
|
+
this.perPageChange = new EventEmitter();
|
|
19661
|
+
this.styleBinding = {
|
|
19662
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
19663
|
+
'--primary-base': this.curaService.getColor('primary-base'),
|
|
19664
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19665
|
+
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
19666
|
+
'--neutral-dark': this.curaService.getColor('neutral-dark'),
|
|
19667
|
+
'--neutral-darker': this.curaService.getColor('neutral-darker'),
|
|
19668
|
+
};
|
|
19669
|
+
}
|
|
19670
|
+
next() {
|
|
19671
|
+
if (this.activePage < this.totalPages) {
|
|
19672
|
+
this.pageChange.emit(this.activePage + 1);
|
|
19673
|
+
}
|
|
19674
|
+
}
|
|
19675
|
+
prev() {
|
|
19676
|
+
if (this.activePage > 1) {
|
|
19677
|
+
this.pageChange.emit(this.activePage - 1);
|
|
19678
|
+
}
|
|
19679
|
+
}
|
|
19680
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19681
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n @if (totalPages && totalPages > 1) {\r\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n\r\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n </nav>\r\n }\r\n\r\n @if (perPageOptions.length) {\r\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n <span>Resultados por p\u00E1gina</span>\r\n\r\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n @for (option of perPageOptions; let i = $index; track option) {\r\n <button\r\n type=\"button\"\r\n (click)=\"perPageChange.emit(option)\"\r\n [attr.disabled]=\"option === perPage ? true : null\"\r\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n class=\"button-link\"\r\n >\r\n {{ option }}\r\n @if (i < perPageOptions.length - 1) {\r\n <span class=\"bar\">|</span>\r\n }\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base)}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }); }
|
|
19682
|
+
}
|
|
19683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
19684
|
+
type: Component,
|
|
19685
|
+
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n @if (totalPages && totalPages > 1) {\r\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n\r\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n </nav>\r\n }\r\n\r\n @if (perPageOptions.length) {\r\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n <span>Resultados por p\u00E1gina</span>\r\n\r\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n @for (option of perPageOptions; let i = $index; track option) {\r\n <button\r\n type=\"button\"\r\n (click)=\"perPageChange.emit(option)\"\r\n [attr.disabled]=\"option === perPage ? true : null\"\r\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n class=\"button-link\"\r\n >\r\n {{ option }}\r\n @if (i < perPageOptions.length - 1) {\r\n <span class=\"bar\">|</span>\r\n }\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base)}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }]
|
|
19686
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { totalPages: [{
|
|
19687
|
+
type: Input
|
|
19688
|
+
}], activePage: [{
|
|
19689
|
+
type: Input
|
|
19690
|
+
}], perPage: [{
|
|
19691
|
+
type: Input
|
|
19692
|
+
}], perPageOptions: [{
|
|
19693
|
+
type: Input
|
|
19694
|
+
}], customStyle: [{
|
|
19695
|
+
type: Input
|
|
19696
|
+
}], containerClass: [{
|
|
19697
|
+
type: Input
|
|
19698
|
+
}], pageChange: [{
|
|
19699
|
+
type: Output
|
|
19700
|
+
}], perPageChange: [{
|
|
19701
|
+
type: Output
|
|
19702
|
+
}], styleBinding: [{
|
|
19703
|
+
type: HostBinding,
|
|
19704
|
+
args: ['style']
|
|
19705
|
+
}] } });
|
|
19706
|
+
|
|
19651
19707
|
// Components
|
|
19652
19708
|
|
|
19653
19709
|
class PhonePipe {
|
|
@@ -19674,5 +19730,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19674
19730
|
* Generated bundle index. Do not edit.
|
|
19675
19731
|
*/
|
|
19676
19732
|
|
|
19677
|
-
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, 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 };
|
|
19733
|
+
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, 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, PaginationComponent, 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 };
|
|
19678
19734
|
//# sourceMappingURL=rededor-site-front-end-lib.mjs.map
|