You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
786 lines
24 KiB
786 lines
24 KiB
8 months ago
|
import {
|
||
|
|
NzMenuDirective
|
||
|
|
} from "./chunk-WKTPWT5U.js";
|
||
|
|
import "./chunk-CZEXXPIB.js";
|
||
|
|
import "./chunk-6RXUTAFR.js";
|
||
|
|
import "./chunk-XAGDQPFO.js";
|
||
|
|
import {
|
||
|
|
NzBreakpointService,
|
||
|
|
siderResponsiveMap
|
||
|
|
} from "./chunk-D5ODNR6D.js";
|
||
|
|
import "./chunk-55A2ZGND.js";
|
||
|
|
import "./chunk-6U656R5M.js";
|
||
|
|
import "./chunk-VOD2PKZN.js";
|
||
|
|
import "./chunk-JGP5BR6B.js";
|
||
|
|
import "./chunk-WB57DPWD.js";
|
||
|
|
import {
|
||
|
|
NzIconDirective,
|
||
|
|
NzIconModule
|
||
|
|
} from "./chunk-VWMHIMW7.js";
|
||
|
|
import "./chunk-ZHMJ6SNN.js";
|
||
|
|
import {
|
||
|
|
Directionality
|
||
|
|
} from "./chunk-6NZ2BEBG.js";
|
||
|
|
import {
|
||
|
|
Platform
|
||
|
|
} from "./chunk-IAC53GOD.js";
|
||
|
|
import {
|
||
|
|
InputBoolean,
|
||
|
|
inNextTick,
|
||
|
|
toCssPixel
|
||
|
|
} from "./chunk-M5GY4FCO.js";
|
||
|
|
import "./chunk-ECVKT3ZH.js";
|
||
|
|
import "./chunk-KI2JSLP6.js";
|
||
|
|
import "./chunk-Y4CEYMY2.js";
|
||
|
|
import "./chunk-X7WBA24Z.js";
|
||
|
|
import {
|
||
|
|
NgIf,
|
||
|
|
NgTemplateOutlet
|
||
|
|
} from "./chunk-OSQBUYO6.js";
|
||
|
|
import {
|
||
|
|
ChangeDetectionStrategy,
|
||
|
|
ChangeDetectorRef,
|
||
|
|
Component,
|
||
|
|
ContentChild,
|
||
|
|
ContentChildren,
|
||
|
|
ElementRef,
|
||
|
|
EventEmitter,
|
||
|
|
Input,
|
||
|
|
NgModule,
|
||
|
|
Optional,
|
||
|
|
Output,
|
||
|
|
Renderer2,
|
||
|
|
Subject,
|
||
|
|
ViewEncapsulation$1,
|
||
|
|
__decorate,
|
||
|
|
setClassMetadata,
|
||
|
|
takeUntil,
|
||
|
|
ɵɵNgOnChangesFeature,
|
||
|
|
ɵɵStandaloneFeature,
|
||
|
|
ɵɵadvance,
|
||
|
|
ɵɵclassProp,
|
||
|
|
ɵɵcontentQuery,
|
||
|
|
ɵɵdefineComponent,
|
||
|
|
ɵɵdefineInjector,
|
||
|
|
ɵɵdefineNgModule,
|
||
|
|
ɵɵdirectiveInject,
|
||
|
|
ɵɵelement,
|
||
|
|
ɵɵelementContainerEnd,
|
||
|
|
ɵɵelementContainerStart,
|
||
|
|
ɵɵelementEnd,
|
||
|
|
ɵɵelementStart,
|
||
|
|
ɵɵgetCurrentView,
|
||
|
|
ɵɵlistener,
|
||
|
|
ɵɵloadQuery,
|
||
|
|
ɵɵnextContext,
|
||
|
|
ɵɵprojection,
|
||
|
|
ɵɵprojectionDef,
|
||
|
|
ɵɵproperty,
|
||
|
|
ɵɵqueryRefresh,
|
||
|
|
ɵɵreference,
|
||
|
|
ɵɵresetView,
|
||
|
|
ɵɵrestoreView,
|
||
|
|
ɵɵstyleProp,
|
||
|
|
ɵɵtemplate,
|
||
|
|
ɵɵtemplateRefExtractor
|
||
|
|
} from "./chunk-FGESKT7O.js";
|
||
|
|
import "./chunk-HSNDBVJ3.js";
|
||
|
|
|
||
|
|
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-layout.mjs
|
||
|
|
var _c0 = ["*"];
|
||
|
|
var _c1 = ["nz-sider-trigger", ""];
|
||
|
|
function NzSiderTriggerComponent_ng_container_0_ng_template_1_Template(rf, ctx) {
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_container_0_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵtemplate(1, NzSiderTriggerComponent_ng_container_0_ng_template_1_Template, 0, 0, "ng-template", 3);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r0 = ɵɵnextContext();
|
||
|
|
const _r5 = ɵɵreference(5);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngTemplateOutlet", ctx_r0.nzZeroTrigger || _r5);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_container_1_ng_template_1_Template(rf, ctx) {
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵtemplate(1, NzSiderTriggerComponent_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 3);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r1 = ɵɵnextContext();
|
||
|
|
const _r3 = ɵɵreference(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngTemplateOutlet", ctx_r1.nzTrigger || _r3);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_template_2_span_0_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelement(0, "span", 5);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r8 = ɵɵnextContext(2);
|
||
|
|
ɵɵproperty("nzType", ctx_r8.nzCollapsed ? "right" : "left");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_template_2_span_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelement(0, "span", 5);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r9 = ɵɵnextContext(2);
|
||
|
|
ɵɵproperty("nzType", ctx_r9.nzCollapsed ? "left" : "right");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_template_2_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵtemplate(0, NzSiderTriggerComponent_ng_template_2_span_0_Template, 1, 1, "span", 4)(1, NzSiderTriggerComponent_ng_template_2_span_1_Template, 1, 1, "span", 4);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r2 = ɵɵnextContext();
|
||
|
|
ɵɵproperty("ngIf", !ctx_r2.nzReverseArrow);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx_r2.nzReverseArrow);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzSiderTriggerComponent_ng_template_4_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelement(0, "span", 6);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzSiderComponent_div_2_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
const _r2 = ɵɵgetCurrentView();
|
||
|
|
ɵɵelementStart(0, "div", 2);
|
||
|
|
ɵɵlistener("click", function NzSiderComponent_div_2_Template_div_click_0_listener() {
|
||
|
|
ɵɵrestoreView(_r2);
|
||
|
|
const ctx_r1 = ɵɵnextContext();
|
||
|
|
return ɵɵresetView(ctx_r1.setCollapsed(!ctx_r1.nzCollapsed));
|
||
|
|
});
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r0 = ɵɵnextContext();
|
||
|
|
ɵɵproperty("matchBreakPoint", ctx_r0.matchBreakPoint)("nzCollapsedWidth", ctx_r0.nzCollapsedWidth)("nzCollapsed", ctx_r0.nzCollapsed)("nzBreakpoint", ctx_r0.nzBreakpoint)("nzReverseArrow", ctx_r0.nzReverseArrow)("nzTrigger", ctx_r0.nzTrigger)("nzZeroTrigger", ctx_r0.nzZeroTrigger)("siderWidth", ctx_r0.widthSetting);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var _NzContentComponent = class _NzContentComponent {
|
||
|
|
constructor(elementRef, renderer) {
|
||
|
|
this.elementRef = elementRef;
|
||
|
|
this.renderer = renderer;
|
||
|
|
this.renderer.addClass(this.elementRef.nativeElement, "ant-layout-content");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzContentComponent.ɵfac = function NzContentComponent_Factory(t) {
|
||
|
|
return new (t || _NzContentComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2));
|
||
|
|
};
|
||
|
|
_NzContentComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzContentComponent,
|
||
|
|
selectors: [["nz-content"]],
|
||
|
|
exportAs: ["nzContent"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵStandaloneFeature],
|
||
|
|
ngContentSelectors: _c0,
|
||
|
|
decls: 1,
|
||
|
|
vars: 0,
|
||
|
|
template: function NzContentComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵprojectionDef();
|
||
|
|
ɵɵprojection(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzContentComponent = _NzContentComponent;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzContentComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "nz-content",
|
||
|
|
exportAs: "nzContent",
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
encapsulation: ViewEncapsulation$1.None,
|
||
|
|
template: ` <ng-content></ng-content> `,
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: ElementRef
|
||
|
|
}, {
|
||
|
|
type: Renderer2
|
||
|
|
}], null);
|
||
|
|
})();
|
||
|
|
var _NzFooterComponent = class _NzFooterComponent {
|
||
|
|
constructor(elementRef, renderer) {
|
||
|
|
this.elementRef = elementRef;
|
||
|
|
this.renderer = renderer;
|
||
|
|
this.renderer.addClass(this.elementRef.nativeElement, "ant-layout-footer");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzFooterComponent.ɵfac = function NzFooterComponent_Factory(t) {
|
||
|
|
return new (t || _NzFooterComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2));
|
||
|
|
};
|
||
|
|
_NzFooterComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzFooterComponent,
|
||
|
|
selectors: [["nz-footer"]],
|
||
|
|
exportAs: ["nzFooter"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵStandaloneFeature],
|
||
|
|
ngContentSelectors: _c0,
|
||
|
|
decls: 1,
|
||
|
|
vars: 0,
|
||
|
|
template: function NzFooterComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵprojectionDef();
|
||
|
|
ɵɵprojection(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzFooterComponent = _NzFooterComponent;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzFooterComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "nz-footer",
|
||
|
|
exportAs: "nzFooter",
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
encapsulation: ViewEncapsulation$1.None,
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
template: ` <ng-content></ng-content> `,
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: ElementRef
|
||
|
|
}, {
|
||
|
|
type: Renderer2
|
||
|
|
}], null);
|
||
|
|
})();
|
||
|
|
var _NzHeaderComponent = class _NzHeaderComponent {
|
||
|
|
constructor(elementRef, renderer) {
|
||
|
|
this.elementRef = elementRef;
|
||
|
|
this.renderer = renderer;
|
||
|
|
this.renderer.addClass(this.elementRef.nativeElement, "ant-layout-header");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzHeaderComponent.ɵfac = function NzHeaderComponent_Factory(t) {
|
||
|
|
return new (t || _NzHeaderComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2));
|
||
|
|
};
|
||
|
|
_NzHeaderComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzHeaderComponent,
|
||
|
|
selectors: [["nz-header"]],
|
||
|
|
exportAs: ["nzHeader"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵStandaloneFeature],
|
||
|
|
ngContentSelectors: _c0,
|
||
|
|
decls: 1,
|
||
|
|
vars: 0,
|
||
|
|
template: function NzHeaderComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵprojectionDef();
|
||
|
|
ɵɵprojection(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzHeaderComponent = _NzHeaderComponent;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzHeaderComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "nz-header",
|
||
|
|
exportAs: "nzHeader",
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
encapsulation: ViewEncapsulation$1.None,
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
template: ` <ng-content></ng-content> `,
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: ElementRef
|
||
|
|
}, {
|
||
|
|
type: Renderer2
|
||
|
|
}], null);
|
||
|
|
})();
|
||
|
|
var _NzSiderTriggerComponent = class _NzSiderTriggerComponent {
|
||
|
|
constructor() {
|
||
|
|
this.nzCollapsed = false;
|
||
|
|
this.nzReverseArrow = false;
|
||
|
|
this.nzZeroTrigger = null;
|
||
|
|
this.nzTrigger = void 0;
|
||
|
|
this.matchBreakPoint = false;
|
||
|
|
this.nzCollapsedWidth = null;
|
||
|
|
this.siderWidth = null;
|
||
|
|
this.nzBreakpoint = null;
|
||
|
|
this.isZeroTrigger = false;
|
||
|
|
this.isNormalTrigger = false;
|
||
|
|
}
|
||
|
|
updateTriggerType() {
|
||
|
|
this.isZeroTrigger = this.nzCollapsedWidth === 0 && (this.nzBreakpoint && this.matchBreakPoint || !this.nzBreakpoint);
|
||
|
|
this.isNormalTrigger = this.nzCollapsedWidth !== 0;
|
||
|
|
}
|
||
|
|
ngOnInit() {
|
||
|
|
this.updateTriggerType();
|
||
|
|
}
|
||
|
|
ngOnChanges() {
|
||
|
|
this.updateTriggerType();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzSiderTriggerComponent.ɵfac = function NzSiderTriggerComponent_Factory(t) {
|
||
|
|
return new (t || _NzSiderTriggerComponent)();
|
||
|
|
};
|
||
|
|
_NzSiderTriggerComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzSiderTriggerComponent,
|
||
|
|
selectors: [["", "nz-sider-trigger", ""]],
|
||
|
|
hostVars: 10,
|
||
|
|
hostBindings: function NzSiderTriggerComponent_HostBindings(rf, ctx) {
|
||
|
|
if (rf & 2) {
|
||
|
|
ɵɵstyleProp("width", ctx.isNormalTrigger ? ctx.siderWidth : null);
|
||
|
|
ɵɵclassProp("ant-layout-sider-trigger", ctx.isNormalTrigger)("ant-layout-sider-zero-width-trigger", ctx.isZeroTrigger)("ant-layout-sider-zero-width-trigger-right", ctx.isZeroTrigger && ctx.nzReverseArrow)("ant-layout-sider-zero-width-trigger-left", ctx.isZeroTrigger && !ctx.nzReverseArrow);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
inputs: {
|
||
|
|
nzCollapsed: "nzCollapsed",
|
||
|
|
nzReverseArrow: "nzReverseArrow",
|
||
|
|
nzZeroTrigger: "nzZeroTrigger",
|
||
|
|
nzTrigger: "nzTrigger",
|
||
|
|
matchBreakPoint: "matchBreakPoint",
|
||
|
|
nzCollapsedWidth: "nzCollapsedWidth",
|
||
|
|
siderWidth: "siderWidth",
|
||
|
|
nzBreakpoint: "nzBreakpoint"
|
||
|
|
},
|
||
|
|
exportAs: ["nzSiderTrigger"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵNgOnChangesFeature, ɵɵStandaloneFeature],
|
||
|
|
attrs: _c1,
|
||
|
|
decls: 6,
|
||
|
|
vars: 2,
|
||
|
|
consts: [[4, "ngIf"], ["defaultTrigger", ""], ["defaultZeroTrigger", ""], [3, "ngTemplateOutlet"], ["nz-icon", "", 3, "nzType", 4, "ngIf"], ["nz-icon", "", 3, "nzType"], ["nz-icon", "", "nzType", "bars"]],
|
||
|
|
template: function NzSiderTriggerComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵtemplate(0, NzSiderTriggerComponent_ng_container_0_Template, 2, 1, "ng-container", 0)(1, NzSiderTriggerComponent_ng_container_1_Template, 2, 1, "ng-container", 0)(2, NzSiderTriggerComponent_ng_template_2_Template, 2, 2, "ng-template", null, 1, ɵɵtemplateRefExtractor)(4, NzSiderTriggerComponent_ng_template_4_Template, 1, 0, "ng-template", null, 2, ɵɵtemplateRefExtractor);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
ɵɵproperty("ngIf", ctx.isZeroTrigger);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx.isNormalTrigger);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
dependencies: [NgIf, NgTemplateOutlet, NzIconModule, NzIconDirective],
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzSiderTriggerComponent = _NzSiderTriggerComponent;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzSiderTriggerComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "[nz-sider-trigger]",
|
||
|
|
exportAs: "nzSiderTrigger",
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
encapsulation: ViewEncapsulation$1.None,
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
template: `
|
||
|
|
<ng-container *ngIf="isZeroTrigger">
|
||
|
|
<ng-template [ngTemplateOutlet]="nzZeroTrigger || defaultZeroTrigger"></ng-template>
|
||
|
|
</ng-container>
|
||
|
|
<ng-container *ngIf="isNormalTrigger">
|
||
|
|
<ng-template [ngTemplateOutlet]="nzTrigger || defaultTrigger"></ng-template>
|
||
|
|
</ng-container>
|
||
|
|
<ng-template #defaultTrigger>
|
||
|
|
<span nz-icon [nzType]="nzCollapsed ? 'right' : 'left'" *ngIf="!nzReverseArrow"></span>
|
||
|
|
<span nz-icon [nzType]="nzCollapsed ? 'left' : 'right'" *ngIf="nzReverseArrow"></span>
|
||
|
|
</ng-template>
|
||
|
|
<ng-template #defaultZeroTrigger>
|
||
|
|
<span nz-icon nzType="bars"></span>
|
||
|
|
</ng-template>
|
||
|
|
`,
|
||
|
|
host: {
|
||
|
|
"[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"
|
||
|
|
},
|
||
|
|
imports: [NgIf, NgTemplateOutlet, NzIconModule],
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], null, {
|
||
|
|
nzCollapsed: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzReverseArrow: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzZeroTrigger: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzTrigger: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
matchBreakPoint: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzCollapsedWidth: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
siderWidth: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzBreakpoint: [{
|
||
|
|
type: Input
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
})();
|
||
|
|
var _NzSiderComponent = class _NzSiderComponent {
|
||
|
|
updateStyleMap() {
|
||
|
|
this.widthSetting = this.nzCollapsed ? `${this.nzCollapsedWidth}px` : toCssPixel(this.nzWidth);
|
||
|
|
this.flexSetting = `0 0 ${this.widthSetting}`;
|
||
|
|
this.cdr.markForCheck();
|
||
|
|
}
|
||
|
|
updateMenuInlineCollapsed() {
|
||
|
|
if (this.nzMenuDirective && this.nzMenuDirective.nzMode === "inline" && this.nzCollapsedWidth !== 0) {
|
||
|
|
this.nzMenuDirective.setInlineCollapsed(this.nzCollapsed);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
setCollapsed(collapsed) {
|
||
|
|
if (collapsed !== this.nzCollapsed) {
|
||
|
|
this.nzCollapsed = collapsed;
|
||
|
|
this.nzCollapsedChange.emit(collapsed);
|
||
|
|
this.updateMenuInlineCollapsed();
|
||
|
|
this.updateStyleMap();
|
||
|
|
this.cdr.markForCheck();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
constructor(platform, cdr, breakpointService) {
|
||
|
|
this.platform = platform;
|
||
|
|
this.cdr = cdr;
|
||
|
|
this.breakpointService = breakpointService;
|
||
|
|
this.destroy$ = new Subject();
|
||
|
|
this.nzMenuDirective = null;
|
||
|
|
this.nzCollapsedChange = new EventEmitter();
|
||
|
|
this.nzWidth = 200;
|
||
|
|
this.nzTheme = "dark";
|
||
|
|
this.nzCollapsedWidth = 80;
|
||
|
|
this.nzBreakpoint = null;
|
||
|
|
this.nzZeroTrigger = null;
|
||
|
|
this.nzTrigger = void 0;
|
||
|
|
this.nzReverseArrow = false;
|
||
|
|
this.nzCollapsible = false;
|
||
|
|
this.nzCollapsed = false;
|
||
|
|
this.matchBreakPoint = false;
|
||
|
|
this.flexSetting = null;
|
||
|
|
this.widthSetting = null;
|
||
|
|
}
|
||
|
|
ngOnInit() {
|
||
|
|
this.updateStyleMap();
|
||
|
|
if (this.platform.isBrowser) {
|
||
|
|
this.breakpointService.subscribe(siderResponsiveMap, true).pipe(takeUntil(this.destroy$)).subscribe((map) => {
|
||
|
|
const breakpoint = this.nzBreakpoint;
|
||
|
|
if (breakpoint) {
|
||
|
|
inNextTick().subscribe(() => {
|
||
|
|
this.matchBreakPoint = !map[breakpoint];
|
||
|
|
this.setCollapsed(this.matchBreakPoint);
|
||
|
|
this.cdr.markForCheck();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ngOnChanges(changes) {
|
||
|
|
const {
|
||
|
|
nzCollapsed,
|
||
|
|
nzCollapsedWidth,
|
||
|
|
nzWidth
|
||
|
|
} = changes;
|
||
|
|
if (nzCollapsed || nzCollapsedWidth || nzWidth) {
|
||
|
|
this.updateStyleMap();
|
||
|
|
}
|
||
|
|
if (nzCollapsed) {
|
||
|
|
this.updateMenuInlineCollapsed();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ngAfterContentInit() {
|
||
|
|
this.updateMenuInlineCollapsed();
|
||
|
|
}
|
||
|
|
ngOnDestroy() {
|
||
|
|
this.destroy$.next(true);
|
||
|
|
this.destroy$.complete();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzSiderComponent.ɵfac = function NzSiderComponent_Factory(t) {
|
||
|
|
return new (t || _NzSiderComponent)(ɵɵdirectiveInject(Platform), ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(NzBreakpointService));
|
||
|
|
};
|
||
|
|
_NzSiderComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzSiderComponent,
|
||
|
|
selectors: [["nz-sider"]],
|
||
|
|
contentQueries: function NzSiderComponent_ContentQueries(rf, ctx, dirIndex) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵcontentQuery(dirIndex, NzMenuDirective, 5);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
let _t;
|
||
|
|
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.nzMenuDirective = _t.first);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
hostAttrs: [1, "ant-layout-sider"],
|
||
|
|
hostVars: 18,
|
||
|
|
hostBindings: function NzSiderComponent_HostBindings(rf, ctx) {
|
||
|
|
if (rf & 2) {
|
||
|
|
ɵɵstyleProp("flex", ctx.flexSetting)("max-width", ctx.widthSetting)("min-width", ctx.widthSetting)("width", ctx.widthSetting);
|
||
|
|
ɵɵclassProp("ant-layout-sider-zero-width", ctx.nzCollapsed && ctx.nzCollapsedWidth === 0)("ant-layout-sider-light", ctx.nzTheme === "light")("ant-layout-sider-dark", ctx.nzTheme === "dark")("ant-layout-sider-collapsed", ctx.nzCollapsed)("ant-layout-sider-has-trigger", ctx.nzCollapsible && ctx.nzTrigger !== null);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
inputs: {
|
||
|
|
nzWidth: "nzWidth",
|
||
|
|
nzTheme: "nzTheme",
|
||
|
|
nzCollapsedWidth: "nzCollapsedWidth",
|
||
|
|
nzBreakpoint: "nzBreakpoint",
|
||
|
|
nzZeroTrigger: "nzZeroTrigger",
|
||
|
|
nzTrigger: "nzTrigger",
|
||
|
|
nzReverseArrow: "nzReverseArrow",
|
||
|
|
nzCollapsible: "nzCollapsible",
|
||
|
|
nzCollapsed: "nzCollapsed"
|
||
|
|
},
|
||
|
|
outputs: {
|
||
|
|
nzCollapsedChange: "nzCollapsedChange"
|
||
|
|
},
|
||
|
|
exportAs: ["nzSider"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵNgOnChangesFeature, ɵɵStandaloneFeature],
|
||
|
|
ngContentSelectors: _c0,
|
||
|
|
decls: 3,
|
||
|
|
vars: 1,
|
||
|
|
consts: [[1, "ant-layout-sider-children"], ["nz-sider-trigger", "", 3, "matchBreakPoint", "nzCollapsedWidth", "nzCollapsed", "nzBreakpoint", "nzReverseArrow", "nzTrigger", "nzZeroTrigger", "siderWidth", "click", 4, "ngIf"], ["nz-sider-trigger", "", 3, "matchBreakPoint", "nzCollapsedWidth", "nzCollapsed", "nzBreakpoint", "nzReverseArrow", "nzTrigger", "nzZeroTrigger", "siderWidth", "click"]],
|
||
|
|
template: function NzSiderComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵprojectionDef();
|
||
|
|
ɵɵelementStart(0, "div", 0);
|
||
|
|
ɵɵprojection(1);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
ɵɵtemplate(2, NzSiderComponent_div_2_Template, 1, 8, "div", 1);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
ɵɵadvance(2);
|
||
|
|
ɵɵproperty("ngIf", ctx.nzCollapsible && ctx.nzTrigger !== null);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
dependencies: [NgIf, NzSiderTriggerComponent],
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzSiderComponent = _NzSiderComponent;
|
||
|
|
__decorate([InputBoolean()], NzSiderComponent.prototype, "nzReverseArrow", void 0);
|
||
|
|
__decorate([InputBoolean()], NzSiderComponent.prototype, "nzCollapsible", void 0);
|
||
|
|
__decorate([InputBoolean()], NzSiderComponent.prototype, "nzCollapsed", void 0);
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzSiderComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "nz-sider",
|
||
|
|
exportAs: "nzSider",
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
encapsulation: ViewEncapsulation$1.None,
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
template: `
|
||
|
|
<div class="ant-layout-sider-children">
|
||
|
|
<ng-content></ng-content>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
*ngIf="nzCollapsible && nzTrigger !== null"
|
||
|
|
nz-sider-trigger
|
||
|
|
[matchBreakPoint]="matchBreakPoint"
|
||
|
|
[nzCollapsedWidth]="nzCollapsedWidth"
|
||
|
|
[nzCollapsed]="nzCollapsed"
|
||
|
|
[nzBreakpoint]="nzBreakpoint"
|
||
|
|
[nzReverseArrow]="nzReverseArrow"
|
||
|
|
[nzTrigger]="nzTrigger"
|
||
|
|
[nzZeroTrigger]="nzZeroTrigger"
|
||
|
|
[siderWidth]="widthSetting"
|
||
|
|
(click)="setCollapsed(!nzCollapsed)"
|
||
|
|
></div>
|
||
|
|
`,
|
||
|
|
host: {
|
||
|
|
class: "ant-layout-sider",
|
||
|
|
"[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"
|
||
|
|
},
|
||
|
|
imports: [NgIf, NzSiderTriggerComponent],
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: Platform
|
||
|
|
}, {
|
||
|
|
type: ChangeDetectorRef
|
||
|
|
}, {
|
||
|
|
type: NzBreakpointService
|
||
|
|
}], {
|
||
|
|
nzMenuDirective: [{
|
||
|
|
type: ContentChild,
|
||
|
|
args: [NzMenuDirective]
|
||
|
|
}],
|
||
|
|
nzCollapsedChange: [{
|
||
|
|
type: Output
|
||
|
|
}],
|
||
|
|
nzWidth: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzTheme: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzCollapsedWidth: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzBreakpoint: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzZeroTrigger: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzTrigger: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzReverseArrow: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzCollapsible: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzCollapsed: [{
|
||
|
|
type: Input
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
})();
|
||
|
|
var _NzLayoutComponent = class _NzLayoutComponent {
|
||
|
|
constructor(directionality) {
|
||
|
|
this.directionality = directionality;
|
||
|
|
this.dir = "ltr";
|
||
|
|
this.destroy$ = new Subject();
|
||
|
|
}
|
||
|
|
ngOnInit() {
|
||
|
|
this.dir = this.directionality.value;
|
||
|
|
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
|
||
|
|
this.dir = direction;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
ngOnDestroy() {
|
||
|
|
this.destroy$.next();
|
||
|
|
this.destroy$.complete();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzLayoutComponent.ɵfac = function NzLayoutComponent_Factory(t) {
|
||
|
|
return new (t || _NzLayoutComponent)(ɵɵdirectiveInject(Directionality, 8));
|
||
|
|
};
|
||
|
|
_NzLayoutComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzLayoutComponent,
|
||
|
|
selectors: [["nz-layout"]],
|
||
|
|
contentQueries: function NzLayoutComponent_ContentQueries(rf, ctx, dirIndex) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵcontentQuery(dirIndex, NzSiderComponent, 4);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
let _t;
|
||
|
|
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.listOfNzSiderComponent = _t);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
hostAttrs: [1, "ant-layout"],
|
||
|
|
hostVars: 4,
|
||
|
|
hostBindings: function NzLayoutComponent_HostBindings(rf, ctx) {
|
||
|
|
if (rf & 2) {
|
||
|
|
ɵɵclassProp("ant-layout-rtl", ctx.dir === "rtl")("ant-layout-has-sider", ctx.listOfNzSiderComponent.length > 0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
exportAs: ["nzLayout"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵStandaloneFeature],
|
||
|
|
ngContentSelectors: _c0,
|
||
|
|
decls: 1,
|
||
|
|
vars: 0,
|
||
|
|
template: function NzLayoutComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵprojectionDef();
|
||
|
|
ɵɵprojection(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzLayoutComponent = _NzLayoutComponent;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzLayoutComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "nz-layout",
|
||
|
|
exportAs: "nzLayout",
|
||
|
|
encapsulation: ViewEncapsulation$1.None,
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
template: ` <ng-content></ng-content> `,
|
||
|
|
host: {
|
||
|
|
class: "ant-layout",
|
||
|
|
"[class.ant-layout-rtl]": `dir === 'rtl'`,
|
||
|
|
"[class.ant-layout-has-sider]": "listOfNzSiderComponent.length > 0"
|
||
|
|
},
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: Directionality,
|
||
|
|
decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}]
|
||
|
|
}], {
|
||
|
|
listOfNzSiderComponent: [{
|
||
|
|
type: ContentChildren,
|
||
|
|
args: [NzSiderComponent]
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
})();
|
||
|
|
var _NzLayoutModule = class _NzLayoutModule {
|
||
|
|
};
|
||
|
|
_NzLayoutModule.ɵfac = function NzLayoutModule_Factory(t) {
|
||
|
|
return new (t || _NzLayoutModule)();
|
||
|
|
};
|
||
|
|
_NzLayoutModule.ɵmod = ɵɵdefineNgModule({
|
||
|
|
type: _NzLayoutModule,
|
||
|
|
imports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent, NzSiderTriggerComponent],
|
||
|
|
exports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent]
|
||
|
|
});
|
||
|
|
_NzLayoutModule.ɵinj = ɵɵdefineInjector({
|
||
|
|
imports: [NzSiderComponent, NzSiderTriggerComponent]
|
||
|
|
});
|
||
|
|
var NzLayoutModule = _NzLayoutModule;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzLayoutModule, [{
|
||
|
|
type: NgModule,
|
||
|
|
args: [{
|
||
|
|
imports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent, NzSiderTriggerComponent],
|
||
|
|
exports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent]
|
||
|
|
}]
|
||
|
|
}], null, null);
|
||
|
|
})();
|
||
|
|
export {
|
||
|
|
NzContentComponent,
|
||
|
|
NzFooterComponent,
|
||
|
|
NzHeaderComponent,
|
||
|
|
NzLayoutComponent,
|
||
|
|
NzLayoutModule,
|
||
|
|
NzSiderComponent,
|
||
|
|
NzSiderTriggerComponent as ɵNzSiderTriggerComponent
|
||
|
|
};
|
||
|
|
//# sourceMappingURL=ng-zorro-antd_layout.js.map
|