@rededor/site-front-end-lib 20.0.23 → 20.0.25
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/core/index.d.ts +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +9 -9
- package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +7 -7
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs +11 -7
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-image.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-search.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-core.mjs +54 -54
- package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-cura-api.mjs +18 -18
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-shared.mjs +6 -6
- package/package.json +1 -1
|
@@ -11,10 +11,10 @@ class PageTemplateFullcontentComponent {
|
|
|
11
11
|
this.afterContent = input(null, ...(ngDevMode ? [{ debugName: "afterContent" }] : []));
|
|
12
12
|
this.isArticle = input(false, ...(ngDevMode ? [{ debugName: "isArticle" }] : []));
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateFullcontentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageTemplateFullcontentComponent, isStandalone: true, selector: "rdsite-page-template-fullcontent", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, pageContent: { classPropertyName: "pageContent", publicName: "pageContent", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\n <article class=\"rdsite-template-content-full\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-content-full\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header()) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n </header>\n }\n @if (beforeContent()) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n </div>\n }\n @if (pageContent()) {\n <div class=\"rdsite-template-container\">\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"pageContent()\"></ng-container>\n </section>\n </div>\n }\n</ng-template>\n@if (afterContent()?.length) {\n @for (tpl of afterContent(); track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateFullcontentComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'rdsite-page-template-fullcontent', imports: [CommonModule], template: "@if (isArticle()) {\n <article class=\"rdsite-template-content-full\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-content-full\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header()) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n </header>\n }\n @if (beforeContent()) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n </div>\n }\n @if (pageContent()) {\n <div class=\"rdsite-template-container\">\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"pageContent()\"></ng-container>\n </section>\n </div>\n }\n</ng-template>\n@if (afterContent()?.length) {\n @for (tpl of afterContent(); track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"] }]
|
|
20
20
|
}], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], beforeContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeContent", required: false }] }], pageContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageContent", required: false }] }], afterContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "afterContent", required: false }] }], isArticle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isArticle", required: false }] }] } });
|
|
@@ -14,10 +14,10 @@ class PageTemplateSidebarComponent {
|
|
|
14
14
|
this.isArticle = input(false, ...(ngDevMode ? [{ debugName: "isArticle" }] : []));
|
|
15
15
|
this.reverseSidebar = input(false, ...(ngDevMode ? [{ debugName: "reverseSidebar" }] : []));
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, stickyContent: { classPropertyName: "stickyContent", publicName: "stickyContent", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, sidebarContent: { classPropertyName: "sidebarContent", publicName: "sidebarContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null }, reverseSidebar: { classPropertyName: "reverseSidebar", publicName: "reverseSidebar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\n <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header()) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n </header>\n }\n @if (stickyContent()) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\n </div>\n }\n\n @if (beforeContent()) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content()) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n </section>\n }\n\n @if (sidebarContent()) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\n </aside>\n }\n </div>\n</ng-template>\n\n@if (afterContent()?.length) {\n @for (tpl of afterContent(); track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'rdsite-page-template-sidebar', imports: [CommonModule], template: "@if (isArticle()) {\n <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header()) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n </header>\n }\n @if (stickyContent()) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\n </div>\n }\n\n @if (beforeContent()) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content()) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n </section>\n }\n\n @if (sidebarContent()) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\n </aside>\n }\n </div>\n</ng-template>\n\n@if (afterContent()?.length) {\n @for (tpl of afterContent(); track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"] }]
|
|
23
23
|
}], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], stickyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyContent", required: false }] }], beforeContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeContent", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], afterContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "afterContent", required: false }] }], sidebarContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarContent", required: false }] }], isArticle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isArticle", required: false }] }], reverseSidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseSidebar", required: false }] }] } });
|
|
@@ -36,10 +36,10 @@ class PaginationComponent {
|
|
|
36
36
|
this.pageChange.emit(this.activePage() - 1);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: true, transformFunction: null }, activePage: { classPropertyName: "activePage", publicName: "activePage", isSignal: true, isRequired: true, transformFunction: null }, perPage: { classPropertyName: "perPage", publicName: "perPage", isSignal: true, isRequired: false, transformFunction: null }, perPageOptions: { classPropertyName: "perPageOptions", publicName: "perPageOptions", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, darkMode: { classPropertyName: "darkMode", publicName: "darkMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n class=\"rdsite-pagination\"\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode() }\"\n [style]=\"customStyle()\"\n data-testid=\"_rdsite-rdsite-pagination\"\n>\n @if (totalPages() && totalPages() > 1) {\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage() === 1 ? true : null\">\n <cura-icon\n name=\"arrowLeftCircle\"\n size=\"24\"\n [color]=\"activePage() === 1 ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n >\n </cura-icon>\n </button>\n\n <span>P\u00E1gina {{ activePage() }} - {{ totalPages() }}</span>\n\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage() === totalPages() ? true : null\">\n <cura-icon\n name=\"arrowRightCircle\"\n size=\"24\"\n [color]=\"activePage() === totalPages() ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n >\n </cura-icon>\n </button>\n </nav>\n }\n\n @if (perPageOptions().length) {\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n <span>Resultados por p\u00E1gina</span>\n\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n @for (option of perPageOptions(); let i = $index; track option) {\n <button\n type=\"button\"\n (click)=\"perPageChange.emit(option)\"\n [attr.disabled]=\"option === perPage() ? true : null\"\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\n class=\"button-link\"\n >\n {{ option }}\n @if (i < perPageOptions().length - 1) {\n <span class=\"bar\">|</span>\n }\n </button>\n }\n </div>\n </div>\n }\n</div>\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.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);cursor:pointer}.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;pointer-events:none}.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%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
44
|
args: [{ selector: 'rdsite-pagination', imports: [CommonModule, CuraIconComponent], template: "<div\n class=\"rdsite-pagination\"\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode() }\"\n [style]=\"customStyle()\"\n data-testid=\"_rdsite-rdsite-pagination\"\n>\n @if (totalPages() && totalPages() > 1) {\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage() === 1 ? true : null\">\n <cura-icon\n name=\"arrowLeftCircle\"\n size=\"24\"\n [color]=\"activePage() === 1 ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n >\n </cura-icon>\n </button>\n\n <span>P\u00E1gina {{ activePage() }} - {{ totalPages() }}</span>\n\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage() === totalPages() ? true : null\">\n <cura-icon\n name=\"arrowRightCircle\"\n size=\"24\"\n [color]=\"activePage() === totalPages() ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n >\n </cura-icon>\n </button>\n </nav>\n }\n\n @if (perPageOptions().length) {\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n <span>Resultados por p\u00E1gina</span>\n\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n @for (option of perPageOptions(); let i = $index; track option) {\n <button\n type=\"button\"\n (click)=\"perPageChange.emit(option)\"\n [attr.disabled]=\"option === perPage() ? true : null\"\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\n class=\"button-link\"\n >\n {{ option }}\n @if (i < perPageOptions().length - 1) {\n <span class=\"bar\">|</span>\n }\n </button>\n }\n </div>\n </div>\n }\n</div>\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.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);cursor:pointer}.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;pointer-events:none}.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%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
|
|
45
45
|
}], propDecorators: { totalPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPages", required: true }] }], activePage: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePage", required: true }] }], perPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPage", required: false }] }], perPageOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPageOptions", required: false }] }], customStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "customStyle", required: false }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerClass", required: false }] }], darkMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "darkMode", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], perPageChange: [{ type: i0.Output, args: ["perPageChange"] }], styleBinding: [{
|
|
@@ -100,10 +100,10 @@ class SearchComponent {
|
|
|
100
100
|
ngOnDestroy() {
|
|
101
101
|
this.controlSubscription?.unsubscribe();
|
|
102
102
|
}
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SearchComponent, isStandalone: true, selector: "rdsite-search", inputs: { searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, showSearchButtonMobile: { classPropertyName: "showSearchButtonMobile", publicName: "showSearchButtonMobile", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, canClean: { classPropertyName: "canClean", publicName: "canClean", isSignal: true, isRequired: false, transformFunction: null }, enable: { classPropertyName: "enable", publicName: "enable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, setFocus: { classPropertyName: "setFocus", publicName: "setFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlBlur: "controlBlur", controlFocus: "controlFocus", controlReset: "controlReset", termChange: "termChange", enterPress: "enterPress" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl().enabled, focus: focus }\">\n <label class=\"label-hidden\">{{ label() }}</label>\n <input\n #searchInput\n class=\"rdsite-search-control-input\"\n [type]=\"'text'\"\n name=\"term\"\n autocomplete=\"off\"\n [placeholder]=\"label()\"\n [formControl]=\"searchControl()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keyup.enter)=\"onSubmit($event)\"\n enterkeyhint=\"search\"\n (search)=\"onSubmit($event)\"\n />\n\n <div class=\"rdsite-search-control-icon\">\n <cura-icon\n name=\"closeCircle\"\n size=\"20\"\n color=\"primary-base\"\n (click)=\"clean()\"\n class=\"close\"\n [ngClass]=\"{ active: (searchControl().value || canClean()) && !loading() }\"\n ></cura-icon>\n <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading() }\"></cura-icon>\n @if (loading()) {\n <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n }\n </div>\n</div>\n", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SearchComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{ selector: 'rdsite-search', imports: [CommonModule, ReactiveFormsModule, CuraIconComponent, CuraLoaderCircleComponent], template: "<div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl().enabled, focus: focus }\">\n <label class=\"label-hidden\">{{ label() }}</label>\n <input\n #searchInput\n class=\"rdsite-search-control-input\"\n [type]=\"'text'\"\n name=\"term\"\n autocomplete=\"off\"\n [placeholder]=\"label()\"\n [formControl]=\"searchControl()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keyup.enter)=\"onSubmit($event)\"\n enterkeyhint=\"search\"\n (search)=\"onSubmit($event)\"\n />\n\n <div class=\"rdsite-search-control-icon\">\n <cura-icon\n name=\"closeCircle\"\n size=\"20\"\n color=\"primary-base\"\n (click)=\"clean()\"\n class=\"close\"\n [ngClass]=\"{ active: (searchControl().value || canClean()) && !loading() }\"\n ></cura-icon>\n <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading() }\"></cura-icon>\n @if (loading()) {\n <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n }\n </div>\n</div>\n", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"] }]
|
|
109
109
|
}], ctorParameters: () => [], propDecorators: { searchControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchControl", required: false }] }], showSearchButtonMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearchButtonMobile", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], canClean: [{ type: i0.Input, args: [{ isSignal: true, alias: "canClean", required: false }] }], controlBlur: [{ type: i0.Output, args: ["controlBlur"] }], controlFocus: [{ type: i0.Output, args: ["controlFocus"] }], controlReset: [{ type: i0.Output, args: ["controlReset"] }], termChange: [{ type: i0.Output, args: ["termChange"] }], enterPress: [{ type: i0.Output, args: ["enterPress"] }], enable: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], setFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "setFocus", required: false }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], style: [{
|
|
@@ -111,10 +111,10 @@ class SectionNavigationComponent {
|
|
|
111
111
|
ngOnDestroy() {
|
|
112
112
|
this.scrollToMenuAnchorSubscription?.unsubscribe();
|
|
113
113
|
}
|
|
114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
115
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true, isSignal: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n @if (section.title) {\n <li role=\"none\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n role=\"menuitem\"\n [href]=\"getPath(section.id)\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment()\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n [ngClass]=\"{ active: activeSection() === section.id }\"\n >\n {{ section.title }}\n </a>\n </li>\n }\n }\n </ul>\n</nav>\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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
118
118
|
type: Component,
|
|
119
119
|
args: [{ selector: 'nav[rdsite-section-navigation]', imports: [CommonModule, RdsiteLinkDirective], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n @if (section.title) {\n <li role=\"none\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n role=\"menuitem\"\n [href]=\"getPath(section.id)\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment()\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n [ngClass]=\"{ active: activeSection() === section.id }\"\n >\n {{ section.title }}\n </a>\n </li>\n }\n }\n </ul>\n</nav>\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"] }]
|
|
120
120
|
}], ctorParameters: () => [], propDecorators: { containerEl: [{ type: i0.ViewChild, args: ['containerEl', { isSignal: true }] }], anchorsEl: [{ type: i0.ViewChildren, args: ['anchorEl', { isSignal: true }] }], onWindowResize: [{
|
|
@@ -14,10 +14,10 @@ class SideCtasComponent {
|
|
|
14
14
|
'--color-right': this.curaApiService.theme.colors.getColor('primary-darker'),
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'rdsite-side-ctas', imports: [CommonModule], template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
23
23
|
}], propDecorators: { style: [{
|
|
@@ -42,10 +42,10 @@ class SideCtasBottomComponent {
|
|
|
42
42
|
sideCtaBottomItemClicked(event) {
|
|
43
43
|
this.sideCtaBottomItemClick.emit(event);
|
|
44
44
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: { classPropertyName: "ctas", publicName: "ctas", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaBottomItemClick: "sideCtaBottomItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host *{font-family:var(--font-family)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'rdsite-side-ctas-bottom', imports: [RdsiteLinkDirective, CuraIconComponent], template: "@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host *{font-family:var(--font-family)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
51
51
|
}], propDecorators: { ctas: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctas", required: false }] }], sideCtaBottomItemClick: [{ type: i0.Output, args: ["sideCtaBottomItemClick"] }], style: [{
|
|
@@ -66,10 +66,10 @@ class SideCtasRightBottomComponent {
|
|
|
66
66
|
whatsappClicked(event) {
|
|
67
67
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
68
68
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
70
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgHover: { classPropertyName: "bgHover", publicName: "bgHover", isSignal: true, isRequired: false, transformFunction: null }, borderTop: { classPropertyName: "borderTop", publicName: "borderTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link() && imgUrl()) {\n <rdsite-whatsapp\n [link]=\"link()\"\n [imgUrl]=\"imgUrl()\"\n [text]=\"text()\"\n [bgColor]=\"bgColor()\"\n [bgHover]=\"bgHover()\"\n [borderTop]=\"borderTop()\"\n (whatsappClick)=\"whatsappClicked($event)\"\n ></rdsite-whatsapp>\n}\n", styles: [""], dependencies: [{ kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop"], outputs: ["whatsappClick"] }] }); }
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
74
|
args: [{ selector: 'rdsite-side-ctas-right-bottom', imports: [WhatsappComponent], template: "@if (link() && imgUrl()) {\n <rdsite-whatsapp\n [link]=\"link()\"\n [imgUrl]=\"imgUrl()\"\n [text]=\"text()\"\n [bgColor]=\"bgColor()\"\n [bgHover]=\"bgHover()\"\n [borderTop]=\"borderTop()\"\n (whatsappClick)=\"whatsappClicked($event)\"\n ></rdsite-whatsapp>\n}\n" }]
|
|
75
75
|
}], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], imgUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgUrl", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgHover", required: false }] }], borderTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderTop", required: false }] }], sideCtaRightBottomItemClick: [{ type: i0.Output, args: ["sideCtaRightBottomItemClick"] }] } });
|
|
@@ -90,10 +90,10 @@ class SideCtasRightMiddleComponent {
|
|
|
90
90
|
sideCtaRightMiddleItemClicked(event) {
|
|
91
91
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
92
92
|
}
|
|
93
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
94
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
93
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
94
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: { classPropertyName: "ctas", publicName: "ctas", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaRightMiddleItemClick: "sideCtaRightMiddleItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n <div class=\"right-middle-cta-icon\">\n <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host *{font-family:var(--font-family)}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
95
95
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
97
97
|
type: Component,
|
|
98
98
|
args: [{ selector: 'rdsite-side-ctas-right-middle', imports: [RdsiteLinkDirective, CuraIconComponent], template: "@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n <div class=\"right-middle-cta-icon\">\n <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host *{font-family:var(--font-family)}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
99
99
|
}], propDecorators: { ctas: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctas", required: false }] }], sideCtaRightMiddleItemClick: [{ type: i0.Output, args: ["sideCtaRightMiddleItemClick"] }], style: [{
|
|
@@ -102,10 +102,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
102
102
|
}] } });
|
|
103
103
|
|
|
104
104
|
class SideCtasRightTopComponent {
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SideCtasRightTopComponent, isStandalone: true, selector: "rdsite-side-ctas-right-top", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightTopComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
110
110
|
args: [{ selector: 'rdsite-side-ctas-right-top', imports: [], template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }]
|
|
111
111
|
}] });
|
|
@@ -82,10 +82,10 @@ class SidebarNavigationComponent {
|
|
|
82
82
|
onSectionClick(event) {
|
|
83
83
|
this.sectionChange.emit(event);
|
|
84
84
|
}
|
|
85
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
86
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SidebarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [class.starTheme]=\"isStarTheme()\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n <cura-card\n class=\"only-mobile\"\n [type]=\"isStarTheme() ? 'transparent' : 'solid'\"\n [hasPadding]=\"isStarTheme() ? false : true\"\n marginBlock=\"8px\"\n [hasShadow]=\"false\"\n type=\"solid\"\n colorMode=\"light\"\n target=\"_self\"\n >\n @if (title()) {\n <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n <b>{{ title() }}</b>\n </cura-paragraph>\n }\n <ul role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sidebar-link\"\n role=\"menuitem\"\n [href]=\"getPath(section.id)\"\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>\n {{ section.title }}\n </b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column;padding-right:20px}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}nav.starTheme{border-right:1px solid var(--primary-base)}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraCardComponent, selector: "cura-card", inputs: ["hasPadding", "hasShadow", "type", "colorMode", "href", "target"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
|
|
87
87
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
89
89
|
type: Component,
|
|
90
90
|
args: [{ selector: 'nav[rdsite-sidebar-navigation]', imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent], template: "<nav class=\"rdsite-sidebar-navigation\" [class.starTheme]=\"isStarTheme()\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n <cura-card\n class=\"only-mobile\"\n [type]=\"isStarTheme() ? 'transparent' : 'solid'\"\n [hasPadding]=\"isStarTheme() ? false : true\"\n marginBlock=\"8px\"\n [hasShadow]=\"false\"\n type=\"solid\"\n colorMode=\"light\"\n target=\"_self\"\n >\n @if (title()) {\n <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n <b>{{ title() }}</b>\n </cura-paragraph>\n }\n <ul role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sidebar-link\"\n role=\"menuitem\"\n [href]=\"getPath(section.id)\"\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>\n {{ section.title }}\n </b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column;padding-right:20px}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}nav.starTheme{border-right:1px solid var(--primary-base)}\n"] }]
|
|
91
91
|
}], propDecorators: { isStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStarTheme", required: false }] }], anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], navigationSections: [{
|
|
@@ -93,10 +93,10 @@ class StickyNavigationComponent {
|
|
|
93
93
|
}, 100);
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
97
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
96
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StickyNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
97
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title()) {\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n <b>{{ title() }}</b>\n </cura-paragraph>\n <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen()) {\n <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex()].title }}</b>\n </cura-paragraph>\n }\n }\n\n @if (isOpen()) {\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"getPath(section.id)\"\n rdsitelink\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n }\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
98
98
|
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StickyNavigationComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
101
101
|
args: [{ selector: 'nav[rdsite-sticky-navigation]', imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title()) {\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n <b>{{ title() }}</b>\n </cura-paragraph>\n <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen()) {\n <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex()].title }}</b>\n </cura-paragraph>\n }\n }\n\n @if (isOpen()) {\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"getPath(section.id)\"\n rdsitelink\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n }\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"] }]
|
|
102
102
|
}], propDecorators: { anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], navigationSections: [{
|
|
@@ -30,10 +30,10 @@ class WhatsappComponent {
|
|
|
30
30
|
whatsappClicked(event) {
|
|
31
31
|
this.whatsappClick.emit(event);
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: WhatsappComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgHover: { classPropertyName: "bgHover", publicName: "bgHover", isSignal: true, isRequired: false, transformFunction: null }, borderTop: { classPropertyName: "borderTop", publicName: "borderTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link()) {\n <a\n class=\"rdsite-whatsapp\"\n [ngClass]=\"{ 'border-top': borderTop() }\"\n [href]=\"link()\"\n rdsitelink\n (mouseenter)=\"active = true\"\n (mouseleave)=\"active = false\"\n (click)=\"whatsappClicked($event)\"\n >\n @if (imgUrl()) {\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n }\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n <span>{{ text() }}</span>\n </div>\n </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host *{font-family:var(--font-family)}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'rdsite-whatsapp', imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent], template: "@if (link()) {\n <a\n class=\"rdsite-whatsapp\"\n [ngClass]=\"{ 'border-top': borderTop() }\"\n [href]=\"link()\"\n rdsitelink\n (mouseenter)=\"active = true\"\n (mouseleave)=\"active = false\"\n (click)=\"whatsappClicked($event)\"\n >\n @if (imgUrl()) {\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n }\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n <span>{{ text() }}</span>\n </div>\n </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host *{font-family:var(--font-family)}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
|
|
39
39
|
}], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], imgUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgUrl", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgHover", required: false }] }], borderTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderTop", required: false }] }], whatsappClick: [{ type: i0.Output, args: ["whatsappClick"] }], style: [{
|