barsa-develop-components 2.3.125 → 2.3.129

package/fesm2022/barsa-develop-components.mjs

@@ -916,11 +916,11 @@ class LoginSocialConncetionsComponent extends ReportBaseComponent {
         BarsaApi.Bw.NavigateTo(`/api/openId/signin?provider=${provider}&returnUrl=${returnUrl}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LoginSocialConncetionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LoginSocialConncetionsComponent, isStandalone: false, selector: "bdc-login-social-conncetions", host: { properties: { "attr.rtl": "this.rtl" } }, usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList$ | async; track mo) {\r\n<button\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n    />\r\n</button>\r\n}\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"], dependencies: [{ kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: LoginSocialConncetionsComponent, isStandalone: false, selector: "bdc-login-social-conncetions", host: { properties: { "attr.rtl": "this.rtl" } }, usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList$ | async; track mo) {\r\n<button\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n        loading=\"lazy\"\r\n    />\r\n</button>\r\n}\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"], dependencies: [{ kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LoginSocialConncetionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-login-social-conncetions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (mo of moDataList$ | async; track mo) {\r\n<button\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n    />\r\n</button>\r\n}\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"] }]
+            args: [{ selector: 'bdc-login-social-conncetions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (mo of moDataList$ | async; track mo) {\r\n<button\r\n    fd-button\r\n    [label]=\"'Display Text' | rval: mo:allColumns\"\r\n    [fdType]=\"'FdType' | rval: mo:allColumns:true\"\r\n    (click)=\"onClick(mo)\"\r\n>\r\n    <img\r\n        style=\"max-width: 28px\"\r\n        [src]=\"('Logo' | rval: mo:allColumns)?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null\"\r\n        loading=\"lazy\"\r\n    />\r\n</button>\r\n}\r\n", styles: [":host{display:flex;flex-wrap:wrap;width:100%;justify-content:stretch;margin-top:1rem;column-gap:5px;row-gap:5px}button{flex-grow:1;flex-direction:row-reverse}button img{padding:5px}fd-toolbar{width:100%}\n"] }]
         }], propDecorators: { rtl: [{
                 type: HostBinding,
                 args: ['attr.rtl']
@@ -3049,11 +3049,11 @@ class FooterComponent extends BaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FooterComponent, isStandalone: false, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if (footer) {\r\n<div #footerEl>\r\n    <div\r\n        [class.hide]=\"hide()\"\r\n        fd-bar\r\n        barDesign=\"footer\"\r\n        [size]=\"'m_l'\"\r\n        [class.rtl]=\"rtl\"\r\n        class=\"footer\"\r\n        [class.mobile]=\"deviceSize === 's'\"\r\n        cssRootVariable\r\n        [cssVariableValue]=\"footerEl.offsetHeight + 'px'\"\r\n        [cssVariableName]=\"'--footer-height'\"\r\n    >\r\n        <div fd-bar-left class=\"left\">\r\n            <a\r\n                fd-button\r\n                glyph=\"email\"\r\n                [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n                [href]=\"'mailto:' + footer.Email\"\r\n                fdType=\"transparent\"\r\n            >\r\n            </a>\r\n            <a\r\n                fd-button\r\n                glyph=\"headset\"\r\n                [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n                [href]=\"'tel:' + footer.TelNumber\"\r\n                fdType=\"transparent\"\r\n            ></a>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        fd-button\r\n                        glyph=\"vertical-waterfall-chart\"\r\n                        [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                        [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        <li fd-list-item class=\"all\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644' | bbbTranslate }}<strong>120</strong></span>\r\n                        </li>\r\n                        <li fd-list-item class=\"today\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title\r\n                                >{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632' | bbbTranslate }} <strong>76</strong></span\r\n                            >\r\n                        </li>\r\n                        <li fd-list-item class=\"online\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646' | bbbTranslate }} <strong>10</strong></span>\r\n                        </li>\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                        fd-button\r\n                        glyph=\"paper-plane\"\r\n                        id=\"fd-action-sheet-default-control\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n                        <li fd-list-item>\r\n                            <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n                                <i fd-list-icon class=\"sap-icon--1\"\r\n                                    ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n                                </i>\r\n                                <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n                            </a>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-bar-element>\r\n                <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n                    ><fd-icon glyph=\"world\"> </fd-icon>\r\n                    <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n                >\r\n            </fd-bar-element>\r\n        </div>\r\n        @if (deviceSize !== 's') {\r\n        <div fd-bar-middle class=\"middle\">\r\n            <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n        </div>\r\n        } @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n        <div fd-bar-right class=\"right\"></div>\r\n        }\r\n    </div>\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n    <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n      <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n    </svg>\r\n    <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n      <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n        <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n          <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n            <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n              <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n              <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n            </svg>\r\n            <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n          </a>\r\n          <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n            <p class=\"tw-text-sm text-deep-purple-50\">\r\n              \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n            </p>\r\n            <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n              \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>        \r\n        </div>\r\n      </div>\r\n      <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n        <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n} -->\r\n", styles: [".online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"], dependencies: [{ kind: "directive", type: i2$1.DynamicRootVariableDirective, selector: "[cssRootVariable]", inputs: ["cssVariableName", "cssVariableValue", "disable"], exportAs: ["cssRootVariable"] }, { kind: "component", type: i2$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: i2$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2$3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i2$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$3.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i8$1.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "theme", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"], exportAs: ["fdListItem"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7$1.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$1.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FooterComponent, isStandalone: false, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if (footer) {\r\n<div #footerEl>\r\n    <div\r\n        [class.hide]=\"hide()\"\r\n        fd-bar\r\n        barDesign=\"footer\"\r\n        [size]=\"'m_l'\"\r\n        [class.rtl]=\"rtl\"\r\n        class=\"footer\"\r\n        [class.mobile]=\"deviceSize === 's'\"\r\n        cssRootVariable\r\n        [cssVariableValue]=\"footerEl.offsetHeight + 'px'\"\r\n        [cssVariableName]=\"'--footer-height'\"\r\n    >\r\n        <div fd-bar-left class=\"left\">\r\n            <a\r\n                fd-button\r\n                glyph=\"email\"\r\n                [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n                [href]=\"'mailto:' + footer.Email\"\r\n                fdType=\"transparent\"\r\n            >\r\n            </a>\r\n            <a\r\n                fd-button\r\n                glyph=\"headset\"\r\n                [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n                [href]=\"'tel:' + footer.TelNumber\"\r\n                fdType=\"transparent\"\r\n            ></a>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        fd-button\r\n                        glyph=\"vertical-waterfall-chart\"\r\n                        [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                        [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        <li fd-list-item class=\"all\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644' | bbbTranslate }}<strong>120</strong></span>\r\n                        </li>\r\n                        <li fd-list-item class=\"today\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title\r\n                                >{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632' | bbbTranslate }} <strong>76</strong></span\r\n                            >\r\n                        </li>\r\n                        <li fd-list-item class=\"online\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646' | bbbTranslate }} <strong>10</strong></span>\r\n                        </li>\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                        fd-button\r\n                        glyph=\"paper-plane\"\r\n                        id=\"fd-action-sheet-default-control\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n                        <li fd-list-item>\r\n                            <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n                                <i fd-list-icon class=\"sap-icon--1\"\r\n                                    ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" loading=\"lazy\"/>\r\n                                </i>\r\n                                <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n                            </a>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-bar-element>\r\n                <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n                    ><fd-icon glyph=\"world\"> </fd-icon>\r\n                    <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n                >\r\n            </fd-bar-element>\r\n        </div>\r\n        @if (deviceSize !== 's') {\r\n        <div fd-bar-middle class=\"middle\">\r\n            <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n        </div>\r\n        } @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n        <div fd-bar-right class=\"right\"></div>\r\n        }\r\n    </div>\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n    <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n      <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n    </svg>\r\n    <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n      <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n        <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n          <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n            <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n              <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n              <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n            </svg>\r\n            <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n          </a>\r\n          <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n            <p class=\"tw-text-sm text-deep-purple-50\">\r\n              \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n            </p>\r\n            <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n              \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>        \r\n        </div>\r\n      </div>\r\n      <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n        <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n} -->\r\n", styles: [".online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"], dependencies: [{ kind: "directive", type: i2$1.DynamicRootVariableDirective, selector: "[cssRootVariable]", inputs: ["cssVariableName", "cssVariableValue", "disable"], exportAs: ["cssRootVariable"] }, { kind: "component", type: i2$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "clear", "size", "role"] }, { kind: "directive", type: i2$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2$3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i2$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$3.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i8$1.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "theme", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"], exportAs: ["fdListItem"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7$1.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$1.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-footer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (footer) {\r\n<div #footerEl>\r\n    <div\r\n        [class.hide]=\"hide()\"\r\n        fd-bar\r\n        barDesign=\"footer\"\r\n        [size]=\"'m_l'\"\r\n        [class.rtl]=\"rtl\"\r\n        class=\"footer\"\r\n        [class.mobile]=\"deviceSize === 's'\"\r\n        cssRootVariable\r\n        [cssVariableValue]=\"footerEl.offsetHeight + 'px'\"\r\n        [cssVariableName]=\"'--footer-height'\"\r\n    >\r\n        <div fd-bar-left class=\"left\">\r\n            <a\r\n                fd-button\r\n                glyph=\"email\"\r\n                [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n                [href]=\"'mailto:' + footer.Email\"\r\n                fdType=\"transparent\"\r\n            >\r\n            </a>\r\n            <a\r\n                fd-button\r\n                glyph=\"headset\"\r\n                [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n                [href]=\"'tel:' + footer.TelNumber\"\r\n                fdType=\"transparent\"\r\n            ></a>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        fd-button\r\n                        glyph=\"vertical-waterfall-chart\"\r\n                        [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                        [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        <li fd-list-item class=\"all\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644' | bbbTranslate }}<strong>120</strong></span>\r\n                        </li>\r\n                        <li fd-list-item class=\"today\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title\r\n                                >{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632' | bbbTranslate }} <strong>76</strong></span\r\n                            >\r\n                        </li>\r\n                        <li fd-list-item class=\"online\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646' | bbbTranslate }} <strong>10</strong></span>\r\n                        </li>\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                        fd-button\r\n                        glyph=\"paper-plane\"\r\n                        id=\"fd-action-sheet-default-control\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n                        <li fd-list-item>\r\n                            <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n                                <i fd-list-icon class=\"sap-icon--1\"\r\n                                    ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n                                </i>\r\n                                <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n                            </a>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-bar-element>\r\n                <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n                    ><fd-icon glyph=\"world\"> </fd-icon>\r\n                    <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n                >\r\n            </fd-bar-element>\r\n        </div>\r\n        @if (deviceSize !== 's') {\r\n        <div fd-bar-middle class=\"middle\">\r\n            <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n        </div>\r\n        } @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n        <div fd-bar-right class=\"right\"></div>\r\n        }\r\n    </div>\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n    <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n      <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n    </svg>\r\n    <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n      <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n        <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n          <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n            <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n              <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n              <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n            </svg>\r\n            <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n          </a>\r\n          <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n            <p class=\"tw-text-sm text-deep-purple-50\">\r\n              \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n            </p>\r\n            <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n              \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>        \r\n        </div>\r\n      </div>\r\n      <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n        <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n} -->\r\n", styles: [".online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"] }]
+            args: [{ selector: 'bdc-footer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (footer) {\r\n<div #footerEl>\r\n    <div\r\n        [class.hide]=\"hide()\"\r\n        fd-bar\r\n        barDesign=\"footer\"\r\n        [size]=\"'m_l'\"\r\n        [class.rtl]=\"rtl\"\r\n        class=\"footer\"\r\n        [class.mobile]=\"deviceSize === 's'\"\r\n        cssRootVariable\r\n        [cssVariableValue]=\"footerEl.offsetHeight + 'px'\"\r\n        [cssVariableName]=\"'--footer-height'\"\r\n    >\r\n        <div fd-bar-left class=\"left\">\r\n            <a\r\n                fd-button\r\n                glyph=\"email\"\r\n                [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n                [href]=\"'mailto:' + footer.Email\"\r\n                fdType=\"transparent\"\r\n            >\r\n            </a>\r\n            <a\r\n                fd-button\r\n                glyph=\"headset\"\r\n                [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n                [href]=\"'tel:' + footer.TelNumber\"\r\n                fdType=\"transparent\"\r\n            ></a>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        fd-button\r\n                        glyph=\"vertical-waterfall-chart\"\r\n                        [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                        [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        <li fd-list-item class=\"all\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644' | bbbTranslate }}<strong>120</strong></span>\r\n                        </li>\r\n                        <li fd-list-item class=\"today\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title\r\n                                >{{ '\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632' | bbbTranslate }} <strong>76</strong></span\r\n                            >\r\n                        </li>\r\n                        <li fd-list-item class=\"online\">\r\n                            <i fd-list-icon glyph=\"bar-chart\"></i>\r\n                            <span fd-list-title>{{ '\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646' | bbbTranslate }} <strong>10</strong></span>\r\n                        </li>\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-popover>\r\n                <fd-popover-control>\r\n                    <button\r\n                        [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n                        tabindex=\"0\"\r\n                        fd-button\r\n                        glyph=\"paper-plane\"\r\n                        id=\"fd-action-sheet-default-control\"\r\n                        aria-haspopup=\"menu\"\r\n                        fdType=\"transparent\"\r\n                    ></button>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n                        <li fd-list-item>\r\n                            <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n                                <i fd-list-icon class=\"sap-icon--1\"\r\n                                    ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" loading=\"lazy\"/>\r\n                                </i>\r\n                                <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n                            </a>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            <fd-bar-element>\r\n                <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n                    ><fd-icon glyph=\"world\"> </fd-icon>\r\n                    <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n                >\r\n            </fd-bar-element>\r\n        </div>\r\n        @if (deviceSize !== 's') {\r\n        <div fd-bar-middle class=\"middle\">\r\n            <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n        </div>\r\n        } @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n        <div fd-bar-right class=\"right\"></div>\r\n        }\r\n    </div>\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n    <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n      <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n    </svg>\r\n    <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n      <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n        <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n          <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n            <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n              <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n              <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n              <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n            </svg>\r\n            <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n          </a>\r\n          <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n            <p class=\"tw-text-sm text-deep-purple-50\">\r\n              \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n            </p>\r\n            <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n              \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>\r\n          <div>\r\n            <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n            <ul class=\"tw-mt-2 tw-space-y-2\">\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n              <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n            </ul>\r\n          </div>        \r\n        </div>\r\n      </div>\r\n      <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n        <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n} -->\r\n", styles: [".online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"] }]
         }], ctorParameters: () => [], propDecorators: { settings: [{
                 type: Input
             }] } });