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.
430 lines
12 KiB
430 lines
12 KiB
import {
|
|
NzBreakpointService,
|
|
gridResponsiveMap
|
|
} from "./chunk-D5ODNR6D.js";
|
|
import {
|
|
MediaMatcher
|
|
} from "./chunk-WB57DPWD.js";
|
|
import {
|
|
Directionality
|
|
} from "./chunk-6NZ2BEBG.js";
|
|
import {
|
|
Platform
|
|
} from "./chunk-IAC53GOD.js";
|
|
import {
|
|
isNotNil
|
|
} from "./chunk-M5GY4FCO.js";
|
|
import {
|
|
Directive,
|
|
ElementRef,
|
|
Host,
|
|
Input,
|
|
NgModule,
|
|
NgZone,
|
|
Optional,
|
|
Renderer2,
|
|
ReplaySubject,
|
|
Subject,
|
|
setClassMetadata,
|
|
takeUntil,
|
|
ɵɵNgOnChangesFeature,
|
|
ɵɵclassProp,
|
|
ɵɵdefineDirective,
|
|
ɵɵdefineInjector,
|
|
ɵɵdefineNgModule,
|
|
ɵɵdirectiveInject,
|
|
ɵɵstyleProp
|
|
} from "./chunk-FGESKT7O.js";
|
|
import {
|
|
__spreadValues
|
|
} from "./chunk-HSNDBVJ3.js";
|
|
|
|
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-grid.mjs
|
|
var _NzRowDirective = class _NzRowDirective {
|
|
getGutter() {
|
|
const results = [null, null];
|
|
const gutter = this.nzGutter || 0;
|
|
const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, null];
|
|
normalizedGutter.forEach((g, index) => {
|
|
if (typeof g === "object" && g !== null) {
|
|
results[index] = null;
|
|
Object.keys(gridResponsiveMap).map((screen) => {
|
|
const bp = screen;
|
|
if (this.mediaMatcher.matchMedia(gridResponsiveMap[bp]).matches && g[bp]) {
|
|
results[index] = g[bp];
|
|
}
|
|
});
|
|
} else {
|
|
results[index] = Number(g) || null;
|
|
}
|
|
});
|
|
return results;
|
|
}
|
|
setGutterStyle() {
|
|
const [horizontalGutter, verticalGutter] = this.getGutter();
|
|
this.actualGutter$.next([horizontalGutter, verticalGutter]);
|
|
const renderGutter = (name, gutter) => {
|
|
const nativeElement = this.elementRef.nativeElement;
|
|
if (gutter !== null) {
|
|
this.renderer.setStyle(nativeElement, name, `-${gutter / 2}px`);
|
|
}
|
|
};
|
|
renderGutter("margin-left", horizontalGutter);
|
|
renderGutter("margin-right", horizontalGutter);
|
|
renderGutter("margin-top", verticalGutter);
|
|
renderGutter("margin-bottom", verticalGutter);
|
|
}
|
|
constructor(elementRef, renderer, mediaMatcher, ngZone, platform, breakpointService, directionality) {
|
|
this.elementRef = elementRef;
|
|
this.renderer = renderer;
|
|
this.mediaMatcher = mediaMatcher;
|
|
this.ngZone = ngZone;
|
|
this.platform = platform;
|
|
this.breakpointService = breakpointService;
|
|
this.directionality = directionality;
|
|
this.nzAlign = null;
|
|
this.nzJustify = null;
|
|
this.nzGutter = null;
|
|
this.actualGutter$ = new ReplaySubject(1);
|
|
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;
|
|
});
|
|
this.setGutterStyle();
|
|
}
|
|
ngOnChanges(changes) {
|
|
if (changes.nzGutter) {
|
|
this.setGutterStyle();
|
|
}
|
|
}
|
|
ngAfterViewInit() {
|
|
if (this.platform.isBrowser) {
|
|
this.breakpointService.subscribe(gridResponsiveMap).pipe(takeUntil(this.destroy$)).subscribe(() => {
|
|
this.setGutterStyle();
|
|
});
|
|
}
|
|
}
|
|
ngOnDestroy() {
|
|
this.destroy$.next(true);
|
|
this.destroy$.complete();
|
|
}
|
|
};
|
|
_NzRowDirective.ɵfac = function NzRowDirective_Factory(t) {
|
|
return new (t || _NzRowDirective)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(NgZone), ɵɵdirectiveInject(Platform), ɵɵdirectiveInject(NzBreakpointService), ɵɵdirectiveInject(Directionality, 8));
|
|
};
|
|
_NzRowDirective.ɵdir = ɵɵdefineDirective({
|
|
type: _NzRowDirective,
|
|
selectors: [["", "nz-row", ""], ["nz-row"], ["nz-form-item"]],
|
|
hostAttrs: [1, "ant-row"],
|
|
hostVars: 20,
|
|
hostBindings: function NzRowDirective_HostBindings(rf, ctx) {
|
|
if (rf & 2) {
|
|
ɵɵclassProp("ant-row-top", ctx.nzAlign === "top")("ant-row-middle", ctx.nzAlign === "middle")("ant-row-bottom", ctx.nzAlign === "bottom")("ant-row-start", ctx.nzJustify === "start")("ant-row-end", ctx.nzJustify === "end")("ant-row-center", ctx.nzJustify === "center")("ant-row-space-around", ctx.nzJustify === "space-around")("ant-row-space-between", ctx.nzJustify === "space-between")("ant-row-space-evenly", ctx.nzJustify === "space-evenly")("ant-row-rtl", ctx.dir === "rtl");
|
|
}
|
|
},
|
|
inputs: {
|
|
nzAlign: "nzAlign",
|
|
nzJustify: "nzJustify",
|
|
nzGutter: "nzGutter"
|
|
},
|
|
exportAs: ["nzRow"],
|
|
standalone: true,
|
|
features: [ɵɵNgOnChangesFeature]
|
|
});
|
|
var NzRowDirective = _NzRowDirective;
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzRowDirective, [{
|
|
type: Directive,
|
|
args: [{
|
|
selector: "[nz-row],nz-row,nz-form-item",
|
|
exportAs: "nzRow",
|
|
host: {
|
|
class: "ant-row",
|
|
"[class.ant-row-top]": `nzAlign === 'top'`,
|
|
"[class.ant-row-middle]": `nzAlign === 'middle'`,
|
|
"[class.ant-row-bottom]": `nzAlign === 'bottom'`,
|
|
"[class.ant-row-start]": `nzJustify === 'start'`,
|
|
"[class.ant-row-end]": `nzJustify === 'end'`,
|
|
"[class.ant-row-center]": `nzJustify === 'center'`,
|
|
"[class.ant-row-space-around]": `nzJustify === 'space-around'`,
|
|
"[class.ant-row-space-between]": `nzJustify === 'space-between'`,
|
|
"[class.ant-row-space-evenly]": `nzJustify === 'space-evenly'`,
|
|
"[class.ant-row-rtl]": `dir === "rtl"`
|
|
},
|
|
standalone: true
|
|
}]
|
|
}], () => [{
|
|
type: ElementRef
|
|
}, {
|
|
type: Renderer2
|
|
}, {
|
|
type: MediaMatcher
|
|
}, {
|
|
type: NgZone
|
|
}, {
|
|
type: Platform
|
|
}, {
|
|
type: NzBreakpointService
|
|
}, {
|
|
type: Directionality,
|
|
decorators: [{
|
|
type: Optional
|
|
}]
|
|
}], {
|
|
nzAlign: [{
|
|
type: Input
|
|
}],
|
|
nzJustify: [{
|
|
type: Input
|
|
}],
|
|
nzGutter: [{
|
|
type: Input
|
|
}]
|
|
});
|
|
})();
|
|
var _NzColDirective = class _NzColDirective {
|
|
setHostClassMap() {
|
|
const hostClassMap = __spreadValues({
|
|
["ant-col"]: true,
|
|
[`ant-col-${this.nzSpan}`]: isNotNil(this.nzSpan),
|
|
[`ant-col-order-${this.nzOrder}`]: isNotNil(this.nzOrder),
|
|
[`ant-col-offset-${this.nzOffset}`]: isNotNil(this.nzOffset),
|
|
[`ant-col-pull-${this.nzPull}`]: isNotNil(this.nzPull),
|
|
[`ant-col-push-${this.nzPush}`]: isNotNil(this.nzPush),
|
|
["ant-col-rtl"]: this.dir === "rtl"
|
|
}, this.generateClass());
|
|
for (const i in this.classMap) {
|
|
if (this.classMap.hasOwnProperty(i)) {
|
|
this.renderer.removeClass(this.elementRef.nativeElement, i);
|
|
}
|
|
}
|
|
this.classMap = __spreadValues({}, hostClassMap);
|
|
for (const i in this.classMap) {
|
|
if (this.classMap.hasOwnProperty(i) && this.classMap[i]) {
|
|
this.renderer.addClass(this.elementRef.nativeElement, i);
|
|
}
|
|
}
|
|
}
|
|
setHostFlexStyle() {
|
|
this.hostFlexStyle = this.parseFlex(this.nzFlex);
|
|
}
|
|
parseFlex(flex) {
|
|
if (typeof flex === "number") {
|
|
return `${flex} ${flex} auto`;
|
|
} else if (typeof flex === "string") {
|
|
if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
|
|
return `0 0 ${flex}`;
|
|
}
|
|
}
|
|
return flex;
|
|
}
|
|
generateClass() {
|
|
const listOfSizeInputName = ["nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"];
|
|
const listClassMap = {};
|
|
listOfSizeInputName.forEach((name) => {
|
|
const sizeName = name.replace("nz", "").toLowerCase();
|
|
if (isNotNil(this[name])) {
|
|
if (typeof this[name] === "number" || typeof this[name] === "string") {
|
|
listClassMap[`ant-col-${sizeName}-${this[name]}`] = true;
|
|
} else {
|
|
const embedded = this[name];
|
|
const prefixArray = ["span", "pull", "push", "offset", "order"];
|
|
prefixArray.forEach((prefix) => {
|
|
const prefixClass = prefix === "span" ? "-" : `-${prefix}-`;
|
|
listClassMap[`ant-col-${sizeName}${prefixClass}${embedded[prefix]}`] = embedded && isNotNil(embedded[prefix]);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
return listClassMap;
|
|
}
|
|
constructor(elementRef, nzRowDirective, renderer, directionality) {
|
|
this.elementRef = elementRef;
|
|
this.nzRowDirective = nzRowDirective;
|
|
this.renderer = renderer;
|
|
this.directionality = directionality;
|
|
this.classMap = {};
|
|
this.destroy$ = new Subject();
|
|
this.hostFlexStyle = null;
|
|
this.dir = "ltr";
|
|
this.nzFlex = null;
|
|
this.nzSpan = null;
|
|
this.nzOrder = null;
|
|
this.nzOffset = null;
|
|
this.nzPush = null;
|
|
this.nzPull = null;
|
|
this.nzXs = null;
|
|
this.nzSm = null;
|
|
this.nzMd = null;
|
|
this.nzLg = null;
|
|
this.nzXl = null;
|
|
this.nzXXl = null;
|
|
}
|
|
ngOnInit() {
|
|
this.dir = this.directionality.value;
|
|
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
|
|
this.dir = direction;
|
|
this.setHostClassMap();
|
|
});
|
|
this.setHostClassMap();
|
|
this.setHostFlexStyle();
|
|
}
|
|
ngOnChanges(changes) {
|
|
this.setHostClassMap();
|
|
const {
|
|
nzFlex
|
|
} = changes;
|
|
if (nzFlex) {
|
|
this.setHostFlexStyle();
|
|
}
|
|
}
|
|
ngAfterViewInit() {
|
|
if (this.nzRowDirective) {
|
|
this.nzRowDirective.actualGutter$.pipe(takeUntil(this.destroy$)).subscribe(([horizontalGutter, verticalGutter]) => {
|
|
const renderGutter = (name, gutter) => {
|
|
const nativeElement = this.elementRef.nativeElement;
|
|
if (gutter !== null) {
|
|
this.renderer.setStyle(nativeElement, name, `${gutter / 2}px`);
|
|
}
|
|
};
|
|
renderGutter("padding-left", horizontalGutter);
|
|
renderGutter("padding-right", horizontalGutter);
|
|
renderGutter("padding-top", verticalGutter);
|
|
renderGutter("padding-bottom", verticalGutter);
|
|
});
|
|
}
|
|
}
|
|
ngOnDestroy() {
|
|
this.destroy$.next(true);
|
|
this.destroy$.complete();
|
|
}
|
|
};
|
|
_NzColDirective.ɵfac = function NzColDirective_Factory(t) {
|
|
return new (t || _NzColDirective)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(NzRowDirective, 9), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(Directionality, 8));
|
|
};
|
|
_NzColDirective.ɵdir = ɵɵdefineDirective({
|
|
type: _NzColDirective,
|
|
selectors: [["", "nz-col", ""], ["nz-col"], ["nz-form-control"], ["nz-form-label"]],
|
|
hostVars: 2,
|
|
hostBindings: function NzColDirective_HostBindings(rf, ctx) {
|
|
if (rf & 2) {
|
|
ɵɵstyleProp("flex", ctx.hostFlexStyle);
|
|
}
|
|
},
|
|
inputs: {
|
|
nzFlex: "nzFlex",
|
|
nzSpan: "nzSpan",
|
|
nzOrder: "nzOrder",
|
|
nzOffset: "nzOffset",
|
|
nzPush: "nzPush",
|
|
nzPull: "nzPull",
|
|
nzXs: "nzXs",
|
|
nzSm: "nzSm",
|
|
nzMd: "nzMd",
|
|
nzLg: "nzLg",
|
|
nzXl: "nzXl",
|
|
nzXXl: "nzXXl"
|
|
},
|
|
exportAs: ["nzCol"],
|
|
standalone: true,
|
|
features: [ɵɵNgOnChangesFeature]
|
|
});
|
|
var NzColDirective = _NzColDirective;
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzColDirective, [{
|
|
type: Directive,
|
|
args: [{
|
|
selector: "[nz-col],nz-col,nz-form-control,nz-form-label",
|
|
exportAs: "nzCol",
|
|
host: {
|
|
"[style.flex]": "hostFlexStyle"
|
|
},
|
|
standalone: true
|
|
}]
|
|
}], () => [{
|
|
type: ElementRef
|
|
}, {
|
|
type: NzRowDirective,
|
|
decorators: [{
|
|
type: Optional
|
|
}, {
|
|
type: Host
|
|
}]
|
|
}, {
|
|
type: Renderer2
|
|
}, {
|
|
type: Directionality,
|
|
decorators: [{
|
|
type: Optional
|
|
}]
|
|
}], {
|
|
nzFlex: [{
|
|
type: Input
|
|
}],
|
|
nzSpan: [{
|
|
type: Input
|
|
}],
|
|
nzOrder: [{
|
|
type: Input
|
|
}],
|
|
nzOffset: [{
|
|
type: Input
|
|
}],
|
|
nzPush: [{
|
|
type: Input
|
|
}],
|
|
nzPull: [{
|
|
type: Input
|
|
}],
|
|
nzXs: [{
|
|
type: Input
|
|
}],
|
|
nzSm: [{
|
|
type: Input
|
|
}],
|
|
nzMd: [{
|
|
type: Input
|
|
}],
|
|
nzLg: [{
|
|
type: Input
|
|
}],
|
|
nzXl: [{
|
|
type: Input
|
|
}],
|
|
nzXXl: [{
|
|
type: Input
|
|
}]
|
|
});
|
|
})();
|
|
var _NzGridModule = class _NzGridModule {
|
|
};
|
|
_NzGridModule.ɵfac = function NzGridModule_Factory(t) {
|
|
return new (t || _NzGridModule)();
|
|
};
|
|
_NzGridModule.ɵmod = ɵɵdefineNgModule({
|
|
type: _NzGridModule,
|
|
imports: [NzColDirective, NzRowDirective],
|
|
exports: [NzColDirective, NzRowDirective]
|
|
});
|
|
_NzGridModule.ɵinj = ɵɵdefineInjector({});
|
|
var NzGridModule = _NzGridModule;
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzGridModule, [{
|
|
type: NgModule,
|
|
args: [{
|
|
imports: [NzColDirective, NzRowDirective],
|
|
exports: [NzColDirective, NzRowDirective]
|
|
}]
|
|
}], null, null);
|
|
})();
|
|
|
|
export {
|
|
NzRowDirective,
|
|
NzColDirective,
|
|
NzGridModule
|
|
};
|
|
//# sourceMappingURL=chunk-QP2OUFNR.js.map
|
|
|