myrtex-widget-site-header 1.0.8 → 1.0.9

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 (6) hide show
  1. package/esm2020/lib/myrtex-widget-site-header.component.mjs +2 -2
  2. package/fesm2015/myrtex-widget-site-header.mjs +2 -2
  3. package/fesm2015/myrtex-widget-site-header.mjs.map +1 -1
  4. package/fesm2020/myrtex-widget-site-header.mjs +2 -2
  5. package/fesm2020/myrtex-widget-site-header.mjs.map +1 -1
  6. package/package.json +1 -1
package/esm2020/lib/myrtex-widget-site-header.component.mjs CHANGED
@@ -146,10 +146,10 @@ export class MyrtexWidgetSiteHeaderComponent {
146
146
  }
147
147
  }
148
148
  MyrtexWidgetSiteHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MyrtexWidgetSiteHeaderComponent, deps: [{ token: i1.BreakpointObserver }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
149
- MyrtexWidgetSiteHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MyrtexWidgetSiteHeaderComponent, selector: "lib-myrtex-widget-site-header", inputs: { dataHeader: ["data-header", "dataHeader"] }, ngImport: i0, template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"], components: [{ type: i2.MainMenuComponent, selector: "lib-main-menu", inputs: ["customClass", "opened", "isMobile", "headerModel"] }, { type: i3.OvzMenuComponent, selector: "lib-ovz-menu", inputs: ["opened"], outputs: ["closed"] }, { type: i4.AllServicesMenuComponent, selector: "lib-all-services-menu", inputs: ["headerModel"], outputs: ["closed"] }, { type: i5.PublicPagesComponent, selector: "lib-public-pages", inputs: ["data", "headerPosition"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
149
+ MyrtexWidgetSiteHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MyrtexWidgetSiteHeaderComponent, selector: "lib-myrtex-widget-site-header", inputs: { dataHeader: ["data-header", "dataHeader"] }, ngImport: i0, template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{line-height:1.25;font-weight:400;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;line-height:1.4;font-weight:400;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list .services-list__link-name,:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-weight:600}}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap;color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"], components: [{ type: i2.MainMenuComponent, selector: "lib-main-menu", inputs: ["customClass", "opened", "isMobile", "headerModel"] }, { type: i3.OvzMenuComponent, selector: "lib-ovz-menu", inputs: ["opened"], outputs: ["closed"] }, { type: i4.AllServicesMenuComponent, selector: "lib-all-services-menu", inputs: ["headerModel"], outputs: ["closed"] }, { type: i5.PublicPagesComponent, selector: "lib-public-pages", inputs: ["data", "headerPosition"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
150
150
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MyrtexWidgetSiteHeaderComponent, decorators: [{
151
151
  type: Component,
152
- args: [{ selector: 'lib-myrtex-widget-site-header', template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"] }]
152
+ args: [{ selector: 'lib-myrtex-widget-site-header', template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{line-height:1.25;font-weight:400;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;line-height:1.4;font-weight:400;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list .services-list__link-name,:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-weight:600}}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap;color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"] }]
153
153
  }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i0.Renderer2 }]; }, propDecorators: { dataHeader: [{
154
154
  type: Input,
155
155
  args: ['data-header']
package/fesm2015/myrtex-widget-site-header.mjs CHANGED
@@ -540,10 +540,10 @@ class MyrtexWidgetSiteHeaderComponent {
540
540
  }
541
541
  }
542
542
  MyrtexWidgetSiteHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MyrtexWidgetSiteHeaderComponent, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
543
- MyrtexWidgetSiteHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MyrtexWidgetSiteHeaderComponent, selector: "lib-myrtex-widget-site-header", inputs: { dataHeader: ["data-header", "dataHeader"] }, ngImport: i0, template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"], components: [{ type: MainMenuComponent, selector: "lib-main-menu", inputs: ["customClass", "opened", "isMobile", "headerModel"] }, { type: OvzMenuComponent, selector: "lib-ovz-menu", inputs: ["opened"], outputs: ["closed"] }, { type: AllServicesMenuComponent, selector: "lib-all-services-menu", inputs: ["headerModel"], outputs: ["closed"] }, { type: PublicPagesComponent, selector: "lib-public-pages", inputs: ["data", "headerPosition"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
543
+ MyrtexWidgetSiteHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MyrtexWidgetSiteHeaderComponent, selector: "lib-myrtex-widget-site-header", inputs: { dataHeader: ["data-header", "dataHeader"] }, ngImport: i0, template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{line-height:1.25;font-weight:400;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;line-height:1.4;font-weight:400;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list .services-list__link-name,:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-weight:600}}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap;color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"], components: [{ type: MainMenuComponent, selector: "lib-main-menu", inputs: ["customClass", "opened", "isMobile", "headerModel"] }, { type: OvzMenuComponent, selector: "lib-ovz-menu", inputs: ["opened"], outputs: ["closed"] }, { type: AllServicesMenuComponent, selector: "lib-all-services-menu", inputs: ["headerModel"], outputs: ["closed"] }, { type: PublicPagesComponent, selector: "lib-public-pages", inputs: ["data", "headerPosition"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
544
544
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MyrtexWidgetSiteHeaderComponent, decorators: [{
545
545
  type: Component,
546
- args: [{ selector: 'lib-myrtex-widget-site-header', template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"] }]
546
+ args: [{ selector: 'lib-myrtex-widget-site-header', template: "<header class=\"universal-header\">\r\n <div class=\"universal-header__top\">\r\n <div class=\"container\">\r\n <a href=\"/\" class=\"universal-header__top-logo\">\r\n <svg class=\"top-logo__logo\">\r\n <use xlink:href=\"#FPG_logo_black\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"universal-header__top-right\">\r\n <div class=\"universal-header__buttons\">\r\n <!-- <div class=\"universal-header__ovz\">\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isOvzModeOpened\"\r\n aria-controls=\"ovzDropdown\"\r\n (click)=\"toggleOvzModeWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" aria-hidden=\"true\" *ngIf=\"isDesktop || !isOvzModeOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-glasses icon-font-20 text-normal\">\r\n </span>\r\n \r\n <span aria-hidden=\"true\" *ngIf=\"isOvzModeOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0435\u0440\u0441\u0438\u044F \u0434\u043B\u044F \u0441\u043B\u0430\u0431\u043E\u0432\u0438\u0434\u044F\u0449\u0438\u0445</span>\r\n </button>\r\n\r\n <lib-ovz-menu\r\n *ngIf=\"!isMobile\"\r\n [opened]=\"isOvzModeOpened\"\r\n (closed)=\"isOvzModeOpened = false\"\r\n ></lib-ovz-menu>\r\n </div> -->\r\n\r\n <button\r\n class=\"universal-button\"\r\n [class.active]=\"isAllServicesMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"allServicesDropdown\"\r\n (click)=\"toggleAllServicesWrapper($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isDesktop || !isAllServicesMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-components icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isAllServicesMenuOpened && !isDesktop\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n\r\n <span *ngIf=\"isDesktop\">\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</span>\r\n </button>\r\n\r\n <button\r\n *ngIf=\"isMobile\"\r\n class=\"universal-button\"\r\n [class.active]=\"isMobileMenuOpened\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"user-dropdown\"\r\n (click)=\"toggleMainMenu($event)\"\r\n >\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && !isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-menu icon-font-20 text-normal text-normal\">\r\n </span>\r\n\r\n <span aria-hidden=\"true\" *ngIf=\"isMobile && isMobileMenuOpened\" \r\n class=\"mrx-icon fpg-icon icon-fpg-close icon-font-20 text-normal\">\r\n </span>\r\n </button>\r\n </div>\r\n <!--\r\n <div> \u0443\u0441\u043B\u043E\u0432\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F award-user-menu-injection \u043D\u0430 \u044D\u0442\u043E\u0442 \u0434\u0438\u0432\r\n <award-user-menu-injection></award-user-menu-injection>\r\n </div>\r\n -->\r\n <lib-main-menu [headerModel]=\"headerModel\" [isMobile]=\"isMobile\" [opened]=\"isMobileMenuOpened\"></lib-main-menu>\r\n </div>\r\n </div>\r\n <lib-ovz-menu *ngIf=\"isMobile\" (closed)=\"isOvzModeOpened = false\" [opened]=\"isOvzModeOpened\"></lib-ovz-menu>\r\n\r\n <lib-all-services-menu\r\n *ngIf=\"isAllServicesMenuOpened\"\r\n [headerModel]=\"headerModel\" \r\n (closed)=\"isAllServicesMenuOpened = false\"\r\n ></lib-all-services-menu>\r\n </div>\r\n\r\n <div class=\"container\" *ngIf=\"!isMobile\">\r\n <lib-public-pages\r\n [data]=\"headerModel.publicPages\"\r\n [headerPosition]=\"headerModel.headerPosition ?? ''\"\r\n ></lib-public-pages>\r\n </div>\r\n</header>\r\n", styles: [":host .universal-header{background:var(--brand-bg-tertiary-default, #fff);font-family:Wix Madefor Display,sans-serif;font-size:1rem;font-weight:600;line-height:1.25;padding:24px 0 32px;position:relative;z-index:20}@media (max-width: 767px){:host .universal-header{padding:16px 0}}:host .universal-header *{font-family:Wix Madefor Display,sans-serif;font-weight:600}:host .universal-header ::ng-deep button:focus-visible,:host .universal-header ::ng-deep button:focus-within,:host .universal-header ::ng-deep a:focus-visible,:host .universal-header ::ng-deep a:focus-within,:host .universal-header ::ng-deep [role=button]:focus-within,:host .universal-header ::ng-deep [tabindex]:focus-within{outline:none;box-shadow:0 0 0 1px var(--brand-bg-secondary-default, #fbf5ee)}:host .universal-header ::ng-deep .universal-button{background:var(--neutral-bg-island-default, #f4f4f4);border:none;border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out}@media (max-width: 991px){:host .universal-header ::ng-deep .universal-button{padding:8px}}:host .universal-header ::ng-deep .universal-button:hover,:host .universal-header ::ng-deep .universal-button:active,:host .universal-header ::ng-deep .universal-button.active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host .universal-header ::ng-deep .universal-button span{white-space:nowrap}:host .universal-header ::ng-deep .universal-button .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host .universal-header ::ng-deep .universal-button--accent{display:inline-flex;height:44px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif;transition:all .2s ease-in-out;background:var(--brand-public-bg-primary, #282828);color:var(--brand-accessibility-text-inverse, #fff)}:host .universal-header ::ng-deep .universal-button--accent:hover{background:var(--neutral-text-secondary, #636363)}:host .universal-header ::ng-deep .universal-button--accent:active,:host .universal-header ::ng-deep .universal-button--accent .active{background:var(--neutral-text-tertiary, #9F9F9F)}:host .universal-header__buttons{display:flex;align-items:center;gap:12px}@media (max-width: 767px){:host .universal-header__buttons{gap:8px}}:host .universal-header__top{position:relative;z-index:20}@media (max-width: 767px){:host .universal-header__top{position:initial}}:host .universal-header__top>.container{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;position:relative}:host .universal-header__top>.container:after{content:\"\";height:1px;width:calc(100% - 32px);position:absolute;background-color:var(--neutral-bg-island-default, #f4f4f4);bottom:0;left:16px}@media (max-width: 767px){:host .universal-header__top>.container{padding-bottom:0;position:initial}:host .universal-header__top>.container:after{content:none}}:host .universal-header__top-logo{height:62px;max-width:200px;min-width:200px;display:flex;align-items:center;overflow:hidden}:host .universal-header__top-logo svg.top-logo__logo{max-height:62px;max-width:196px}:host .universal-header__top-right{display:flex;gap:12px}@media (max-width: 767px){:host .universal-header__top-right{gap:0}}@media (max-width: 767px){:host ::ng-deep .universal-header__top-nav{position:absolute;left:0;top:100%;width:100%;height:calc(100vh - 16px);overflow-y:auto;padding-bottom:32px;background:var(--brand-bg-tertiary-default, #fff)}}:host ::ng-deep .universal-header__top-nav .icon-up{transform:rotate(180deg);transition:transform .2s ease}:host ::ng-deep .universal-header__user{position:relative}@media (max-width: 767px){:host ::ng-deep .universal-header__user{border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4);padding:8px 0}}:host ::ng-deep .universal-header__user-profile{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{padding:12px 16px}}:host ::ng-deep .universal-header__user-profile__wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}:host ::ng-deep .universal-header__user-profile .user-profile__avatar{width:44px;height:44px;border-radius:50%;background:var(--neutral-bg-island-default, #F4F4F4)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar .mrx-icon{color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__user-profile .user-profile__avatar>*{width:44px;height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__avatar img{width:44px;height:44px;max-height:44px;border-radius:50%;object-fit:cover}:host ::ng-deep .universal-header__user-profile .user-profile__info{display:inline-flex;flex-direction:column;align-items:start;max-width:200px}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile .user-profile__info{max-width:320px}}:host ::ng-deep .universal-header__user-profile .user-profile__info-role,:host ::ng-deep .universal-header__user-profile .user-profile__info-name{line-height:1.25;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-profile .user-profile__info-role{font-size:.875rem;color:var(--neutral-text-tertiary, #9f9f9f)}:host ::ng-deep .universal-header__user-profile .user-profile__info-name{font-weight:600}:host ::ng-deep .universal-header__user-profile .user-profile__info-name.active{color:var(--brand-public-primary, #D5AE75)}@media (max-width: 767px){:host ::ng-deep .universal-header__user-profile{border-radius:0;padding:12px 16px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu{position:absolute;top:calc(100% + 3px);right:0;border-radius:16px;min-width:200px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 4px 40px #181e4c1a;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}}:host ::ng-deep .universal-header__user-menu .user-menu__list{list-style:none;padding:0;margin:0;width:100%}:host ::ng-deep .universal-header__user-menu .user-menu__list li a{display:block;padding:12px 16px;color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-style:normal;font-weight:600;line-height:1.25;font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__user-menu .user-menu__list li a{border-radius:8px}}:host ::ng-deep .universal-header__user-menu .user-menu__list li a .badge{color:#fff;border-radius:50%;padding:0 6px 2px;font-size:.875rem;font-weight:600;line-height:1.5;float:left;margin-left:8px;background:var(--brand-accessibility-text-primary, #282828);font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__user-menu .user-menu__list li:hover{background:var(--neutral-bg-page, #f4f4f4)}:host ::ng-deep .universal-header__user-menu .user-menu__list li:active,:host ::ng-deep .universal-header__user-menu .user-menu__list li .active{background:var(--brand-bg-secondary-hover, #ebe1d5)}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:first-child{border-radius:16px 16px 0 0;padding-top:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user-menu .user-menu__list li:last-child{border-radius:0 0 16px 16px;padding-bottom:4px}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .user-profile__info-name,:host ::ng-deep .universal-header__user:focus-within .user-profile__info-name,:host ::ng-deep .universal-header__user:active .user-profile__info-name{color:var(--brand-public-primary, #D5AE75)}}@media (min-width: 768px){:host ::ng-deep .universal-header__user:hover .universal-header__user-menu,:host ::ng-deep .universal-header__user:focus-within .universal-header__user-menu,:host ::ng-deep .universal-header__user:active .universal-header__user-menu{opacity:1;visibility:visible}}@media (max-width: 767px){:host ::ng-deep .universal-header__login{padding:8px 16px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4);border-bottom:1px solid var(--neutral-bg-island-default, #f4f4f4)}}@media (max-width: 767px){:host ::ng-deep .universal-header__login .universal-button--accent{margin:12px 0;width:100%}}:host ::ng-deep .universal-header__services{background:var(--brand-bg-tertiary-default, #fff);padding-top:16px;padding-bottom:24px;position:absolute;top:100%;left:0;right:0;width:100%;border-radius:0 0 40px 40px;z-index:20}@media (max-width: 767px){:host ::ng-deep .universal-header__services{height:calc(100vh - 76px);border-radius:0;padding-top:0;overflow-y:auto}}:host ::ng-deep .universal-header__services>.container{display:flex;flex-direction:column;gap:24px;width:100%}@media (max-width: 767px){:host ::ng-deep .universal-header__services>.container{padding:0}}:host ::ng-deep .universal-header__services-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 12px;gap:8px 12px;list-style:none;padding:0;margin:0}@media (max-width: 991px){:host ::ng-deep .universal-header__services-list{grid-template-columns:1fr 1fr}}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list{position:relative;grid-template-columns:1fr;padding:8px 0;gap:8px;border-top:1px solid var(--neutral-bg-island-default, #f4f4f4)}}:host ::ng-deep .universal-header__services-list a{border-radius:8px;background:var(--brand-bg-tertiary-default, #fff);color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;display:flex;padding:12px 36px 12px 16px;align-items:center;gap:8px;align-self:stretch;position:relative;transition:all .2s ease-in-out}:host ::ng-deep .universal-header__services-list a:hover,:host ::ng-deep .universal-header__services-list a:active{background-color:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__services-list a:hover:after,:host ::ng-deep .universal-header__services-list a:active:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);right:16px;width:20px;height:20px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.345%204.65503L4.65479%2015.3452M15.345%204.65503L5.16986%204.67639M15.345%204.65503L15.3239%2014.8304%22%20stroke%3D%22%23282828%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);background-repeat:no-repeat;background-position:center center;background-size:contain}:host ::ng-deep .universal-header__services-list .services-list__link-name{line-height:1.25;font-weight:400;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-size:.875rem;line-height:1.4;font-weight:400;color:var(--brand-text-accent, #624e33);font-family:Wix Madefor Display,sans-serif}@media (max-width: 767px){:host ::ng-deep .universal-header__services-list .services-list__link-name,:host ::ng-deep .universal-header__services-list .services-list__link-subname{font-weight:600}}:host ::ng-deep .universal-header__services-list .services-list__link-icon{max-width:20px;max-height:20px}:host ::ng-deep .universal-header__social{display:flex;gap:12px;padding-left:12px}@media (max-width: 767px){:host ::ng-deep .universal-header__social{padding:0 16px 16px}}:host ::ng-deep .universal-header__social-link{display:flex;padding:8px;align-items:center;border-radius:100%;background:var(--neutral-bg-island-default, #f4f4f4)}:host ::ng-deep .universal-header__social-link:hover,:host ::ng-deep .universal-header__social-link:active{background:var(--brand-bg-secondary-hover, #ebe1d5)}:host ::ng-deep .universal-header__social-icon{max-width:24px;max-height:24px;fill:var(--brand-accessibility-text-primary, #282828);transition:all .2s ease-in-out}:host ::ng-deep .universal-header__ovz{position:relative}:host ::ng-deep .universal-header__ovz-mode{position:absolute;top:calc(100% + 12px);right:0;border-radius:16px;min-width:400px;background:var(--brand-bg-tertiary-default, #fff);box-shadow:0 1px 4px #3b43571a;z-index:1000;transition:all .2s ease}@media (max-width: 767px){:host ::ng-deep .universal-header__ovz-mode{height:100vh;padding-top:0;padding-bottom:32px;overflow-y:auto;box-shadow:none;min-width:100%;border-radius:0;position:absolute;top:100%;left:0;right:0;width:100%;z-index:20}}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section{justify-content:space-between;display:flex;padding:12px 16px;align-items:center;gap:8px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__section .universal-button{padding:12px 16px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__label{font-weight:600;font-size:1rem;white-space:nowrap;color:var(--brand-accessibility-text-primary, #282828)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle-group,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color-group{display:flex;gap:12px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle.active,:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color.active{border:2px solid var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle{background-color:var(--neutral-bg-page, #f4f4f4);font-size:16px;line-height:1.25;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--medium{font-size:24px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__toggle--large{font-size:32px}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color{font-size:1rem}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--default{background-color:var(--brand-primary-default, #EBE1D5)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--light{background-color:var(--neutral-bg-page, #F4F4F4)}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--sepia{background-color:#fff9da}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--blue{background-color:#a4d0fd}:host ::ng-deep .universal-header__ovz-mode .ovz-mode__color--black{background-color:#000;color:#fff}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider{width:68px!important;min-width:68px!important;height:40px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox .mrx-switch-slider:before{width:36px!important;height:36px!important}:host ::ng-deep .mrx-switch.mrx-switch.mrx-switch-lg.ovz-img-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(28px)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-public-primary, #D5AE75)!important}:host ::ng-deep .mrx-switch.mrx-switch .mrx-switch__label{margin-left:0!important}:host ::ng-deep .universal-header__nav{padding-top:8px;z-index:19}@media (max-width: 767px){:host ::ng-deep .universal-header__nav{padding-bottom:32px}}:host ::ng-deep .universal-header__nav-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:16px 32px}@media (max-width: 1199px){:host ::ng-deep .universal-header__nav-list{gap:16px 24px}}@media (max-width: 991px){:host ::ng-deep .universal-header__nav-list{gap:16px}}@media (max-width: 767px){:host ::ng-deep .universal-header__nav-list{flex-direction:column;gap:8px;padding:0 16px}}:host ::ng-deep .universal-header__nav-list li{position:relative;padding:8px 0}:host ::ng-deep .universal-header__nav-list li a{color:var(--brand-accessibility-text-primary, #282828);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;font-family:Wix Madefor Display,sans-serif}:host ::ng-deep .universal-header__nav-list li:hover a{color:var(--neutral-text-secondary, #636363)}:host ::ng-deep .universal-header__nav-list li:active a,:host ::ng-deep .universal-header__nav-list li.active a{color:var(--brand-public-primary, #D5AE75)}:host ::ng-deep .universal-header__nav.center .universal-header__nav-list{justify-content:center}:host ::ng-deep .universal-header__nav.right .universal-header__nav-list{justify-content:flex-end}:host ::ng-deep .universal-header__nav.justifybetween .universal-header__nav-list{justify-content:space-between}\n"] }]
547
547
  }], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }, { type: i0.Renderer2 }]; }, propDecorators: { dataHeader: [{
548
548
  type: Input,
549
549
  args: ['data-header']