@rededor/site-front-end-lib 20.0.28 → 20.0.30

package/fesm2022/rededor-site-front-end-lib-components-footer.mjs

@@ -181,10 +181,10 @@ class FooterComponent {
     footerCookieClicked(event) {
         this.footerCookieClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, disclaimer: { classPropertyName: "disclaimer", publicName: "disclaimer", isSignal: true, isRequired: false, transformFunction: null }, linkPrivacyFooter: { classPropertyName: "linkPrivacyFooter", publicName: "linkPrivacyFooter", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, partnerLogo: { classPropertyName: "partnerLogo", publicName: "partnerLogo", isSignal: true, isRequired: false, transformFunction: null }, phone: { classPropertyName: "phone", publicName: "phone", isSignal: true, isRequired: false, transformFunction: null }, dora: { classPropertyName: "dora", publicName: "dora", isSignal: true, isRequired: false, transformFunction: null }, socialMenu: { classPropertyName: "socialMenu", publicName: "socialMenu", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null }, footerMenu: { classPropertyName: "footerMenu", publicName: "footerMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, host: { properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.children?.length) {\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:var(--font-family)!important}footer[sl-ftr] svg{stroke:var(--ftr-alt-color);stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}.sl-ftr-contact.starTheme .logos .logo:after{background-color:#262626}.sl-ftr-contact.starTheme .phones .phone .label p,.sl-ftr-contact.starTheme .phones .dora .label p,.sl-ftr-contact.starTheme .phones .phone .label a,.sl-ftr-contact.starTheme .phones .dora .label a{color:#262626}.sl-ftr-contact.starTheme .phones .dora .img{border:2px solid #8b7063}.sl-ftr-contact.starTheme .phones .phone .svg{background:transparent}.sl-ftr-contact.starTheme .phones .phone .svg svg{stroke:#262626}.sl-ftr-contact.starTheme .phones .phone.before:before{content:\"\";background-color:#262626}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}nav.sl-ftr-medias.starTheme ul li{border:1px solid #262626}nav.sl-ftr-medias.starTheme ul li a svg{stroke:#262626}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a,.sl-ftr-disc .disc-content-links li button{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer;background:transparent}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, disclaimer: { classPropertyName: "disclaimer", publicName: "disclaimer", isSignal: true, isRequired: false, transformFunction: null }, linkPrivacyFooter: { classPropertyName: "linkPrivacyFooter", publicName: "linkPrivacyFooter", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, partnerLogo: { classPropertyName: "partnerLogo", publicName: "partnerLogo", isSignal: true, isRequired: false, transformFunction: null }, phone: { classPropertyName: "phone", publicName: "phone", isSignal: true, isRequired: false, transformFunction: null }, dora: { classPropertyName: "dora", publicName: "dora", isSignal: true, isRequired: false, transformFunction: null }, socialMenu: { classPropertyName: "socialMenu", publicName: "socialMenu", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null }, footerMenu: { classPropertyName: "footerMenu", publicName: "footerMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, host: { properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.children?.length) {\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:var(--font-family)!important}footer[sl-ftr] svg{stroke:var(--ftr-alt-color);stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}.sl-ftr-contact.starTheme .logos .logo:after{background-color:#262626}.sl-ftr-contact.starTheme .phones .phone .label p,.sl-ftr-contact.starTheme .phones .dora .label p,.sl-ftr-contact.starTheme .phones .phone .label a,.sl-ftr-contact.starTheme .phones .dora .label a{color:#262626}.sl-ftr-contact.starTheme .phones .dora .img{border:2px solid #8b7063}.sl-ftr-contact.starTheme .phones .phone .svg{background:transparent}.sl-ftr-contact.starTheme .phones .phone .svg svg{stroke:#262626}.sl-ftr-contact.starTheme .phones .phone.before:before{content:\"\";background-color:#262626}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}nav.sl-ftr-medias.starTheme ul li{border:1px solid #262626}nav.sl-ftr-medias.starTheme ul li a svg{stroke:#262626}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a,.sl-ftr-disc .disc-content-links li button{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer;background:transparent}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'footer[sl-ftr]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, host: {
                         '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',

package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs

@@ -18,10 +18,10 @@ class HeaderActionMenuComponent {
     headerLoginClicked(event) {
         this.headerLoginClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-act]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
         }], propDecorators: { loginUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginUrl", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], headerLoginClick: [{ type: i0.Output, args: ["headerLoginClick"] }] } });

package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs

@@ -13,10 +13,10 @@ class HeaderAuxMenuItemDropdownComponent {
     headerAuxMenuItemDDClicked(event) {
         this.headerAuxMenuItemDDClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }] } });
@@ -46,10 +46,10 @@ class HeaderAuxMenuItemComponent {
     dropdownHoverChange(value) {
         this.isDropdownHover.set(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle(),\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\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: HeaderAuxMenuItemDropdownComponent, selector: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle(),\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\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: HeaderAuxMenuItemDropdownComponent, selector: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle(),\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], altStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "altStyle", required: false }] }], onlyDesktop: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyDesktop", required: false }] }], headerAuxMenuItemClick: [{ type: i0.Output, args: ["headerAuxMenuItemClick"] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }] } });

