npm - @rededor/site-front-end-lib - Versions diffs - 20.0.27 → 20.0.28 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (915) hide show

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

@@ -0,0 +1,416 @@
+import * as i1 from '@angular/common';
+import { isPlatformServer, isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, DOCUMENT, PLATFORM_ID, input, output, signal, effect, HostListener, ViewEncapsulation, Component, ChangeDetectionStrategy } from '@angular/core';
+import { HeaderService } from '@rededor/site-front-end-lib/components/header/services';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { HeaderAuxMenuItemComponent } from '@rededor/site-front-end-lib/components/header/components/auxiliar';
+import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
+const getHeaderTheme = (project = 'site', themeStyle = 'default', curaApiService) => {
+    const theme = {
+        hdr: {},
+        'hdr-aux': {},
+        'hdr-act': {},
+        'hdr-main': {},
+        'hdr-side': {},
+    };
+    const [primaryLighter, primaryLight, primaryBase, primaryDark, primaryDarker] = [
+        curaApiService.theme.colors.getColor('primary-lighter'),
+        curaApiService.theme.colors.getColor('primary-light'),
+        curaApiService.theme.colors.getColor('primary-base'),
+        curaApiService.theme.colors.getColor('primary-dark'),
+        curaApiService.theme.colors.getColor('primary-darker'),
+    ];
+    const [accentLighter, accentLight, accentBase] = [
+        curaApiService.theme.colors.getColor('accent-lighter'),
+        curaApiService.theme.colors.getColor('accent-light'),
+        curaApiService.theme.colors.getColor('accent-base'),
+    ];
+    const [neutralPurewhite, neutralWhite, neutralBase, neutralBlack, neutralDarker] = [
+        curaApiService.theme.colors.getColor('neutral-purewhite'),
+        curaApiService.theme.colors.getColor('neutral-white'),
+        curaApiService.theme.colors.getColor('neutral-base'),
+        curaApiService.theme.colors.getColor('neutral-black'),
+        curaApiService.theme.colors.getColor('neutral-darker'),
+    ];
+    const [secondaryLighter, secondaryLight, secondaryDark] = [
+        curaApiService.theme.colors.getColor('secondary-lighter'),
+        curaApiService.theme.colors.getColor('secondary-light'),
+        curaApiService.theme.colors.getColor('secondary-dark'),
+    ];
+    switch (project) {
+        case 'site':
+            if (themeStyle === 'default') {
+                theme.hdr = {
+                    'bg-color': primaryBase,
+                    'over-bg-color': primaryDarker,
+                };
+                theme['hdr-aux'] = {
+                    'bg-color': primaryBase,
+                    'container-bg-color': primaryDarker,
+                    'drop-bg-color': neutralPurewhite,
+                    color: neutralPurewhite,
+                    hover: accentLight,
+                    active: accentBase,
+                    'color-alt': primaryLighter,
+                    'hover-alt': primaryLight,
+                    'active-alt': primaryBase,
+                };
+                theme['hdr-act'] = {
+                    'bg-color': neutralBase,
+                    'items-bg-color': neutralPurewhite,
+                    'items-color': primaryBase,
+                    'items-hover': primaryLight,
+                    'items-active': primaryDark,
+                };
+                theme['hdr-main'] = {
+                    'bg-color': primaryBase,
+                    color: neutralPurewhite,
+                    'color-icon': neutralPurewhite,
+                    hover: primaryLighter,
+                    'bg-hover': primaryDarker,
+                    active: primaryLight,
+                    'dd-bg-color': primaryDarker,
+                    'dd-color': neutralPurewhite,
+                    'dd-info-color': neutralPurewhite,
+                    'dd-icon-color': primaryLight,
+                    'dd-icon-color-hover': primaryLight,
+                    'dd-alt-color': primaryLighter,
+                    'dd-alt-hover': neutralPurewhite,
+                    'dd-lv2-content-bg': primaryBase,
+                    'dd-lv2-bg': primaryDarker,
+                    'dd-lv3-bg': primaryBase,
+                    'dd-lv4-bg': primaryDark,
+                    'dd-hl-title-color': primaryLighter,
+                    'dd-hl-title-hover': neutralPurewhite,
+                    'dd-hl-desc-color': primaryLighter,
+                    'dd-cta-bg': neutralPurewhite,
+                    'dd-cta-color': primaryBase,
+                    'dd-cta-border-color': neutralPurewhite,
+                };
+                theme['hdr-side'] = {
+                    'bg-color': primaryDarker,
+                    'border-bottom': primaryBase,
+                    'open-color': primaryLight,
+                    color: neutralPurewhite,
+                    hover: accentLighter,
+                    active: accentLight,
+                    'alt-color': primaryLighter,
+                    'alt-hover': neutralPurewhite,
+                    'alt-active': primaryLight,
+                };
+            }
+            else {
+                theme.hdr = {
+                    'bg-color': neutralPurewhite,
+                    'over-bg-color': primaryDarker,
+                };
+                theme['hdr-aux'] = {
+                    'bg-color': primaryDark,
+                    'container-bg-color': primaryBase,
+                    'drop-bg-color': neutralPurewhite,
+                    color: neutralPurewhite,
+                    hover: accentLight,
+                    active: accentBase,
+                    'color-alt': neutralPurewhite,
+                    'hover-alt': primaryLighter,
+                    'active-alt': primaryLight,
+                };
+                theme['hdr-act'] = {
+                    'bg-color': primaryBase,
+                    'items-bg-color': primaryDark,
+                    'items-color': primaryLight,
+                    'items-hover': primaryLighter,
+                    'items-active': primaryBase,
+                };
+                theme['hdr-main'] = {
+                    'bg-color': neutralPurewhite,
+                    color: primaryBase,
+                    'color-icon': primaryBase,
+                    hover: primaryLighter,
+                    'bg-hover': primaryDarker,
+                    active: primaryLight,
+                    'dd-bg-color': primaryDarker,
+                    'dd-color': neutralPurewhite,
+                    'dd-info-color': neutralPurewhite,
+                    'dd-icon-color': primaryLight,
+                    'dd-icon-color-hover': primaryLight,
+                    'dd-alt-color': primaryLighter,
+                    'dd-alt-hover': neutralPurewhite,
+                    'dd-lv2-content-bg': primaryBase,
+                    'dd-lv2-bg': primaryDarker,
+                    'dd-lv3-bg': primaryBase,
+                    'dd-lv4-bg': primaryDark,
+                    'dd-hl-title-color': primaryLighter,
+                    'dd-hl-title-hover': neutralPurewhite,
+                    'dd-hl-desc-color': primaryLighter,
+                    'dd-cta-bg': neutralPurewhite,
+                    'dd-cta-color': primaryBase,
+                    'dd-cta-border-color': neutralPurewhite,
+                };
+                theme['hdr-side'] = {
+                    'bg-color': primaryDarker,
+                    'border-bottom': primaryBase,
+                    'open-color': primaryLight,
+                    color: neutralPurewhite,
+                    hover: accentLighter,
+                    active: accentLight,
+                    'alt-color': primaryLighter,
+                    'alt-hover': neutralPurewhite,
+                    'alt-active': primaryLight,
+                };
+            }
+            break;
+        case 'star':
+            if (themeStyle === 'star') {
+                theme.hdr = {
+                    'bg-color': neutralPurewhite,
+                    'over-bg-color': primaryBase,
+                };
+                theme['hdr-aux'] = {
+                    'bg-color': secondaryLighter,
+                    'container-bg-color': secondaryLight,
+                    'drop-bg-color': neutralPurewhite,
+                    color: neutralBlack,
+                    hover: primaryBase,
+                    active: accentBase,
+                    'color-alt': neutralBlack,
+                    'hover-alt': primaryBase,
+                    'active-alt': neutralDarker,
+                };
+                theme['hdr-act'] = {
+                    'bg-color': secondaryLighter,
+                    'items-bg-color': secondaryDark,
+                    'items-color': neutralPurewhite,
+                    'items-hover': secondaryLight,
+                    'items-active': primaryBase,
+                };
+                theme['hdr-main'] = {
+                    'bg-color': primaryBase,
+                    color: neutralBlack,
+                    'color-icon': primaryBase,
+                    hover: neutralPurewhite,
+                    'bg-hover': primaryBase,
+                    active: primaryLight,
+                    'dd-bg-color': neutralWhite,
+                    'dd-color': neutralPurewhite,
+                    'dd-info-color': primaryBase,
+                    'dd-icon-color': primaryLight,
+                    'dd-icon-color-hover': neutralPurewhite,
+                    'dd-alt-color': primaryBase,
+                    'dd-alt-hover': neutralPurewhite,
+                    'dd-lv2-content-bg': accentLighter,
+                    'dd-lv2-bg': neutralWhite,
+                    'dd-lv3-bg': primaryBase,
+                    'dd-lv4-bg': primaryDark,
+                    'dd-hl-title-color': secondaryDark,
+                    'dd-hl-title-hover': primaryDarker,
+                    'dd-hl-desc-color': neutralBlack,
+                    'dd-cta-bg': neutralPurewhite,
+                    'dd-cta-color': primaryBase,
+                    'dd-cta-border-color': primaryBase,
+                };
+                theme['hdr-side'] = {
+                    'bg-color': secondaryDark,
+                    'border-bottom': primaryBase,
+                    'open-color': primaryDark,
+                    color: neutralPurewhite,
+                    hover: primaryDarker,
+                    active: accentLight,
+                    'alt-color': primaryLighter,
+                    'alt-hover': neutralPurewhite,
+                    'alt-active': primaryLight,
+                };
+            }
+            else {
+                theme.hdr = {
+                    'bg-color': neutralPurewhite,
+                    'over-bg-color': primaryDarker,
+                };
+                theme['hdr-aux'] = {
+                    'bg-color': primaryDark,
+                    'container-bg-color': primaryBase,
+                    'drop-bg-color': neutralPurewhite,
+                    color: neutralPurewhite,
+                    hover: accentLight,
+                    active: accentBase,
+                    'color-alt': neutralPurewhite,
+                    'hover-alt': primaryLighter,
+                    'active-alt': primaryLight,
+                };
+                theme['hdr-act'] = {
+                    'bg-color': primaryBase,
+                    'items-bg-color': primaryDark,
+                    'items-color': primaryLight,
+                    'items-hover': primaryLighter,
+                    'items-active': primaryBase,
+                };
+                theme['hdr-main'] = {
+                    'bg-color': neutralPurewhite,
+                    color: primaryBase,
+                    'color-icon': primaryBase,
+                    hover: primaryLighter,
+                    'bg-hover': primaryDarker,
+                    active: primaryLight,
+                    'dd-bg-color': primaryDarker,
+                    'dd-color': neutralPurewhite,
+                    'dd-info-color': neutralPurewhite,
+                    'dd-icon-color': primaryLight,
+                    'dd-icon-color-hover': primaryLight,
+                    'dd-alt-color': primaryLighter,
+                    'dd-alt-hover': neutralPurewhite,
+                    'dd-lv2-content-bg': primaryBase,
+                    'dd-lv2-bg': primaryDarker,
+                    'dd-lv3-bg': primaryBase,
+                    'dd-lv4-bg': primaryDark,
+                    'dd-hl-title-color': primaryLighter,
+                    'dd-hl-title-hover': neutralPurewhite,
+                    'dd-hl-desc-color': primaryLighter,
+                    'dd-cta-bg': neutralPurewhite,
+                    'dd-cta-color': primaryBase,
+                    'dd-cta-border-color': neutralPurewhite,
+                };
+                theme['hdr-side'] = {
+                    'bg-color': primaryDarker,
+                    'border-bottom': primaryBase,
+                    'open-color': primaryLight,
+                    color: neutralPurewhite,
+                    hover: accentLighter,
+                    active: accentLight,
+                    'alt-color': primaryLighter,
+                    'alt-hover': neutralPurewhite,
+                    'alt-active': primaryLight,
+                };
+            }
+            break;
+        default:
+            break;
+    }
+    return theme;
+};
+class HeaderComponent {
+    checkWindowWidth(event) {
+        this.isDesktop.set((event?.target?.innerWidth ?? 0) >= 1260);
+    }
+    constructor() {
+        this.curaApiService = inject(CuraApiService);
+        this.elementRef = inject(ElementRef);
+        this.document = inject(DOCUMENT);
+        this.platformId = inject(PLATFORM_ID);
+        this.headerService = inject(HeaderService);
+        this.project = input('site', ...(ngDevMode ? [{ debugName: "project" }] : []));
+        this.theme = input('default', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+        this.loginUrl = input('', ...(ngDevMode ? [{ debugName: "loginUrl" }] : []));
+        this.homeUrl = input('', ...(ngDevMode ? [{ debugName: "homeUrl" }] : []));
+        this.showSearch = input(true, ...(ngDevMode ? [{ debugName: "showSearch" }] : []));
+        this.logo = input({ src: '', alt: '', title: '', href: '' }, ...(ngDevMode ? [{ debugName: "logo" }] : []));
+        this.searchControl = input(null, ...(ngDevMode ? [{ debugName: "searchControl" }] : []));
+        this.mainMenu = input([], ...(ngDevMode ? [{ debugName: "mainMenu" }] : []));
+        this.auxMenuGroups = input([], ...(ngDevMode ? [{ debugName: "auxMenuGroups" }] : []));
+        this.auxMenuGeoloc = input(null, ...(ngDevMode ? [{ debugName: "auxMenuGeoloc" }] : []));
+        this.sideMenuGroups = input([], ...(ngDevMode ? [{ debugName: "sideMenuGroups" }] : []));
+        this.sideMenuGeoloc = input(null, ...(ngDevMode ? [{ debugName: "sideMenuGeoloc" }] : []));
+        this.headerAuxMenuItemClick = output();
+        this.headerAuxMenuItemDDClick = output();
+        this.headerMainMenuCtaDDClick = output();
+        this.searchChange = output();
+        this.isDesktop = signal(false, ...(ngDevMode ? [{ debugName: "isDesktop" }] : []));
+        this.scrollTop = 0;
+        this.windowWidth = 0;
+        effect(() => {
+            if (isPlatformServer(this.platformId) || !this.document.defaultView)
+                return;
+            if (this.headerService.showSearch() || this.headerService.showSideMenu()) {
+                this.scrollTop = this.document.documentElement.scrollTop ?? 0;
+                this.document.defaultView.onscroll = () => {
+                    this.document.documentElement.scrollTo({ top: this.scrollTop, behavior: 'auto' });
+                };
+            }
+            else {
+                this.document.defaultView.onscroll = null;
+                this.scrollTop = 0;
+            }
+        });
+        effect(() => {
+            this.updateHeaderTheme();
+        });
+    }
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.windowWidth = window.innerWidth;
+            this.isDesktop.set((this.windowWidth ?? 0) >= 1260);
+        }
+    }
+    ngAfterViewInit() {
+        this.updateHeaderTheme();
+    }
+    updateHeaderTheme() {
+        const headerTheme = getHeaderTheme(this.project(), this.theme(), this.curaApiService);
+        Object.entries(headerTheme).forEach(([key, value]) => {
+            Object.entries(value).forEach(([prop, val]) => {
+                const cssVar = `--${key}-${prop}`;
+                this.elementRef.nativeElement.style.setProperty(cssVar, val);
+            });
+        });
+    }
+    overlayClick() {
+        this.headerService.toggleShowSearch(false);
+    }
+    doSearch(event) {
+        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)]] }); }
+}
+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: [{
+                type: Component,
+                args: [{ selector: 'header[sl-hdr]', imports: [
+                            CommonModule,
+                            OverlayComponent,
+                            SearchComponent,
+                            HeaderLogoComponent,
+                            HeaderActionMenuComponent,
+                            HeaderMainMenuItemComponent,
+                            HeaderSideMenuComponent,
+                            HeaderAuxMenuItemComponent,
+                        ], encapsulation: ViewEncapsulation.None, host: {
+                            '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',
+                        }, 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"] }]
+            }], ctorParameters: () => [], propDecorators: { project: [{ type: i0.Input, args: [{ isSignal: true, alias: "project", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], loginUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginUrl", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], searchControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchControl", required: false }] }], mainMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainMenu", required: false }] }], auxMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "auxMenuGroups", required: false }] }], auxMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "auxMenuGeoloc", required: false }] }], sideMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGroups", required: false }] }], sideMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGeoloc", required: false }] }], headerAuxMenuItemClick: [{ type: i0.Output, args: ["headerAuxMenuItemClick"] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], checkWindowWidth: [{
+                    type: HostListener,
+                    args: ['window:resize', ['$event']]
+                }] } }) });
+class HeaderLogoComponent {
+    constructor() {
+        this.href = input('', ...(ngDevMode ? [{ debugName: "href" }] : []));
+        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
+        this.src = input('', ...(ngDevMode ? [{ debugName: "src" }] : []));
+        this.headerLogoClick = output();
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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"] }] } });
+var headerLogo_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    HeaderLogoComponent: HeaderLogoComponent
+});
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { HeaderComponent, HeaderLogoComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-components-header.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"rededor-site-front-end-lib-components-header.mjs","sources":["../../../projects/site-front-end-lib/components/header/helpers/headerTheme.func.ts","../../../projects/site-front-end-lib/components/header/header.component.ts","../../../projects/site-front-end-lib/components/header/header.component.html","../../../projects/site-front-end-lib/components/header/components/header-logo/header-logo.component.ts","../../../projects/site-front-end-lib/components/header/components/header-logo/header-logo.component.html","../../../projects/site-front-end-lib/components/header/rededor-site-front-end-lib-components-header.ts"],"sourcesContent":["import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { HeaderTheme } from '../models/HeaderTheme.model';\n\nexport const getHeaderTheme = (project: string = 'site', themeStyle: string = 'default', curaApiService: CuraApiService) => {\n const theme: HeaderTheme = {\n hdr: {},\n 'hdr-aux': {},\n 'hdr-act': {},\n 'hdr-main': {},\n 'hdr-side': {},\n };\n\n const [primaryLighter, primaryLight, primaryBase, primaryDark, primaryDarker] = [\n curaApiService.theme.colors.getColor('primary-lighter'),\n curaApiService.theme.colors.getColor('primary-light'),\n curaApiService.theme.colors.getColor('primary-base'),\n curaApiService.theme.colors.getColor('primary-dark'),\n curaApiService.theme.colors.getColor('primary-darker'),\n ];\n const [accentLighter, accentLight, accentBase] = [\n curaApiService.theme.colors.getColor('accent-lighter'),\n curaApiService.theme.colors.getColor('accent-light'),\n curaApiService.theme.colors.getColor('accent-base'),\n ];\n const [neutralPurewhite, neutralWhite, neutralBase, neutralBlack, neutralDarker] = [\n curaApiService.theme.colors.getColor('neutral-purewhite'),\n curaApiService.theme.colors.getColor('neutral-white'),\n curaApiService.theme.colors.getColor('neutral-base'),\n curaApiService.theme.colors.getColor('neutral-black'),\n curaApiService.theme.colors.getColor('neutral-darker'),\n ];\n\n const [secondaryLighter, secondaryLight, secondaryDark] = [\n curaApiService.theme.colors.getColor('secondary-lighter'),\n curaApiService.theme.colors.getColor('secondary-light'),\n curaApiService.theme.colors.getColor('secondary-dark'),\n ];\n\n switch (project) {\n case 'site':\n if (themeStyle === 'default') {\n theme.hdr = {\n 'bg-color': primaryBase,\n 'over-bg-color': primaryDarker,\n };\n theme['hdr-aux'] = {\n 'bg-color': primaryBase,\n 'container-bg-color': primaryDarker,\n 'drop-bg-color': neutralPurewhite,\n color: neutralPurewhite,\n hover: accentLight,\n active: accentBase,\n 'color-alt': primaryLighter,\n 'hover-alt': primaryLight,\n 'active-alt': primaryBase,\n };\n theme['hdr-act'] = {\n 'bg-color': neutralBase,\n 'items-bg-color': neutralPurewhite,\n 'items-color': primaryBase,\n 'items-hover': primaryLight,\n 'items-active': primaryDark,\n };\n theme['hdr-main'] = {\n 'bg-color': primaryBase,\n color: neutralPurewhite,\n 'color-icon': neutralPurewhite,\n hover: primaryLighter,\n 'bg-hover': primaryDarker,\n active: primaryLight,\n 'dd-bg-color': primaryDarker,\n 'dd-color': neutralPurewhite,\n 'dd-info-color': neutralPurewhite,\n 'dd-icon-color': primaryLight,\n 'dd-icon-color-hover': primaryLight,\n 'dd-alt-color': primaryLighter,\n 'dd-alt-hover': neutralPurewhite,\n 'dd-lv2-content-bg': primaryBase,\n 'dd-lv2-bg': primaryDarker,\n 'dd-lv3-bg': primaryBase,\n 'dd-lv4-bg': primaryDark,\n 'dd-hl-title-color': primaryLighter,\n 'dd-hl-title-hover': neutralPurewhite,\n 'dd-hl-desc-color': primaryLighter,\n 'dd-cta-bg': neutralPurewhite,\n 'dd-cta-color': primaryBase,\n 'dd-cta-border-color': neutralPurewhite,\n };\n theme['hdr-side'] = {\n 'bg-color': primaryDarker,\n 'border-bottom': primaryBase,\n 'open-color': primaryLight,\n color: neutralPurewhite,\n hover: accentLighter,\n active: accentLight,\n 'alt-color': primaryLighter,\n 'alt-hover': neutralPurewhite,\n 'alt-active': primaryLight,\n };\n } else {\n theme.hdr = {\n 'bg-color': neutralPurewhite,\n 'over-bg-color': primaryDarker,\n };\n theme['hdr-aux'] = {\n 'bg-color': primaryDark,\n 'container-bg-color': primaryBase,\n 'drop-bg-color': neutralPurewhite,\n color: neutralPurewhite,\n hover: accentLight,\n active: accentBase,\n 'color-alt': neutralPurewhite,\n 'hover-alt': primaryLighter,\n 'active-alt': primaryLight,\n };\n theme['hdr-act'] = {\n 'bg-color': primaryBase,\n 'items-bg-color': primaryDark,\n 'items-color': primaryLight,\n 'items-hover': primaryLighter,\n 'items-active': primaryBase,\n };\n theme['hdr-main'] = {\n 'bg-color': neutralPurewhite,\n color: primaryBase,\n 'color-icon': primaryBase,\n hover: primaryLighter,\n 'bg-hover': primaryDarker,\n active: primaryLight,\n 'dd-bg-color': primaryDarker,\n 'dd-color': neutralPurewhite,\n 'dd-info-color': neutralPurewhite,\n 'dd-icon-color': primaryLight,\n 'dd-icon-color-hover': primaryLight,\n 'dd-alt-color': primaryLighter,\n 'dd-alt-hover': neutralPurewhite,\n 'dd-lv2-content-bg': primaryBase,\n 'dd-lv2-bg': primaryDarker,\n 'dd-lv3-bg': primaryBase,\n 'dd-lv4-bg': primaryDark,\n 'dd-hl-title-color': primaryLighter,\n 'dd-hl-title-hover': neutralPurewhite,\n 'dd-hl-desc-color': primaryLighter,\n 'dd-cta-bg': neutralPurewhite,\n 'dd-cta-color': primaryBase,\n 'dd-cta-border-color': neutralPurewhite,\n };\n theme['hdr-side'] = {\n 'bg-color': primaryDarker,\n 'border-bottom': primaryBase,\n 'open-color': primaryLight,\n color: neutralPurewhite,\n hover: accentLighter,\n active: accentLight,\n 'alt-color': primaryLighter,\n 'alt-hover': neutralPurewhite,\n 'alt-active': primaryLight,\n };\n }\n break;\n case 'star':\n if (themeStyle === 'star') {\n theme.hdr = {\n 'bg-color': neutralPurewhite,\n 'over-bg-color': primaryBase,\n };\n theme['hdr-aux'] = {\n 'bg-color': secondaryLighter,\n 'container-bg-color': secondaryLight,\n 'drop-bg-color': neutralPurewhite,\n color: neutralBlack,\n hover: primaryBase,\n active: accentBase,\n 'color-alt': neutralBlack,\n 'hover-alt': primaryBase,\n 'active-alt': neutralDarker,\n };\n theme['hdr-act'] = {\n 'bg-color': secondaryLighter,\n 'items-bg-color': secondaryDark,\n 'items-color': neutralPurewhite,\n 'items-hover': secondaryLight,\n 'items-active': primaryBase,\n };\n theme['hdr-main'] = {\n 'bg-color': primaryBase,\n color: neutralBlack,\n 'color-icon': primaryBase,\n hover: neutralPurewhite,\n 'bg-hover': primaryBase,\n active: primaryLight,\n 'dd-bg-color': neutralWhite,\n 'dd-color': neutralPurewhite,\n 'dd-info-color': primaryBase,\n 'dd-icon-color': primaryLight,\n 'dd-icon-color-hover': neutralPurewhite,\n 'dd-alt-color': primaryBase,\n 'dd-alt-hover': neutralPurewhite,\n 'dd-lv2-content-bg': accentLighter,\n 'dd-lv2-bg': neutralWhite,\n 'dd-lv3-bg': primaryBase,\n 'dd-lv4-bg': primaryDark,\n 'dd-hl-title-color': secondaryDark,\n 'dd-hl-title-hover': primaryDarker,\n 'dd-hl-desc-color': neutralBlack,\n 'dd-cta-bg': neutralPurewhite,\n 'dd-cta-color': primaryBase,\n 'dd-cta-border-color': primaryBase,\n };\n theme['hdr-side'] = {\n 'bg-color': secondaryDark,\n 'border-bottom': primaryBase,\n 'open-color': primaryDark,\n color: neutralPurewhite,\n hover: primaryDarker,\n active: accentLight,\n 'alt-color': primaryLighter,\n 'alt-hover': neutralPurewhite,\n 'alt-active': primaryLight,\n };\n } else {\n theme.hdr = {\n 'bg-color': neutralPurewhite,\n 'over-bg-color': primaryDarker,\n };\n theme['hdr-aux'] = {\n 'bg-color': primaryDark,\n 'container-bg-color': primaryBase,\n 'drop-bg-color': neutralPurewhite,\n color: neutralPurewhite,\n hover: accentLight,\n active: accentBase,\n 'color-alt': neutralPurewhite,\n 'hover-alt': primaryLighter,\n 'active-alt': primaryLight,\n };\n theme['hdr-act'] = {\n 'bg-color': primaryBase,\n 'items-bg-color': primaryDark,\n 'items-color': primaryLight,\n 'items-hover': primaryLighter,\n 'items-active': primaryBase,\n };\n theme['hdr-main'] = {\n 'bg-color': neutralPurewhite,\n color: primaryBase,\n 'color-icon': primaryBase,\n hover: primaryLighter,\n 'bg-hover': primaryDarker,\n active: primaryLight,\n 'dd-bg-color': primaryDarker,\n 'dd-color': neutralPurewhite,\n 'dd-info-color': neutralPurewhite,\n 'dd-icon-color': primaryLight,\n 'dd-icon-color-hover': primaryLight,\n 'dd-alt-color': primaryLighter,\n 'dd-alt-hover': neutralPurewhite,\n 'dd-lv2-content-bg': primaryBase,\n 'dd-lv2-bg': primaryDarker,\n 'dd-lv3-bg': primaryBase,\n 'dd-lv4-bg': primaryDark,\n 'dd-hl-title-color': primaryLighter,\n 'dd-hl-title-hover': neutralPurewhite,\n 'dd-hl-desc-color': primaryLighter,\n 'dd-cta-bg': neutralPurewhite,\n 'dd-cta-color': primaryBase,\n 'dd-cta-border-color': neutralPurewhite,\n };\n theme['hdr-side'] = {\n 'bg-color': primaryDarker,\n 'border-bottom': primaryBase,\n 'open-color': primaryLight,\n color: neutralPurewhite,\n hover: accentLighter,\n active: accentLight,\n 'alt-color': primaryLighter,\n 'alt-hover': neutralPurewhite,\n 'alt-active': primaryLight,\n };\n }\n break;\n\n default:\n break;\n }\n\n return theme;\n};\n","import { CommonModule, isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport {\n Component,\n effect,\n PLATFORM_ID,\n ViewEncapsulation,\n ElementRef,\n AfterViewInit,\n DOCUMENT,\n input,\n TemplateRef,\n signal,\n HostListener,\n output,\n inject,\n OnInit,\n} from '@angular/core';\nimport { getHeaderTheme } from './helpers/headerTheme.func';\nimport { HeaderTheme } from './models/HeaderTheme.model';\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\nimport { UntypedFormControl } from '@angular/forms';\nimport { HeaderLogoComponent } from './components/header-logo/header-logo.component';\nimport { HeaderActionMenuComponent } from '@rededor/site-front-end-lib/components/header/components/action';\nimport { MenuItem } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { OverlayComponent } from '@rededor/site-front-end-lib/components/overlay';\nimport { SearchComponent } from '@rededor/site-front-end-lib/components/search';\nimport { HeaderMainMenuItemComponent } from '@rededor/site-front-end-lib/components/header/components/main';\nimport { HeaderSideMenuComponent } from '@rededor/site-front-end-lib/components/header/components/side';\nimport { HeaderAuxMenuItemComponent } from '@rededor/site-front-end-lib/components/header/components/auxiliar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'header[sl-hdr]',\n imports: [\n CommonModule,\n OverlayComponent,\n SearchComponent,\n HeaderLogoComponent,\n HeaderActionMenuComponent,\n HeaderMainMenuItemComponent,\n HeaderSideMenuComponent,\n HeaderAuxMenuItemComponent,\n ],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header.component.html',\n styleUrl: './header.component.scss',\n host: {\n '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',\n },\n})\nexport class HeaderComponent implements AfterViewInit, OnInit {\n public curaApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n private document = inject(DOCUMENT);\n private platformId = inject(PLATFORM_ID);\n headerService = inject(HeaderService);\n\n project = input<string>('site');\n theme = input<string>('default');\n loginUrl = input<string>('');\n homeUrl = input<string>('');\n showSearch = input<boolean>(true);\n logo = input<{ src: string; alt: string; title: string; href: string }>({ src: '', alt: '', title: '', href: '' });\n searchControl = input<UntypedFormControl | null>(null);\n\n mainMenu = input<MenuItem[]>([]);\n auxMenuGroups = input<MenuItem[][]>([]);\n auxMenuGeoloc = input<TemplateRef<any> | null>(null);\n sideMenuGroups = input<MenuItem[][]>([]);\n sideMenuGeoloc = input<TemplateRef<any> | null>(null);\n\n headerAuxMenuItemClick = output<Event>();\n headerAuxMenuItemDDClick = output<Event>();\n headerMainMenuCtaDDClick = output<{ event: Event; item: MenuItem }>();\n searchChange = output<string>();\n\n isDesktop = signal(false);\n scrollTop = 0;\n windowWidth = 0;\n\n @HostListener('window:resize', ['$event'])\n checkWindowWidth(event: any) {\n this.isDesktop.set((event?.target?.innerWidth ?? 0) >= 1260);\n }\n\n constructor() {\n effect(() => {\n if (isPlatformServer(this.platformId) || !this.document.defaultView) return;\n if (this.headerService.showSearch() || this.headerService.showSideMenu()) {\n this.scrollTop = this.document.documentElement.scrollTop ?? 0;\n this.document.defaultView.onscroll = () => {\n this.document.documentElement.scrollTo({ top: this.scrollTop, behavior: 'auto' });\n };\n } else {\n this.document.defaultView.onscroll = null;\n this.scrollTop = 0;\n }\n });\n\n effect(() => {\n this.updateHeaderTheme();\n });\n }\n\n ngOnInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.windowWidth = window.innerWidth;\n this.isDesktop.set((this.windowWidth ?? 0) >= 1260);\n }\n }\n\n ngAfterViewInit() {\n this.updateHeaderTheme();\n }\n\n private updateHeaderTheme() {\n const headerTheme: HeaderTheme = getHeaderTheme(this.project(), this.theme(), this.curaApiService);\n Object.entries(headerTheme).forEach(([key, value]) => {\n Object.entries(value).forEach(([prop, val]) => {\n const cssVar = `--${key}-${prop}`;\n this.elementRef.nativeElement.style.setProperty(cssVar, val as string);\n });\n });\n }\n\n overlayClick() {\n this.headerService.toggleShowSearch(false);\n }\n\n doSearch(event: any) {\n this.searchChange.emit(event);\n this.headerService.toggleShowSearch(false);\n }\n}\n","<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ê 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","import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[sl-hdr-logo]',\n imports: [RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './header-logo.component.html',\n styleUrl: './header-logo.component.scss',\n})\nexport class HeaderLogoComponent {\n href = input<string>('');\n title = input<string>('');\n alt = input<string>('');\n src = input<string>('');\n headerLogoClick = output<Event>();\n\n headerLogoClicked(event: Event) {\n this.headerLogoClick.emit(event);\n }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, input, model, Component } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { LIB_CONFIG } from '@rededor/site-front-end-lib/core';
+import { ImageMimeType } from '@rededor/site-front-end-lib/enums';
+class ImageComponent {
+    constructor() {
+        this.libConfig = inject(LIB_CONFIG);
+        this.platformId = inject(PLATFORM_ID);
+        this.imageWebpSrc = input('', ...(ngDevMode ? [{ debugName: "imageWebpSrc" }] : []));
+        this.imageDefaultSrc = model('', ...(ngDevMode ? [{ debugName: "imageDefaultSrc" }] : []));
+        this.imageSizes = input([], ...(ngDevMode ? [{ debugName: "imageSizes" }] : []));
+        this.mimeType = model(ImageMimeType.JPEG, ...(ngDevMode ? [{ debugName: "mimeType" }] : []));
+        this.alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
+        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.loading = input('lazy', ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    }
+    ngOnInit() {
+        if (this.imageWebpSrc()) {
+            this.mimeType.set(ImageMimeType.WEBP);
+        }
+        if (isPlatformServer(this.platformId)) {
+            this.handleServerImageError();
+        }
+    }
+    handleServerImageError() {
+        if (!this.imageDefaultSrc()) {
+            this.handleImageError();
+        }
+    }
+    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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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 }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ImageComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-components-image.mjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"rededor-site-front-end-lib-components-image.mjs","sources":["../../../projects/site-front-end-lib/components/image/image.component.ts","../../../projects/site-front-end-lib/components/image/image.component.html","../../../projects/site-front-end-lib/components/image/rededor-site-front-end-lib-components-image.ts"],"sourcesContent":["import { Component, OnInit, PLATFORM_ID, input, model, inject } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { LIB_CONFIG, LibConfig, RdsiteImage } from '@rededor/site-front-end-lib/core';\nimport { ImageMimeType } from '@rededor/site-front-end-lib/enums';\n\n@Component({\n selector: 'rdsite-image',\n imports: [],\n templateUrl: './image.component.html',\n styleUrl: './image.component.scss',\n})\nexport class ImageComponent implements OnInit {\n private libConfig = inject<LibConfig>(LIB_CONFIG);\n private readonly platformId = inject(PLATFORM_ID);\n\n readonly imageWebpSrc = input<string>('');\n imageDefaultSrc = model<string>('');\n readonly imageSizes = input<RdsiteImage[]>([]);\n mimeType = model<ImageMimeType>(ImageMimeType.JPEG);\n readonly alt = input<string>('');\n readonly title = input<string>('');\n readonly loading = input<'eager' | 'lazy'>('lazy');\n\n ngOnInit(): void {\n if (this.imageWebpSrc()) {\n this.mimeType.set(ImageMimeType.WEBP);\n }\n\n if (isPlatformServer(this.platformId)) {\n this.handleServerImageError();\n }\n }\n\n private handleServerImageError() {\n if (!this.imageDefaultSrc()) {\n this.handleImageError();\n }\n }\n\n handleImageError(): void {\n this.imageDefaultSrc.set(this.libConfig.fallbackImgSrc || '');\n }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAWa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;AAOU,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAY,UAAU,CAAC;AAChC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAExC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAS,EAAE,wDAAC;AACzC,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAS,EAAE,2DAAC;AAC1B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAgB,EAAE,sDAAC;AAC9C,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAgB,aAAa,CAAC,IAAI,oDAAC;AAC1C,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAS,EAAE,+CAAC;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAmB,MAAM,mDAAC;AAqBnD,IAAA;IAnBC,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC;QACvC;AAEA,QAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACrC,IAAI,CAAC,sBAAsB,EAAE;QAC/B;IACF;IAEQ,sBAAsB,GAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;YAC3B,IAAI,CAAC,gBAAgB,EAAE;QACzB;IACF;IAEA,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,IAAI,EAAE,CAAC;IAC/D;+GA9BW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,0jCCX3B,iaASA,EAAA,MAAA,EAAA,CAAA,qHAAA,CAAA,EAAA,CAAA,CAAA;;4FDEa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,WACf,EAAE,EAAA,QAAA,EAAA,iaAAA,EAAA,MAAA,EAAA,CAAA,qHAAA,CAAA,EAAA;;;AEPb;;AAEG;;;;"}