{"__symbolic":"module","version":4,"metadata":{"MLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"m-layout","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"exportAs":"mLayout","host":{"class":"m-layout"},"template":"<ng-container *ngIf=\"sideMenuVisible\">\n  <ng-template *ngTemplateOutlet=\"sider\"></ng-template>\n</ng-container>\n<div class=\"m-layout-main\">\n  <ng-container *ngIf=\"showHeader\">\n    <ng-template *ngTemplateOutlet=\"header\"></ng-template>\n  </ng-container>\n  <div class=\"m-layout-container\" [ngStyle]=\"{ height: showHeader ? 'calc(100% - 48px)' : '100%' }\">\n    <m-layout-menu *ngIf=\"menuVisible\"></m-layout-menu>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n  </div>\n</div>\n\n<ng-template #header>\n  <ng-content select=\"m-layout-header\"></ng-content>\n</ng-template>\n<ng-template #sider>\n  <ng-content select=\"m-layout-sider\"></ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"m-layout-content\"></ng-content>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":20,"character":27},{"__symbolic":"reference","name":"MLayoutService"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":17,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":17,"character":40},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":17,"character":56},{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuModule","line":17,"character":70},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":17,"character":84},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":17,"character":101}],"declarations":[{"__symbolic":"reference","name":"MLayoutComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"MLayoutComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"MLayoutService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":67}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":32,"character":32},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":32,"character":58},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":32,"character":92}]}],"updateBreads":[{"__symbolic":"method"}],"formatBreakcrumb":[{"__symbolic":"method"}],"toggleHeader":[{"__symbolic":"method"}],"toggleSideMenu":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IBreadcrumbI18n":{"__symbolic":"interface"},"IBreadcrumb":{"__symbolic":"interface"},"IMenu":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"m-layout-header","template":"\n    <div class=\"m-layout-header-info\">\n      <i nz-icon class=\"m-layout-header-icon\" (click)=\"toggleSideMenu()\">\n        <svg\n          t=\"1637046654001\"\n          class=\"icon\"\n          viewBox=\"0 0 1024 1024\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          p-id=\"1619\"\n          width=\"20\"\n          height=\"20\"\n        >\n          <path\n            d=\"M192 592.832h32.448a64 64 0 0 0 64-64v-33.664a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v33.664a64 64 0 0 0 64 64zM192 289.664h32.448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v33.664a64 64 0 0 0 64 64zM192 896h32.448a64 64 0 0 0 64-64v-33.664a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64V832a64 64 0 0 0 64 64zM492.864 896h32.512a64 64 0 0 0 64-64v-33.664a64 64 0 0 0-64-64h-32.512a64 64 0 0 0-64 64V832a64 64 0 0 0 64 64zM793.792 592.832h32.448a64 64 0 0 0 64-64v-33.664a64 64 0 0 0-64-64h-32.448a64 64 0 0 0-64 64v33.664a64 64 0 0 0 64 64zM492.864 592.832h32.512a64 64 0 0 0 64-64v-33.664a64 64 0 0 0-64-64h-32.512a64 64 0 0 0-64 64v33.664a64 64 0 0 0 64 64zM793.792 896h32.448a64 64 0 0 0 64-64v-33.664a64 64 0 0 0-64-64h-32.448a64 64 0 0 0-64 64V832a64 64 0 0 0 64 64zM735.552 192v33.664a64 64 0 0 0 64 64H832a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64h-32.448a64 64 0 0 0-64 64zM492.864 289.664h32.512a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64h-32.512a64 64 0 0 0-64 64v33.664a64 64 0 0 0 64 64z\"\n            p-id=\"1620\"\n          ></path>\n        </svg>\n      </i>\n      <ng-container *ngIf=\"mBreadcrumbs; else headerInfoElse\">\n        <ng-container *nzStringTemplateOutlet=\"mBreadcrumbs\">{{ mBreadcrumbs }}</ng-container>\n      </ng-container>\n      <ng-template #headerInfoElse>\n        <div class=\"router-area\">\n          <ng-container *ngFor=\"let item of breads; index as i\">\n            <span class=\"bread-link\">\n              <a *ngIf=\"(item.link || item.path) && i !== breads.length - 1; else spanShow\" [routerLink]=\"item.link || item.path\">\n                {{ item.name }}\n              </a>\n            </span>\n            <ng-template #spanShow>\n              <span class=\"bread-link\">{{ item.name }}</span>\n            </ng-template>\n            <span class=\"icon-separate\" *ngIf=\"i < breads.length - 1\">/</span>\n          </ng-container>\n        </div>\n      </ng-template>\n    </div>\n    <div class=\"m-layout-header-tools\" *ngIf=\"mTools\">\n      <ng-container *nzStringTemplateOutlet=\"mTools\">{{ mTools }}</ng-container>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":19},"member":"OnPush"},"preserveWhitespaces":true,"exportAs":"mLayoutHeader","host":{"class":"m-layout-header"}}]}],"members":{"mTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"mBreadcrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":65,"character":15}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":38},{"__symbolic":"reference","name":"MLayoutService"}]}],"toggleSideMenu":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"m-layout-menu","template":"\n    <ng-container *ngIf=\"showMenu && menuContent.length; else elseTemplate\">\n      <ul nz-menu nzMode=\"inline\">\n        <ng-container *ngTemplateOutlet=\"menuTpl; context: { $implicit: menuContent, level: 1 }\"></ng-container>\n        <ng-template #menuTpl let-menuContent let-level=\"level\">\n          <ng-container *ngFor=\"let menu of menuContent; let idx = index\">\n            <li\n              *ngIf=\"menu.children && menu.children.length; else subMenu\"\n              nz-submenu\n              class=\"m-layout-menu-sub\"\n              [nzPaddingLeft]=\"paddingLeft\"\n              [(nzOpen)]=\"menu.open\"\n              [nzTitle]=\"parentMenu\"\n            >\n              <ul>\n                <ng-container *ngTemplateOutlet=\"menuTpl; context: { $implicit: menu.children, level: level + 1 }\"></ng-container>\n              </ul>\n            </li>\n            <ng-template #parentMenu>\n              <i nz-icon class=\"m-layout-menu-arrow\" [ngClass]=\"{ 'm-layout-menu-arrow-rotate': menu.open }\">\n                <svg\n                  width=\"5px\"\n                  height=\"8px\"\n                  viewBox=\"0 0 5 8\"\n                  version=\"1.1\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                >\n                  <defs>\n                    <filter id=\"m-layout-menu-arrow\">\n                      <feColorMatrix\n                        in=\"SourceGraphic\"\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0.466667 0 0 0 0 0.521569 0 0 0 0 0.572549 0 0 0 1.000000 0\"\n                      ></feColorMatrix>\n                    </filter>\n                  </defs>\n                  <g id=\"控件\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                    <g id=\"2.Nav树导航/导航状态/一级菜单-收起\" transform=\"translate(-11.000000, -16.000000)\">\n                      <g id=\"编组-4\" transform=\"translate(6.000000, 9.000000)\">\n                        <g\n                          id=\"Icon/Fill/file-code\"\n                          transform=\"translate(8.000000, 11.000000) rotate(-90.000000) translate(-8.000000, -11.000000) translate(0.000000, 3.000000)\"\n                          filter=\"url(#m-layout-menu-arrow)\"\n                        >\n                          <g>\n                            <rect id=\"矩形\" fill=\"#000000\" fill-rule=\"nonzero\" opacity=\"0\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n                            <path\n                              d=\"M8.09510524,5.71333333 L11.1302105,9.76014033 C11.1964847,9.84850589 11.178576,9.97386616 11.0902105,10.0401403 C11.0555913,10.0661048 11.0134845,10.0801403 10.9702105,10.0801403 L4.9,10.0801403 C4.78954305,10.0801403 4.7,9.99059728 4.7,9.88014033 C4.7,9.83686628 4.71403557,9.79475956 4.74,9.76014033 L7.77510524,5.71333333 C7.84137941,5.62496777 7.96673968,5.60705916 8.05510524,5.67333333 C8.07026638,5.68470418 8.08373439,5.6981722 8.09510524,5.71333333 Z\"\n                              id=\"Icon/Fill/arrow-down\"\n                              fill=\"#FFFFFF\"\n                              transform=\"translate(7.935105, 7.790070) scale(1, -1) translate(-7.935105, -7.790070) \"\n                            ></path>\n                          </g>\n                        </g>\n                      </g>\n                    </g>\n                  </g>\n                </svg>\n              </i>\n              <i nz-icon class=\"m-layout-menu-icon\" [nzType]=\"menu.icon\" *ngIf=\"menu.icon\"></i>\n              <span>{{ menu.title }}</span>\n            </ng-template>\n            <ng-template #subMenu>\n              <li\n                *ngIf=\"!menu.divider; else dividerMenu\"\n                nz-menu-item\n                [nzPaddingLeft]=\"level === 1 ? paddingLeft : logoSize + logoMargin + (level - 1) * paddingLeft\"\n                class=\"m-layout-menu-item\"\n                [routerLink]=\"menu.link\"\n                [nzSelected]=\"menu.selected\"\n                [nzMatchRouter]=\"true\"\n                (click)=\"onMenuClick(menu)\"\n                [nzMatchRouterExact]=\"menu.matchRouterExact\"\n              >\n                <i nz-icon [nzType]=\"menu.icon\" *ngIf=\"menu.icon\"></i>\n                <span>{{ menu.title }}</span>\n              </li>\n            </ng-template>\n            <ng-template #dividerMenu>\n              <li nz-menu-divider></li>\n            </ng-template>\n          </ng-container>\n        </ng-template>\n      </ul>\n      <div class=\"m-layout-menu-toggle\" (click)=\"toggleMenuClick()\">\n        <i nz-icon>\n          <svg\n            width=\"16px\"\n            height=\"62px\"\n            viewBox=\"0 0 16 62\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          >\n            <g id=\"页面-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <g id=\"2-2悬浮显示2级收起\" transform=\"translate(-153.000000, -337.000000)\">\n                <g id=\"编组-8\" transform=\"translate(153.000000, 337.000000)\">\n                  <g\n                    id=\"编组-9\"\n                    transform=\"translate(8.000000, 31.000000) scale(-1, 1) translate(-8.000000, -31.000000) \"\n                    fill=\"#EDF2F6\"\n                    stroke=\"#E4EBF1\"\n                  >\n                    <g id=\"编组-4\" transform=\"translate(8.000000, 31.000000) scale(-1, 1) translate(-8.000000, -31.000000) \">\n                      <path\n                        d=\"M15.5,0.902123821 L15.5,61.0978762 L2.14500371,52.7510035 C1.12166894,52.1114193 0.5,50.9897745 0.5,49.7830094 L0.5,49.7830094 L0.5,12.2169906 C0.5,11.0102255 1.12166894,9.88858073 2.14500371,9.2489965 L2.14500371,9.2489965 L15.5,0.902123821 Z\"\n                        id=\"矩形\"\n                      ></path>\n                    </g>\n                  </g>\n                  <path\n                    d=\"M13.0505772,30.7071068 L13.757684,31.4142136 L8.50512265,36.6667749 L3.25256133,31.4142136 L3.95966811,30.7071068 L8.50466811,35.2516681 L13.0505772,30.7071068 Z M12.7980159,26 L13.5051227,26.7071068 L8.25256133,31.9596681 L3,26.7071068 L3.70710678,26 L8.25210678,30.5441068 L12.7980159,26 Z\"\n                    id=\"形状结合\"\n                    fill=\"#4C5E70\"\n                    fill-rule=\"nonzero\"\n                    transform=\"translate(8.378842, 31.333387) scale(-1, 1) rotate(-90.000000) translate(-8.378842, -31.333387) \"\n                  ></path>\n                </g>\n              </g>\n            </g>\n          </svg>\n        </i>\n      </div>\n    </ng-container>\n    <ng-template #elseTemplate>\n      <div class=\"m-layout-menu-hidden\">\n        <i nz-icon (click)=\"toggleMenuClick()\">\n          <svg\n            width=\"16px\"\n            height=\"6px\"\n            viewBox=\"0 0 16 6\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          >\n            <g id=\"m-layout-menu-hidden\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <g id=\"m-layout-menu-hidden\" transform=\"translate(-8.000000, -57.000000)\" fill=\"#D5DEE7\">\n                <path\n                  d=\"M24,62 L24,63 L8,63 L8,62 L24,62 Z M24,59.5 L24,60.5 L8,60.5 L8,59.5 L24,59.5 Z M24,57 L24,58 L8,58 L8,57 L24,57 Z\"\n                  id=\"形状结合\"\n                ></path>\n              </g>\n            </g>\n          </svg>\n        </i>\n      </div>\n    </ng-template>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":155,"character":19},"member":"OnPush"},"preserveWhitespaces":true,"exportAs":"mLayoutMenu","host":{"class":"m-layout-menu","[class.m-layout-menu-close]":"close","[style.width.px]":"showMenu ? width: hiddenMenuWidth","[style.padding-top.px]":"showMenu ? paddingTop: 0","$quoted$":["[class.m-layout-menu-close]","[style.width.px]","[style.padding-top.px]"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":176,"character":54}}]],"parameters":[{"__symbolic":"reference","name":"MLayoutService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":176,"character":77}]}],"onMenuClick":[{"__symbolic":"method"}],"toggleMenuClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"m-layout-sider","template":"\n    <div class=\"m-layout-sider-logo\">\n      <img [src]=\"mLogo\" />\n    </div>\n    <ul class=\"m-layout-sider-ul\">\n      <ng-container *ngFor=\"let item of _menus\">\n        <li *ngIf=\"item.children && item.children.length; else subMenu\" (click)=\"onMenuClick(item)\" [ngClass]=\"{ selected: item.open }\">\n          <i nz-icon [nzType]=\"item.icon\" *ngIf=\"item.icon\"></i>\n          <span>{{ item.title }}</span>\n        </li>\n        <ng-template #subMenu>\n          <li [routerLink]=\"item.link\" (click)=\"onMenuClick(item)\" [ngClass]=\"{ selected: item.open }\">\n            <i nz-icon [nzType]=\"item.icon\" *ngIf=\"item.icon\"></i>\n            <span>{{ item.title }}</span>\n          </li>\n        </ng-template>\n      </ng-container>\n    </ul>\n    <div class=\"m-layout-sider-extra\">\n      <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"preserveWhitespaces":true,"exportAs":"mLayoutSider","host":{"class":"m-layout-sider"}}]}],"members":{"mLogo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"menus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"sideMenuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MLayoutService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":69}]}],"onMenuClick":[{"__symbolic":"method"}],"openCurrentMenu":[{"__symbolic":"method"}],"resume":[{"__symbolic":"method"}],"onOpenChange":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"m-layout-content","template":"\n    <ng-content></ng-content>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"preserveWhitespaces":true,"exportAs":"mLayoutContent","host":{"class":"m-layout-content"}}]}],"members":{}}},"origins":{"MLayoutComponent":"./layout.component","MLayoutModule":"./layout.module","MLayoutService":"./layout.service","IBreadcrumbI18n":"./layout.type","IBreadcrumb":"./layout.type","IMenu":"./layout.type","ɵa":"./header.component","ɵb":"./menu.component","ɵc":"./sider.component","ɵd":"./content.component"},"importAs":"@mining/ui/layout"}