package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs

@@ -83,10 +83,10 @@ class HeaderMainMenuItemDropdownComponent {
         this.lv2ItemSubscription?.unsubscribe();
         this.lv3ItemSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-main-item-dropdown\">\n    <div class=\"info\">\n      <p class=\"info-title\">\n        {{ item().title }}\n      </p>\n\n      <p class=\"info-description\">\n        {{ item().description }}\n      </p>\n    </div>\n\n    <nav class=\"links-lv2\">\n      <ul class=\"links-lv2-content\">\n        @for (itemLv2 of item().children; track itemLv2.title) {\n          <li>\n            <a\n              class=\"link lv2\"\n              [ngClass]=\"{ active: itemLv2.active }\"\n              [href]=\"itemLv2.url\"\n              rdsitelink\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n            >\n              {{ itemLv2.title }}\n              @if (itemLv2?.children?.length) {\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                </svg>\n              }\n            </a>\n          </li>\n        }\n      </ul>\n      @if (selectedLv2Item?.children?.length) {\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n          <ul class=\"links-lv3-content\">\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n              <li>\n                <a\n                  class=\"link lv3\"\n                  [ngClass]=\"{ active: itemLv3.active }\"\n                  [href]=\"itemLv3.url\"\n                  rdsitelink\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n                >\n                  {{ itemLv3.title }}\n                  @if (itemLv3?.children?.length) {\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                    </svg>\n                  }\n                </a>\n              </li>\n            }\n          </ul>\n\n          @if (selectedLv3Item?.children?.length) {\n            <nav\n              class=\"links-lv4\"\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n            >\n              <ul class=\"links-lv4-content\">\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n                  <li>\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n                      {{ itemLv4.title }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            </nav>\n          }\n        </nav>\n      }\n    </nav>\n\n    <div class=\"ctas-container\">\n      <div class=\"highlights\">\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\n          <div class=\"highlight\">\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n              <img\n                loading=\"lazy\"\n                fetchpriority=\"low\"\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n              />\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n            </a>\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"ctas\">\n        @for (cta of item().ctas; track cta.titulo) {\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n            </svg>\n            {{ cta.titulo }}\n          </a>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-hl-title-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-main-item-dropdown\">\n    <div class=\"info\">\n      <p class=\"info-title\">\n        {{ item().title }}\n      </p>\n\n      <p class=\"info-description\">\n        {{ item().description }}\n      </p>\n    </div>\n\n    <nav class=\"links-lv2\">\n      <ul class=\"links-lv2-content\">\n        @for (itemLv2 of item().children; track itemLv2.title) {\n          <li>\n            <a\n              class=\"link lv2\"\n              [ngClass]=\"{ active: itemLv2.active }\"\n              [href]=\"itemLv2.url\"\n              rdsitelink\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n            >\n              {{ itemLv2.title }}\n              @if (itemLv2?.children?.length) {\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                </svg>\n              }\n            </a>\n          </li>\n        }\n      </ul>\n      @if (selectedLv2Item?.children?.length) {\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n          <ul class=\"links-lv3-content\">\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n              <li>\n                <a\n                  class=\"link lv3\"\n                  [ngClass]=\"{ active: itemLv3.active }\"\n                  [href]=\"itemLv3.url\"\n                  rdsitelink\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n                >\n                  {{ itemLv3.title }}\n                  @if (itemLv3?.children?.length) {\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                    </svg>\n                  }\n                </a>\n              </li>\n            }\n          </ul>\n\n          @if (selectedLv3Item?.children?.length) {\n            <nav\n              class=\"links-lv4\"\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n            >\n              <ul class=\"links-lv4-content\">\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n                  <li>\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n                      {{ itemLv4.title }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            </nav>\n          }\n        </nav>\n      }\n    </nav>\n\n    <div class=\"ctas-container\">\n      <div class=\"highlights\">\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\n          <div class=\"highlight\">\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n              <img\n                loading=\"lazy\"\n                fetchpriority=\"low\"\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n              />\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n            </a>\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"ctas\">\n        @for (cta of item().ctas; track cta.titulo) {\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n            </svg>\n            {{ cta.titulo }}\n          </a>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-hl-title-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <div class=\"sl-hdr-main-item-dropdown\">\n    <div class=\"info\">\n      <p class=\"info-title\">\n        {{ item().title }}\n      </p>\n\n      <p class=\"info-description\">\n        {{ item().description }}\n      </p>\n    </div>\n\n    <nav class=\"links-lv2\">\n      <ul class=\"links-lv2-content\">\n        @for (itemLv2 of item().children; track itemLv2.title) {\n          <li>\n            <a\n              class=\"link lv2\"\n              [ngClass]=\"{ active: itemLv2.active }\"\n              [href]=\"itemLv2.url\"\n              rdsitelink\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n            >\n              {{ itemLv2.title }}\n              @if (itemLv2?.children?.length) {\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                </svg>\n              }\n            </a>\n          </li>\n        }\n      </ul>\n      @if (selectedLv2Item?.children?.length) {\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n          <ul class=\"links-lv3-content\">\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n              <li>\n                <a\n                  class=\"link lv3\"\n                  [ngClass]=\"{ active: itemLv3.active }\"\n                  [href]=\"itemLv3.url\"\n                  rdsitelink\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n                >\n                  {{ itemLv3.title }}\n                  @if (itemLv3?.children?.length) {\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                    </svg>\n                  }\n                </a>\n              </li>\n            }\n          </ul>\n\n          @if (selectedLv3Item?.children?.length) {\n            <nav\n              class=\"links-lv4\"\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n            >\n              <ul class=\"links-lv4-content\">\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n                  <li>\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n                      {{ itemLv4.title }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            </nav>\n          }\n        </nav>\n      }\n    </nav>\n\n    <div class=\"ctas-container\">\n      <div class=\"highlights\">\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\n          <div class=\"highlight\">\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n              <img\n                loading=\"lazy\"\n                fetchpriority=\"low\"\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n              />\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n            </a>\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"ctas\">\n        @for (cta of item().ctas; track cta.titulo) {\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n            </svg>\n            {{ cta.titulo }}\n          </a>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-hl-title-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], headerMainMenuItemDDClick: [{ type: i0.Output, args: ["headerMainMenuItemDDClick"] }], headerMainMenuHighlightDDClick: [{ type: i0.Output, args: ["headerMainMenuHighlightDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }] } });
