ng-zorro-antd-layout.mjs 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445
  1. import * as i0 from '@angular/core';
  2. import { ViewEncapsulation, ChangeDetectionStrategy, Component, Input, EventEmitter, booleanAttribute, Output, ContentChild, ContentChildren, NgModule } from '@angular/core';
  3. import { Subject } from 'rxjs';
  4. import { takeUntil } from 'rxjs/operators';
  5. import * as i2 from 'ng-zorro-antd/core/services';
  6. import { siderResponsiveMap } from 'ng-zorro-antd/core/services';
  7. import { toCssPixel, inNextTick } from 'ng-zorro-antd/core/util';
  8. import { NzMenuDirective } from 'ng-zorro-antd/menu';
  9. import { NgTemplateOutlet } from '@angular/common';
  10. import * as i1 from 'ng-zorro-antd/icon';
  11. import { NzIconModule } from 'ng-zorro-antd/icon';
  12. import * as i1$1 from '@angular/cdk/platform';
  13. import * as i1$2 from '@angular/cdk/bidi';
  14. /**
  15. * Use of this source code is governed by an MIT-style license that can be
  16. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  17. */
  18. class NzContentComponent {
  19. elementRef;
  20. renderer;
  21. constructor(elementRef, renderer) {
  22. this.elementRef = elementRef;
  23. this.renderer = renderer;
  24. this.renderer.addClass(this.elementRef.nativeElement, 'ant-layout-content');
  25. }
  26. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
  27. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: NzContentComponent, isStandalone: true, selector: "nz-content", exportAs: ["nzContent"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  28. }
  29. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzContentComponent, decorators: [{
  30. type: Component,
  31. args: [{
  32. selector: 'nz-content',
  33. exportAs: 'nzContent',
  34. template: `<ng-content></ng-content>`,
  35. preserveWhitespaces: false,
  36. changeDetection: ChangeDetectionStrategy.OnPush,
  37. encapsulation: ViewEncapsulation.None
  38. }]
  39. }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
  40. /**
  41. * Use of this source code is governed by an MIT-style license that can be
  42. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  43. */
  44. class NzFooterComponent {
  45. elementRef;
  46. renderer;
  47. constructor(elementRef, renderer) {
  48. this.elementRef = elementRef;
  49. this.renderer = renderer;
  50. this.renderer.addClass(this.elementRef.nativeElement, 'ant-layout-footer');
  51. }
  52. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzFooterComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
  53. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: NzFooterComponent, isStandalone: true, selector: "nz-footer", exportAs: ["nzFooter"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  54. }
  55. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzFooterComponent, decorators: [{
  56. type: Component,
  57. args: [{
  58. selector: 'nz-footer',
  59. exportAs: 'nzFooter',
  60. template: `<ng-content></ng-content>`,
  61. preserveWhitespaces: false,
  62. encapsulation: ViewEncapsulation.None,
  63. changeDetection: ChangeDetectionStrategy.OnPush
  64. }]
  65. }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
  66. /**
  67. * Use of this source code is governed by an MIT-style license that can be
  68. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  69. */
  70. class NzHeaderComponent {
  71. elementRef;
  72. renderer;
  73. constructor(elementRef, renderer) {
  74. this.elementRef = elementRef;
  75. this.renderer = renderer;
  76. this.renderer.addClass(this.elementRef.nativeElement, 'ant-layout-header');
  77. }
  78. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
  79. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: NzHeaderComponent, isStandalone: true, selector: "nz-header", exportAs: ["nzHeader"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  80. }
  81. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzHeaderComponent, decorators: [{
  82. type: Component,
  83. args: [{
  84. selector: 'nz-header',
  85. exportAs: 'nzHeader',
  86. template: `<ng-content></ng-content>`,
  87. changeDetection: ChangeDetectionStrategy.OnPush,
  88. encapsulation: ViewEncapsulation.None,
  89. preserveWhitespaces: false
  90. }]
  91. }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
  92. /**
  93. * Use of this source code is governed by an MIT-style license that can be
  94. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  95. */
  96. class NzSiderTriggerComponent {
  97. nzCollapsed = false;
  98. nzReverseArrow = false;
  99. nzZeroTrigger = null;
  100. nzTrigger = undefined;
  101. matchBreakPoint = false;
  102. nzCollapsedWidth = null;
  103. siderWidth = null;
  104. nzBreakpoint = null;
  105. isZeroTrigger = false;
  106. isNormalTrigger = false;
  107. updateTriggerType() {
  108. this.isZeroTrigger =
  109. this.nzCollapsedWidth === 0 && ((this.nzBreakpoint && this.matchBreakPoint) || !this.nzBreakpoint);
  110. this.isNormalTrigger = this.nzCollapsedWidth !== 0;
  111. }
  112. ngOnInit() {
  113. this.updateTriggerType();
  114. }
  115. ngOnChanges() {
  116. this.updateTriggerType();
  117. }
  118. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzSiderTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
  119. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: NzSiderTriggerComponent, isStandalone: true, selector: "[nz-sider-trigger]", inputs: { nzCollapsed: "nzCollapsed", nzReverseArrow: "nzReverseArrow", nzZeroTrigger: "nzZeroTrigger", nzTrigger: "nzTrigger", matchBreakPoint: "matchBreakPoint", nzCollapsedWidth: "nzCollapsedWidth", siderWidth: "siderWidth", nzBreakpoint: "nzBreakpoint" }, host: { properties: { "class.ant-layout-sider-trigger": "isNormalTrigger", "style.width": "isNormalTrigger ? siderWidth : null", "class.ant-layout-sider-zero-width-trigger": "isZeroTrigger", "class.ant-layout-sider-zero-width-trigger-right": "isZeroTrigger && nzReverseArrow", "class.ant-layout-sider-zero-width-trigger-left": "isZeroTrigger && !nzReverseArrow" } }, exportAs: ["nzSiderTrigger"], usesOnChanges: true, ngImport: i0, template: `
  120. @if (isZeroTrigger) {
  121. <ng-template [ngTemplateOutlet]="nzZeroTrigger || defaultZeroTrigger" />
  122. }
  123. @if (isNormalTrigger) {
  124. <ng-template [ngTemplateOutlet]="nzTrigger || defaultTrigger" />
  125. }
  126. <ng-template #defaultTrigger>
  127. @if (nzReverseArrow) {
  128. <nz-icon [nzType]="nzCollapsed ? 'left' : 'right'" />
  129. } @else {
  130. <nz-icon [nzType]="nzCollapsed ? 'right' : 'left'" />
  131. }
  132. </ng-template>
  133. <ng-template #defaultZeroTrigger>
  134. <nz-icon nzType="bars" />
  135. </ng-template>
  136. `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  137. }
  138. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzSiderTriggerComponent, decorators: [{
  139. type: Component,
  140. args: [{
  141. selector: '[nz-sider-trigger]',
  142. exportAs: 'nzSiderTrigger',
  143. preserveWhitespaces: false,
  144. encapsulation: ViewEncapsulation.None,
  145. changeDetection: ChangeDetectionStrategy.OnPush,
  146. template: `
  147. @if (isZeroTrigger) {
  148. <ng-template [ngTemplateOutlet]="nzZeroTrigger || defaultZeroTrigger" />
  149. }
  150. @if (isNormalTrigger) {
  151. <ng-template [ngTemplateOutlet]="nzTrigger || defaultTrigger" />
  152. }
  153. <ng-template #defaultTrigger>
  154. @if (nzReverseArrow) {
  155. <nz-icon [nzType]="nzCollapsed ? 'left' : 'right'" />
  156. } @else {
  157. <nz-icon [nzType]="nzCollapsed ? 'right' : 'left'" />
  158. }
  159. </ng-template>
  160. <ng-template #defaultZeroTrigger>
  161. <nz-icon nzType="bars" />
  162. </ng-template>
  163. `,
  164. host: {
  165. '[class.ant-layout-sider-trigger]': 'isNormalTrigger',
  166. '[style.width]': 'isNormalTrigger ? siderWidth : null',
  167. '[class.ant-layout-sider-zero-width-trigger]': 'isZeroTrigger',
  168. '[class.ant-layout-sider-zero-width-trigger-right]': 'isZeroTrigger && nzReverseArrow',
  169. '[class.ant-layout-sider-zero-width-trigger-left]': 'isZeroTrigger && !nzReverseArrow'
  170. },
  171. imports: [NgTemplateOutlet, NzIconModule]
  172. }]
  173. }], propDecorators: { nzCollapsed: [{
  174. type: Input
  175. }], nzReverseArrow: [{
  176. type: Input
  177. }], nzZeroTrigger: [{
  178. type: Input
  179. }], nzTrigger: [{
  180. type: Input
  181. }], matchBreakPoint: [{
  182. type: Input
  183. }], nzCollapsedWidth: [{
  184. type: Input
  185. }], siderWidth: [{
  186. type: Input
  187. }], nzBreakpoint: [{
  188. type: Input
  189. }] } });
  190. class NzSiderComponent {
  191. platform;
  192. cdr;
  193. breakpointService;
  194. destroy$ = new Subject();
  195. nzMenuDirective = null;
  196. nzCollapsedChange = new EventEmitter();
  197. nzWidth = 200;
  198. nzTheme = 'dark';
  199. nzCollapsedWidth = 80;
  200. nzBreakpoint = null;
  201. nzZeroTrigger = null;
  202. nzTrigger = undefined;
  203. nzReverseArrow = false;
  204. nzCollapsible = false;
  205. nzCollapsed = false;
  206. matchBreakPoint = false;
  207. flexSetting = null;
  208. widthSetting = null;
  209. updateStyleMap() {
  210. this.widthSetting = this.nzCollapsed ? `${this.nzCollapsedWidth}px` : toCssPixel(this.nzWidth);
  211. this.flexSetting = `0 0 ${this.widthSetting}`;
  212. this.cdr.markForCheck();
  213. }
  214. updateMenuInlineCollapsed() {
  215. if (this.nzMenuDirective && this.nzMenuDirective.nzMode === 'inline' && this.nzCollapsedWidth !== 0) {
  216. this.nzMenuDirective.setInlineCollapsed(this.nzCollapsed);
  217. }
  218. }
  219. setCollapsed(collapsed) {
  220. if (collapsed !== this.nzCollapsed) {
  221. this.nzCollapsed = collapsed;
  222. this.nzCollapsedChange.emit(collapsed);
  223. this.updateMenuInlineCollapsed();
  224. this.updateStyleMap();
  225. this.cdr.markForCheck();
  226. }
  227. }
  228. constructor(platform, cdr, breakpointService) {
  229. this.platform = platform;
  230. this.cdr = cdr;
  231. this.breakpointService = breakpointService;
  232. }
  233. ngOnInit() {
  234. this.updateStyleMap();
  235. if (this.platform.isBrowser) {
  236. this.breakpointService
  237. .subscribe(siderResponsiveMap, true)
  238. .pipe(takeUntil(this.destroy$))
  239. .subscribe(map => {
  240. const breakpoint = this.nzBreakpoint;
  241. if (breakpoint) {
  242. inNextTick().subscribe(() => {
  243. this.matchBreakPoint = !map[breakpoint];
  244. this.setCollapsed(this.matchBreakPoint);
  245. this.cdr.markForCheck();
  246. });
  247. }
  248. });
  249. }
  250. }
  251. ngOnChanges(changes) {
  252. const { nzCollapsed, nzCollapsedWidth, nzWidth } = changes;
  253. if (nzCollapsed || nzCollapsedWidth || nzWidth) {
  254. this.updateStyleMap();
  255. }
  256. if (nzCollapsed) {
  257. this.updateMenuInlineCollapsed();
  258. }
  259. }
  260. ngAfterContentInit() {
  261. this.updateMenuInlineCollapsed();
  262. }
  263. ngOnDestroy() {
  264. this.destroy$.next(true);
  265. this.destroy$.complete();
  266. }
  267. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzSiderComponent, deps: [{ token: i1$1.Platform }, { token: i0.ChangeDetectorRef }, { token: i2.NzBreakpointService }], target: i0.ɵɵFactoryTarget.Component });
  268. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: NzSiderComponent, isStandalone: true, selector: "nz-sider", inputs: { nzWidth: "nzWidth", nzTheme: "nzTheme", nzCollapsedWidth: "nzCollapsedWidth", nzBreakpoint: "nzBreakpoint", nzZeroTrigger: "nzZeroTrigger", nzTrigger: "nzTrigger", nzReverseArrow: ["nzReverseArrow", "nzReverseArrow", booleanAttribute], nzCollapsible: ["nzCollapsible", "nzCollapsible", booleanAttribute], nzCollapsed: ["nzCollapsed", "nzCollapsed", booleanAttribute] }, outputs: { nzCollapsedChange: "nzCollapsedChange" }, host: { properties: { "class.ant-layout-sider-zero-width": "nzCollapsed && nzCollapsedWidth === 0", "class.ant-layout-sider-light": "nzTheme === 'light'", "class.ant-layout-sider-dark": "nzTheme === 'dark'", "class.ant-layout-sider-collapsed": "nzCollapsed", "class.ant-layout-sider-has-trigger": "nzCollapsible && nzTrigger !== null", "style.flex": "flexSetting", "style.maxWidth": "widthSetting", "style.minWidth": "widthSetting", "style.width": "widthSetting" }, classAttribute: "ant-layout-sider" }, queries: [{ propertyName: "nzMenuDirective", first: true, predicate: NzMenuDirective, descendants: true }], exportAs: ["nzSider"], usesOnChanges: true, ngImport: i0, template: `
  269. <div class="ant-layout-sider-children">
  270. <ng-content></ng-content>
  271. </div>
  272. @if (nzCollapsible && nzTrigger !== null) {
  273. <div
  274. nz-sider-trigger
  275. [matchBreakPoint]="matchBreakPoint"
  276. [nzCollapsedWidth]="nzCollapsedWidth"
  277. [nzCollapsed]="nzCollapsed"
  278. [nzBreakpoint]="nzBreakpoint"
  279. [nzReverseArrow]="nzReverseArrow"
  280. [nzTrigger]="nzTrigger"
  281. [nzZeroTrigger]="nzZeroTrigger"
  282. [siderWidth]="widthSetting"
  283. (click)="setCollapsed(!nzCollapsed)"
  284. ></div>
  285. }
  286. `, isInline: true, dependencies: [{ kind: "component", type: NzSiderTriggerComponent, selector: "[nz-sider-trigger]", inputs: ["nzCollapsed", "nzReverseArrow", "nzZeroTrigger", "nzTrigger", "matchBreakPoint", "nzCollapsedWidth", "siderWidth", "nzBreakpoint"], exportAs: ["nzSiderTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  287. }
  288. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzSiderComponent, decorators: [{
  289. type: Component,
  290. args: [{
  291. selector: 'nz-sider',
  292. exportAs: 'nzSider',
  293. preserveWhitespaces: false,
  294. encapsulation: ViewEncapsulation.None,
  295. changeDetection: ChangeDetectionStrategy.OnPush,
  296. template: `
  297. <div class="ant-layout-sider-children">
  298. <ng-content></ng-content>
  299. </div>
  300. @if (nzCollapsible && nzTrigger !== null) {
  301. <div
  302. nz-sider-trigger
  303. [matchBreakPoint]="matchBreakPoint"
  304. [nzCollapsedWidth]="nzCollapsedWidth"
  305. [nzCollapsed]="nzCollapsed"
  306. [nzBreakpoint]="nzBreakpoint"
  307. [nzReverseArrow]="nzReverseArrow"
  308. [nzTrigger]="nzTrigger"
  309. [nzZeroTrigger]="nzZeroTrigger"
  310. [siderWidth]="widthSetting"
  311. (click)="setCollapsed(!nzCollapsed)"
  312. ></div>
  313. }
  314. `,
  315. host: {
  316. class: 'ant-layout-sider',
  317. '[class.ant-layout-sider-zero-width]': `nzCollapsed && nzCollapsedWidth === 0`,
  318. '[class.ant-layout-sider-light]': `nzTheme === 'light'`,
  319. '[class.ant-layout-sider-dark]': `nzTheme === 'dark'`,
  320. '[class.ant-layout-sider-collapsed]': `nzCollapsed`,
  321. '[class.ant-layout-sider-has-trigger]': `nzCollapsible && nzTrigger !== null`,
  322. '[style.flex]': 'flexSetting',
  323. '[style.maxWidth]': 'widthSetting',
  324. '[style.minWidth]': 'widthSetting',
  325. '[style.width]': 'widthSetting'
  326. },
  327. imports: [NzSiderTriggerComponent]
  328. }]
  329. }], ctorParameters: () => [{ type: i1$1.Platform }, { type: i0.ChangeDetectorRef }, { type: i2.NzBreakpointService }], propDecorators: { nzMenuDirective: [{
  330. type: ContentChild,
  331. args: [NzMenuDirective]
  332. }], nzCollapsedChange: [{
  333. type: Output
  334. }], nzWidth: [{
  335. type: Input
  336. }], nzTheme: [{
  337. type: Input
  338. }], nzCollapsedWidth: [{
  339. type: Input
  340. }], nzBreakpoint: [{
  341. type: Input
  342. }], nzZeroTrigger: [{
  343. type: Input
  344. }], nzTrigger: [{
  345. type: Input
  346. }], nzReverseArrow: [{
  347. type: Input,
  348. args: [{ transform: booleanAttribute }]
  349. }], nzCollapsible: [{
  350. type: Input,
  351. args: [{ transform: booleanAttribute }]
  352. }], nzCollapsed: [{
  353. type: Input,
  354. args: [{ transform: booleanAttribute }]
  355. }] } });
  356. class NzLayoutComponent {
  357. directionality;
  358. listOfNzSiderComponent;
  359. dir = 'ltr';
  360. destroy$ = new Subject();
  361. constructor(directionality) {
  362. this.directionality = directionality;
  363. }
  364. ngOnInit() {
  365. this.dir = this.directionality.value;
  366. this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
  367. this.dir = direction;
  368. });
  369. }
  370. ngOnDestroy() {
  371. this.destroy$.next();
  372. this.destroy$.complete();
  373. }
  374. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzLayoutComponent, deps: [{ token: i1$2.Directionality }], target: i0.ɵɵFactoryTarget.Component });
  375. static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: NzLayoutComponent, isStandalone: true, selector: "nz-layout", host: { properties: { "class.ant-layout-rtl": "dir === 'rtl'", "class.ant-layout-has-sider": "listOfNzSiderComponent.length > 0" }, classAttribute: "ant-layout" }, queries: [{ propertyName: "listOfNzSiderComponent", predicate: NzSiderComponent }], exportAs: ["nzLayout"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
  376. }
  377. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzLayoutComponent, decorators: [{
  378. type: Component,
  379. args: [{
  380. selector: 'nz-layout',
  381. exportAs: 'nzLayout',
  382. template: `<ng-content></ng-content>`,
  383. encapsulation: ViewEncapsulation.None,
  384. changeDetection: ChangeDetectionStrategy.OnPush,
  385. preserveWhitespaces: false,
  386. host: {
  387. class: 'ant-layout',
  388. '[class.ant-layout-rtl]': `dir === 'rtl'`,
  389. '[class.ant-layout-has-sider]': 'listOfNzSiderComponent.length > 0'
  390. }
  391. }]
  392. }], ctorParameters: () => [{ type: i1$2.Directionality }], propDecorators: { listOfNzSiderComponent: [{
  393. type: ContentChildren,
  394. args: [NzSiderComponent]
  395. }] } });
  396. /**
  397. * Use of this source code is governed by an MIT-style license that can be
  398. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  399. */
  400. class NzLayoutModule {
  401. static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
  402. static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: NzLayoutModule, imports: [NzLayoutComponent,
  403. NzHeaderComponent,
  404. NzContentComponent,
  405. NzFooterComponent,
  406. NzSiderComponent,
  407. NzSiderTriggerComponent], exports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent] });
  408. static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzLayoutModule, imports: [NzSiderComponent,
  409. NzSiderTriggerComponent] });
  410. }
  411. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: NzLayoutModule, decorators: [{
  412. type: NgModule,
  413. args: [{
  414. imports: [
  415. NzLayoutComponent,
  416. NzHeaderComponent,
  417. NzContentComponent,
  418. NzFooterComponent,
  419. NzSiderComponent,
  420. NzSiderTriggerComponent
  421. ],
  422. exports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent]
  423. }]
  424. }] });
  425. /**
  426. * Use of this source code is governed by an MIT-style license that can be
  427. * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  428. */
  429. /**
  430. * Generated bundle index. Do not edit.
  431. */
  432. export { NzContentComponent, NzFooterComponent, NzHeaderComponent, NzLayoutComponent, NzLayoutModule, NzSiderComponent, NzSiderTriggerComponent as ɵNzSiderTriggerComponent };
  433. //# sourceMappingURL=ng-zorro-antd-layout.mjs.map