ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
87 lines • 12.9 kB
JavaScript
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
import { Directive, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class NzFlexDirective {
constructor() {
this.nzVertical = false;
this.nzJustify = 'normal';
this.nzAlign = 'normal';
this.nzGap = 0;
this.nzWrap = 'nowrap';
this.nzFlex = 'unset';
}
get gap() {
switch (this.nzGap) {
case 'small':
return '8px';
case 'middle':
return '16px';
case 'large':
return '24px';
default:
if (typeof this.nzGap === 'number') {
return `${this.nzGap}px`;
}
return this.nzGap;
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NzFlexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: NzFlexDirective, isStandalone: true, selector: "[nz-flex],nz-flex", inputs: { nzVertical: "nzVertical", nzJustify: "nzJustify", nzAlign: "nzAlign", nzGap: "nzGap", nzWrap: "nzWrap", nzFlex: "nzFlex" }, host: { properties: { "class.ant-flex-vertical": "nzVertical", "class.ant-flex-justify-flex-start": "nzJustify === 'flex-start'", "class.ant-flex-justify-center": "nzJustify === 'center'", "class.ant-flex-justify-flex-end": "nzJustify === 'flex-end'", "class.ant-flex-justify-space-between": "nzJustify === 'space-between'", "class.ant-flex-justify-space-around": "nzJustify === 'space-around'", "class.ant-flex-justify-space-evenly": "nzJustify === 'space-evenly'", "class.ant-flex-justify-start": "nzJustify === 'start'", "class.ant-flex-justify-end": "nzJustify === 'end'", "class.ant-flex-justify-right": "nzJustify === 'right'", "class.ant-flex-justify-left": "nzJustify === 'left'", "class.ant-flex-justify-stretch": "nzJustify === 'stretch'", "class.ant-flex-justify-normal": "nzJustify === 'normal'", "class.ant-flex-align-flex-start": "nzAlign === 'flex-start'", "class.ant-flex-align-center": "nzAlign === 'center'", "class.ant-flex-align-flex-end": "nzAlign === 'flex-end'", "class.ant-flex-align-space-between": "nzAlign === 'space-between'", "class.ant-flex-align-space-around": "nzAlign === 'space-around'", "class.ant-flex-align-space-evenly": "nzAlign === 'space-evenly'", "class.ant-flex-align-start": "nzAlign === 'start'", "class.ant-flex-align-end": "nzAlign === 'end'", "class.ant-flex-align-right": "nzAlign === 'right'", "class.ant-flex-align-left": "nzAlign === 'left'", "class.ant-flex-align-stretch": "nzAlign === 'stretch'", "class.ant-flex-align-normal": "nzAlign === 'normal'", "class.ant-flex-wrap-wrap": "nzWrap === 'wrap'", "class.ant-flex-wrap-wrap-reverse": "nzWrap === 'wrap-reverse'", "class.ant-flex-wrap-nowrap": "nzWrap === 'nowrap'", "style.gap": "gap", "style.flex": "nzFlex" }, classAttribute: "ant-flex" }, exportAs: ["nzFlex"], ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NzFlexDirective, decorators: [{
type: Directive,
args: [{
selector: '[nz-flex],nz-flex',
exportAs: 'nzFlex',
standalone: true,
host: {
class: 'ant-flex',
'[class.ant-flex-vertical]': `nzVertical`,
'[class.ant-flex-justify-flex-start]': `nzJustify === 'flex-start'`,
'[class.ant-flex-justify-center]': `nzJustify === 'center'`,
'[class.ant-flex-justify-flex-end]': `nzJustify === 'flex-end'`,
'[class.ant-flex-justify-space-between]': `nzJustify === 'space-between'`,
'[class.ant-flex-justify-space-around]': `nzJustify === 'space-around'`,
'[class.ant-flex-justify-space-evenly]': `nzJustify === 'space-evenly'`,
'[class.ant-flex-justify-start]': `nzJustify === 'start'`,
'[class.ant-flex-justify-end]': `nzJustify === 'end'`,
'[class.ant-flex-justify-right]': `nzJustify === 'right'`,
'[class.ant-flex-justify-left]': `nzJustify === 'left'`,
'[class.ant-flex-justify-stretch]': `nzJustify === 'stretch'`,
'[class.ant-flex-justify-normal]': `nzJustify === 'normal'`,
'[class.ant-flex-align-flex-start]': `nzAlign === 'flex-start'`,
'[class.ant-flex-align-center]': `nzAlign === 'center'`,
'[class.ant-flex-align-flex-end]': `nzAlign === 'flex-end'`,
'[class.ant-flex-align-space-between]': `nzAlign === 'space-between'`,
'[class.ant-flex-align-space-around]': `nzAlign === 'space-around'`,
'[class.ant-flex-align-space-evenly]': `nzAlign === 'space-evenly'`,
'[class.ant-flex-align-start]': `nzAlign === 'start'`,
'[class.ant-flex-align-end]': `nzAlign === 'end'`,
'[class.ant-flex-align-right]': `nzAlign === 'right'`,
'[class.ant-flex-align-left]': `nzAlign === 'left'`,
'[class.ant-flex-align-stretch]': `nzAlign === 'stretch'`,
'[class.ant-flex-align-normal]': `nzAlign === 'normal'`,
'[class.ant-flex-wrap-wrap]': `nzWrap === 'wrap'`,
'[class.ant-flex-wrap-wrap-reverse]': `nzWrap === 'wrap-reverse'`,
'[class.ant-flex-wrap-nowrap]': `nzWrap === 'nowrap'`,
'[style.gap]': `gap`,
'[style.flex]': `nzFlex`
}
}]
}], propDecorators: { nzVertical: [{
type: Input
}], nzJustify: [{
type: Input
}], nzAlign: [{
type: Input
}], nzGap: [{
type: Input
}], nzWrap: [{
type: Input
}], nzFlex: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnotZmxleC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgvbnotZmxleC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMENqRCxNQUFNLE9BQU8sZUFBZTtJQXRDNUI7UUF1Q1csZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixjQUFTLEdBQWMsUUFBUSxDQUFDO1FBQ2hDLFlBQU8sR0FBWSxRQUFRLENBQUM7UUFDNUIsVUFBSyxHQUFVLENBQUMsQ0FBQztRQUNqQixXQUFNLEdBQVcsUUFBUSxDQUFDO1FBQzFCLFdBQU0sR0FBVyxPQUFPLENBQUM7S0FpQm5DO0lBZkMsSUFBYyxHQUFHO1FBQ2YsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbkIsS0FBSyxPQUFPO2dCQUNWLE9BQU8sS0FBSyxDQUFDO1lBQ2YsS0FBSyxRQUFRO2dCQUNYLE9BQU8sTUFBTSxDQUFDO1lBQ2hCLEtBQUssT0FBTztnQkFDVixPQUFPLE1BQU0sQ0FBQztZQUNoQjtnQkFDRSxJQUFJLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztvQkFDbkMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQztnQkFDM0IsQ0FBQztnQkFDRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7OEdBdEJVLGVBQWU7a0dBQWYsZUFBZTs7MkZBQWYsZUFBZTtrQkF0QzNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLFVBQVU7d0JBQ2pCLDJCQUEyQixFQUFFLFlBQVk7d0JBQ3pDLHFDQUFxQyxFQUFFLDRCQUE0Qjt3QkFDbkUsaUNBQWlDLEVBQUUsd0JBQXdCO3dCQUMzRCxtQ0FBbUMsRUFBRSwwQkFBMEI7d0JBQy9ELHdDQUF3QyxFQUFFLCtCQUErQjt3QkFDekUsdUNBQXVDLEVBQUUsOEJBQThCO3dCQUN2RSx1Q0FBdUMsRUFBRSw4QkFBOEI7d0JBQ3ZFLGdDQUFnQyxFQUFFLHVCQUF1Qjt3QkFDekQsOEJBQThCLEVBQUUscUJBQXFCO3dCQUNyRCxnQ0FBZ0MsRUFBRSx1QkFBdUI7d0JBQ3pELCtCQUErQixFQUFFLHNCQUFzQjt3QkFDdkQsa0NBQWtDLEVBQUUseUJBQXlCO3dCQUM3RCxpQ0FBaUMsRUFBRSx3QkFBd0I7d0JBQzNELG1DQUFtQyxFQUFFLDBCQUEwQjt3QkFDL0QsK0JBQStCLEVBQUUsc0JBQXNCO3dCQUN2RCxpQ0FBaUMsRUFBRSx3QkFBd0I7d0JBQzNELHNDQUFzQyxFQUFFLDZCQUE2Qjt3QkFDckUscUNBQXFDLEVBQUUsNEJBQTRCO3dCQUNuRSxxQ0FBcUMsRUFBRSw0QkFBNEI7d0JBQ25FLDhCQUE4QixFQUFFLHFCQUFxQjt3QkFDckQsNEJBQTRCLEVBQUUsbUJBQW1CO3dCQUNqRCw4QkFBOEIsRUFBRSxxQkFBcUI7d0JBQ3JELDZCQUE2QixFQUFFLG9CQUFvQjt3QkFDbkQsZ0NBQWdDLEVBQUUsdUJBQXVCO3dCQUN6RCwrQkFBK0IsRUFBRSxzQkFBc0I7d0JBQ3ZELDRCQUE0QixFQUFFLG1CQUFtQjt3QkFDakQsb0NBQW9DLEVBQUUsMkJBQTJCO3dCQUNqRSw4QkFBOEIsRUFBRSxxQkFBcUI7d0JBQ3JELGFBQWEsRUFBRSxLQUFLO3dCQUNwQixjQUFjLEVBQUUsUUFBUTtxQkFDekI7aUJBQ0Y7OEJBRVUsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9naXRodWIuY29tL05HLVpPUlJPL25nLXpvcnJvLWFudGQvYmxvYi9tYXN0ZXIvTElDRU5TRVxuICovXG5cbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTnpBbGlnbiwgTnpGbGV4LCBOekdhcCwgTnpKdXN0aWZ5LCBOeldyYXAgfSBmcm9tICcuL3R5cGluZ3MnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbnotZmxleF0sbnotZmxleCcsXG4gIGV4cG9ydEFzOiAnbnpGbGV4JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnYW50LWZsZXgnLFxuICAgICdbY2xhc3MuYW50LWZsZXgtdmVydGljYWxdJzogYG56VmVydGljYWxgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1mbGV4LXN0YXJ0XSc6IGBuekp1c3RpZnkgPT09ICdmbGV4LXN0YXJ0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LWNlbnRlcl0nOiBgbnpKdXN0aWZ5ID09PSAnY2VudGVyJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LWZsZXgtZW5kXSc6IGBuekp1c3RpZnkgPT09ICdmbGV4LWVuZCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1zcGFjZS1iZXR3ZWVuXSc6IGBuekp1c3RpZnkgPT09ICdzcGFjZS1iZXR3ZWVuJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LXNwYWNlLWFyb3VuZF0nOiBgbnpKdXN0aWZ5ID09PSAnc3BhY2UtYXJvdW5kJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LXNwYWNlLWV2ZW5seV0nOiBgbnpKdXN0aWZ5ID09PSAnc3BhY2UtZXZlbmx5J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LXN0YXJ0XSc6IGBuekp1c3RpZnkgPT09ICdzdGFydCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1lbmRdJzogYG56SnVzdGlmeSA9PT0gJ2VuZCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1yaWdodF0nOiBgbnpKdXN0aWZ5ID09PSAncmlnaHQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktbGVmdF0nOiBgbnpKdXN0aWZ5ID09PSAnbGVmdCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1zdHJldGNoXSc6IGBuekp1c3RpZnkgPT09ICdzdHJldGNoJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LW5vcm1hbF0nOiBgbnpKdXN0aWZ5ID09PSAnbm9ybWFsJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1mbGV4LXN0YXJ0XSc6IGBuekFsaWduID09PSAnZmxleC1zdGFydCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tY2VudGVyXSc6IGBuekFsaWduID09PSAnY2VudGVyJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1mbGV4LWVuZF0nOiBgbnpBbGlnbiA9PT0gJ2ZsZXgtZW5kJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1zcGFjZS1iZXR3ZWVuXSc6IGBuekFsaWduID09PSAnc3BhY2UtYmV0d2VlbidgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tc3BhY2UtYXJvdW5kXSc6IGBuekFsaWduID09PSAnc3BhY2UtYXJvdW5kJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1zcGFjZS1ldmVubHldJzogYG56QWxpZ24gPT09ICdzcGFjZS1ldmVubHknYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLXN0YXJ0XSc6IGBuekFsaWduID09PSAnc3RhcnQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLWVuZF0nOiBgbnpBbGlnbiA9PT0gJ2VuZCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tcmlnaHRdJzogYG56QWxpZ24gPT09ICdyaWdodCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tbGVmdF0nOiBgbnpBbGlnbiA9PT0gJ2xlZnQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLXN0cmV0Y2hdJzogYG56QWxpZ24gPT09ICdzdHJldGNoJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1ub3JtYWxdJzogYG56QWxpZ24gPT09ICdub3JtYWwnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LXdyYXAtd3JhcF0nOiBgbnpXcmFwID09PSAnd3JhcCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtd3JhcC13cmFwLXJldmVyc2VdJzogYG56V3JhcCA9PT0gJ3dyYXAtcmV2ZXJzZSdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtd3JhcC1ub3dyYXBdJzogYG56V3JhcCA9PT0gJ25vd3JhcCdgLFxuICAgICdbc3R5bGUuZ2FwXSc6IGBnYXBgLFxuICAgICdbc3R5bGUuZmxleF0nOiBgbnpGbGV4YFxuICB9XG59KVxuZXhwb3J0IGNsYXNzIE56RmxleERpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIG56VmVydGljYWw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbnpKdXN0aWZ5OiBOekp1c3RpZnkgPSAnbm9ybWFsJztcbiAgQElucHV0KCkgbnpBbGlnbjogTnpBbGlnbiA9ICdub3JtYWwnO1xuICBASW5wdXQoKSBuekdhcDogTnpHYXAgPSAwO1xuICBASW5wdXQoKSBueldyYXA6IE56V3JhcCA9ICdub3dyYXAnO1xuICBASW5wdXQoKSBuekZsZXg6IE56RmxleCA9ICd1bnNldCc7XG5cbiAgcHJvdGVjdGVkIGdldCBnYXAoKTogc3RyaW5nIHtcbiAgICBzd2l0Y2ggKHRoaXMubnpHYXApIHtcbiAgICAgIGNhc2UgJ3NtYWxsJzpcbiAgICAgICAgcmV0dXJuICc4cHgnO1xuICAgICAgY2FzZSAnbWlkZGxlJzpcbiAgICAgICAgcmV0dXJuICcxNnB4JztcbiAgICAgIGNhc2UgJ2xhcmdlJzpcbiAgICAgICAgcmV0dXJuICcyNHB4JztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5uekdhcCA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICByZXR1cm4gYCR7dGhpcy5uekdhcH1weGA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMubnpHYXA7XG4gICAgfVxuICB9XG59XG4iXX0=