@@ -145,10 +145,10 @@ class HeaderMainMenuItemComponent {
     ngOnDestroy() {
         this.dropdownSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-main-item-link\"\n    [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n    (click)=\"headerMainMenuItemClicked($event)\"\n    [href]=\"item().url\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-main-item-dropdown\n      class=\"sl-hdr-main-item-dropdown-container\"\n      [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [item]=\"item()\"\n      (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n      (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n      (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color-icon)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\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: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-main-item-link\"\n    [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n    (click)=\"headerMainMenuItemClicked($event)\"\n    [href]=\"item().url\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-main-item-dropdown\n      class=\"sl-hdr-main-item-dropdown-container\"\n      [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [item]=\"item()\"\n      (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n      (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n      (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color-icon)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\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: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'li[sl-hdr-main-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-main-item-link\"\n    [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n    (click)=\"headerMainMenuItemClicked($event)\"\n    [href]=\"item().url\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-main-item-dropdown\n      class=\"sl-hdr-main-item-dropdown-container\"\n      [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [item]=\"item()\"\n      (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n      (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n      (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color-icon)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], headerMainMenuItemClick: [{ type: i0.Output, args: ["headerMainMenuItemClick"] }], headerMainMenuItemDDClick: [{ type: i0.Output, args: ["headerMainMenuItemDDClick"] }], headerMainMenuHighlightDDClick: [{ type: i0.Output, args: ["headerMainMenuHighlightDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }], dropdownComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => HeaderMainMenuItemDropdownComponent), { isSignal: true }] }], onMouseOver: [{

package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs

@@ -34,10 +34,10 @@ class HeaderSideMenuItemComponent {
     headerSideMenuItemClicked(event) {
         this.headerSideMenuItemClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\n    <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\n      <span>{{ item().title }}</span>\n      @if (!item().children?.length) {\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\n        </svg>\n      }\n    </a>\n\n    @if (item().children?.length) {\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </div>\n\n  @if (item().children?.length) {\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\n      @for (child of item().children; track child.title) {\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n      }\n    </ul>\n  }\n}\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\n    <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\n      <span>{{ item().title }}</span>\n      @if (!item().children?.length) {\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\n        </svg>\n      }\n    </a>\n\n    @if (item().children?.length) {\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </div>\n\n  @if (item().children?.length) {\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\n      @for (child of item().children; track child.title) {\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n      }\n    </ul>\n  }\n}\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'li[sl-hdr-side-item]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\n    <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\n      <span>{{ item().title }}</span>\n      @if (!item().children?.length) {\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\n        </svg>\n      }\n    </a>\n\n    @if (item().children?.length) {\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </div>\n\n  @if (item().children?.length) {\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\n      @for (child of item().children; track child.title) {\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n      }\n    </ul>\n  }\n}\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], altStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "altStyle", required: false }] }], fontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontSize", required: false }] }], headerSideMenuItemClick: [{ type: i0.Output, args: ["headerSideMenuItemClick"] }], style: [{
@@ -55,10 +55,10 @@ class HeaderSideMenuComponent {
     overlayClick() {
         this.headerService.toggleShowSideMenu(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", inputs: { sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n  <div class=\"side-menu\">\n    <div class=\"side-menu-close\">\n      <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </button>\n    </div>\n\n    @if (sideMenuGeoloc()) {\n      <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\n    }\n\n    <nav>\n      <ul class=\"side-menu-content\">\n        @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n          @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\n            <li\n              sl-hdr-side-item\n              [item]=\"sideMenuItem\"\n              [fontSize]=\"firstGroup ? 16 : 14\"\n              [altStyle]=\"lastGroup\"\n              [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\n            ></li>\n          }\n        }\n      </ul>\n    </nav>\n  </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", inputs: { sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n  <div class=\"side-menu\">\n    <div class=\"side-menu-close\">\n      <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </button>\n    </div>\n\n    @if (sideMenuGeoloc()) {\n      <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\n    }\n\n    <nav>\n      <ul class=\"side-menu-content\">\n        @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n          @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\n            <li\n              sl-hdr-side-item\n              [item]=\"sideMenuItem\"\n              [fontSize]=\"firstGroup ? 16 : 14\"\n              [altStyle]=\"lastGroup\"\n              [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\n            ></li>\n          }\n        }\n      </ul>\n    </nav>\n  </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-side]', imports: [CommonModule, OverlayComponent, HeaderSideMenuItemComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n  <div class=\"side-menu\">\n    <div class=\"side-menu-close\">\n      <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </button>\n    </div>\n\n    @if (sideMenuGeoloc()) {\n      <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\n    }\n\n    <nav>\n      <ul class=\"side-menu-content\">\n        @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n          @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\n            <li\n              sl-hdr-side-item\n              [item]=\"sideMenuItem\"\n              [fontSize]=\"firstGroup ? 16 : 14\"\n              [altStyle]=\"lastGroup\"\n              [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\n            ></li>\n          }\n        }\n      </ul>\n    </nav>\n  </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"] }]
         }], propDecorators: { sideMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGroups", required: false }] }], sideMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGeoloc", required: false }] }] } });

package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs

@@ -32,10 +32,10 @@ class HeaderService {
         }
         this.showSideMenu.update(() => value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/rededor-site-front-end-lib-components-header.mjs

@@ -362,10 +362,10 @@ class HeaderComponent {
         this.searchChange.emit(event);
         this.headerService.toggleShowSearch(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, mainMenu: { classPropertyName: "mainMenu", publicName: "mainMenu", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGroups: { classPropertyName: "auxMenuGroups", publicName: "auxMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGeoloc: { classPropertyName: "auxMenuGeoloc", publicName: "auxMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick", searchChange: "searchChange" }, host: { listeners: { "window:resize": "checkWindowWidth($event)" }, properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n  @defer (hydrate on hover) {\n    <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n  }\n\n  <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n    <div class=\"sl-hdr-aux-wrapper\">\n      @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n        @if (firstGroup) {\n          <ul class=\"sl-hdr-aux-container\">\n            @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n              <li\n                sl-hdr-aux-item\n                [item]=\"auxMenuItem\"\n                (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n                (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n              ></li>\n            }\n          </ul>\n        } @else if (isDesktop()) {\n          <ul class=\"sl-hdr-aux-container\">\n            @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n              <li\n                sl-hdr-aux-item\n                [item]=\"auxMenuItem\"\n                [altStyle]=\"true\"\n                (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n                (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n              ></li>\n            }\n          </ul>\n        }\n      }\n      @if (auxMenuGeoloc()) {\n        <ul class=\"sl-hdr-aux-container\">\n          <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n        </ul>\n      }\n    </div>\n  </nav>\n\n  @defer (hydrate on hover) {\n    <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n  }\n\n  <nav class=\"sl-hdr-main\">\n    <ul class=\"sl-hdr-main-list\">\n      @for (mainItem of mainMenu(); track mainItem.title) {\n        @defer (hydrate on hover) {\n          <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n        }\n      }\n    </ul>\n  </nav>\n\n  @defer (hydrate when headerService.showSideMenu()) {\n    <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n  }\n\n  @if (searchControl()) {\n    @defer (hydrate when headerService.showSearch()) {\n      <rdsite-search\n        class=\"sl-hdr-search\"\n        [searchControl]=\"searchControl()!\"\n        [label]=\"'O que voc\u00EA procura?'\"\n        [debounceTime]=\"1500\"\n        [setFocus]=\"true\"\n        (enterPress)=\"doSearch($event)\"\n      >\n      </rdsite-search>\n    }\n  }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n  <rdsite-overlay\n    class=\"search-overlay\"\n    [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n    (overlayClick)=\"overlayClick()\"\n  ></rdsite-overlay>\n}\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper ul.sl-hdr-aux-container{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HeaderAuxMenuItemComponent, selector: "li[sl-hdr-aux-item]", inputs: ["item", "altStyle", "onlyDesktop"], outputs: ["headerAuxMenuItemClick", "headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent)], () => [import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent)], () => [i1.NgClass, import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)]] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, mainMenu: { classPropertyName: "mainMenu", publicName: "mainMenu", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGroups: { classPropertyName: "auxMenuGroups", publicName: "auxMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGeoloc: { classPropertyName: "auxMenuGeoloc", publicName: "auxMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick", searchChange: "searchChange" }, host: { listeners: { "window:resize": "checkWindowWidth($event)" }, properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n  @defer (hydrate on hover) {\n    <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n  }\n\n  <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n    <div class=\"sl-hdr-aux-wrapper\">\n      @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n        @if (firstGroup) {\n          <ul class=\"sl-hdr-aux-container\">\n            @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n              <li\n                sl-hdr-aux-item\n                [item]=\"auxMenuItem\"\n                (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n                (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n              ></li>\n            }\n          </ul>\n        } @else if (isDesktop()) {\n          <ul class=\"sl-hdr-aux-container\">\n            @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n              <li\n                sl-hdr-aux-item\n                [item]=\"auxMenuItem\"\n                [altStyle]=\"true\"\n                (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n                (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n              ></li>\n            }\n          </ul>\n        }\n      }\n      @if (auxMenuGeoloc()) {\n        <ul class=\"sl-hdr-aux-container\">\n          <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n        </ul>\n      }\n    </div>\n  </nav>\n\n  @defer (hydrate on hover) {\n    <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n  }\n\n  <nav class=\"sl-hdr-main\">\n    <ul class=\"sl-hdr-main-list\">\n      @for (mainItem of mainMenu(); track mainItem.title) {\n        @defer (hydrate on hover) {\n          <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n        }\n      }\n    </ul>\n  </nav>\n\n  @defer (hydrate when headerService.showSideMenu()) {\n    <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n  }\n\n  @if (searchControl()) {\n    @defer (hydrate when headerService.showSearch()) {\n      <rdsite-search\n        class=\"sl-hdr-search\"\n        [searchControl]=\"searchControl()!\"\n        [label]=\"'O que voc\u00EA procura?'\"\n        [debounceTime]=\"1500\"\n        [setFocus]=\"true\"\n        (enterPress)=\"doSearch($event)\"\n      >\n      </rdsite-search>\n    }\n  }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n  <rdsite-overlay\n    class=\"search-overlay\"\n    [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n    (overlayClick)=\"overlayClick()\"\n  ></rdsite-overlay>\n}\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper ul.sl-hdr-aux-container{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HeaderAuxMenuItemComponent, selector: "li[sl-hdr-aux-item]", inputs: ["item", "altStyle", "onlyDesktop"], outputs: ["headerAuxMenuItemClick", "headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent)], () => [import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent)], () => [i1.NgClass, import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.18", ngImport: i0, type: HeaderComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent), import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent), import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent), import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent), import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent), import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)], resolveMetadata: (HeaderLogoComponent, HeaderActionMenuComponent, HeaderMainMenuItemComponent, HeaderSideMenuComponent, SearchComponent, OverlayComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.16", ngImport: i0, type: HeaderComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent), import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent), import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent), import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent), import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent), import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)], resolveMetadata: (HeaderLogoComponent, HeaderActionMenuComponent, HeaderMainMenuItemComponent, HeaderSideMenuComponent, SearchComponent, OverlayComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'header[sl-hdr]', imports: [
                             CommonModule,
@@ -395,10 +395,10 @@ class HeaderLogoComponent {
     headerLogoClicked(event) {
         this.headerLogoClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderLogoComponent, isStandalone: true, selector: "div[sl-hdr-logo]", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href()\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n  @if (src()) {\n    <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src()\" [alt]=\"alt()\" [title]=\"title()\" />\n  }\n</a>\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderLogoComponent, isStandalone: true, selector: "div[sl-hdr-logo]", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href()\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n  @if (src()) {\n    <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src()\" [alt]=\"alt()\" [title]=\"title()\" />\n  }\n</a>\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderLogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderLogoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-logo]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [href]=\"href()\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n  @if (src()) {\n    <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src()\" [alt]=\"alt()\" [title]=\"title()\" />\n  }\n</a>\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"] }]
         }], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], headerLogoClick: [{ type: i0.Output, args: ["headerLogoClick"] }] } });

package/fesm2022/rededor-site-front-end-lib-components-image.mjs

@@ -32,10 +32,10 @@ class ImageComponent {
     handleImageError() {
         this.imageDefaultSrc.set(this.libConfig.fallbackImgSrc || '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ImageComponent, isStandalone: true, selector: "rdsite-image", inputs: { imageWebpSrc: { classPropertyName: "imageWebpSrc", publicName: "imageWebpSrc", isSignal: true, isRequired: false, transformFunction: null }, imageDefaultSrc: { classPropertyName: "imageDefaultSrc", publicName: "imageDefaultSrc", isSignal: true, isRequired: false, transformFunction: null }, imageSizes: { classPropertyName: "imageSizes", publicName: "imageSizes", isSignal: true, isRequired: false, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageDefaultSrc: "imageDefaultSrcChange", mimeType: "mimeTypeChange" }, ngImport: i0, template: "<picture>\n  @if (imageWebpSrc()) {\n    <source [srcset]=\"imageWebpSrc()\" [type]=\"mimeType()\" />\n  }\n  @for (image of imageSizes(); track image.source_url) {\n    <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n  }\n  <img [src]=\"imageDefaultSrc()\" [alt]=\"alt()\" [title]=\"title()\" [attr.loading]=\"loading()\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ImageComponent, isStandalone: true, selector: "rdsite-image", inputs: { imageWebpSrc: { classPropertyName: "imageWebpSrc", publicName: "imageWebpSrc", isSignal: true, isRequired: false, transformFunction: null }, imageDefaultSrc: { classPropertyName: "imageDefaultSrc", publicName: "imageDefaultSrc", isSignal: true, isRequired: false, transformFunction: null }, imageSizes: { classPropertyName: "imageSizes", publicName: "imageSizes", isSignal: true, isRequired: false, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageDefaultSrc: "imageDefaultSrcChange", mimeType: "mimeTypeChange" }, ngImport: i0, template: "<picture>\n  @if (imageWebpSrc()) {\n    <source [srcset]=\"imageWebpSrc()\" [type]=\"mimeType()\" />\n  }\n  @for (image of imageSizes(); track image.source_url) {\n    <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n  }\n  <img [src]=\"imageDefaultSrc()\" [alt]=\"alt()\" [title]=\"title()\" [attr.loading]=\"loading()\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rdsite-image', imports: [], template: "<picture>\n  @if (imageWebpSrc()) {\n    <source [srcset]=\"imageWebpSrc()\" [type]=\"mimeType()\" />\n  }\n  @for (image of imageSizes(); track image.source_url) {\n    <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n  }\n  <img [src]=\"imageDefaultSrc()\" [alt]=\"alt()\" [title]=\"title()\" [attr.loading]=\"loading()\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }]
         }], propDecorators: { imageWebpSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageWebpSrc", required: false }] }], imageDefaultSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageDefaultSrc", required: false }] }, { type: i0.Output, args: ["imageDefaultSrcChange"] }], imageSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSizes", required: false }] }], mimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "mimeType", required: false }] }, { type: i0.Output, args: ["mimeTypeChange"] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });