ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
88 lines • 13.2 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, booleanAttribute } 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: "18.1.2", ngImport: i0, type: NzFlexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.2", type: NzFlexDirective, isStandalone: true, selector: "[nz-flex],nz-flex", inputs: { nzVertical: ["nzVertical", "nzVertical", booleanAttribute], 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: "18.1.2", 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,
args: [{ transform: booleanAttribute }]
}], nzJustify: [{
type: Input
}], nzAlign: [{
type: Input
}], nzGap: [{
type: Input
}], nzWrap: [{
type: Input
}], nzFlex: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnotZmxleC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgvbnotZmxleC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMENuRSxNQUFNLE9BQU8sZUFBZTtJQXRDNUI7UUF1QzBDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDM0QsY0FBUyxHQUFjLFFBQVEsQ0FBQztRQUNoQyxZQUFPLEdBQVksUUFBUSxDQUFDO1FBQzVCLFVBQUssR0FBVSxDQUFDLENBQUM7UUFDakIsV0FBTSxHQUFXLFFBQVEsQ0FBQztRQUMxQixXQUFNLEdBQVcsT0FBTyxDQUFDO0tBaUJuQztJQWZDLElBQWMsR0FBRztRQUNmLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLEtBQUssT0FBTztnQkFDVixPQUFPLEtBQUssQ0FBQztZQUNmLEtBQUssUUFBUTtnQkFDWCxPQUFPLE1BQU0sQ0FBQztZQUNoQixLQUFLLE9BQU87Z0JBQ1YsT0FBTyxNQUFNLENBQUM7WUFDaEI7Z0JBQ0UsSUFBSSxPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7b0JBQ25DLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUM7Z0JBQzNCLENBQUM7Z0JBQ0QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDOzhHQXRCVSxlQUFlO2tHQUFmLGVBQWUsd0dBQ04sZ0JBQWdCOzsyRkFEekIsZUFBZTtrQkF0QzNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLFVBQVU7d0JBQ2pCLDJCQUEyQixFQUFFLFlBQVk7d0JBQ3pDLHFDQUFxQyxFQUFFLDRCQUE0Qjt3QkFDbkUsaUNBQWlDLEVBQUUsd0JBQXdCO3dCQUMzRCxtQ0FBbUMsRUFBRSwwQkFBMEI7d0JBQy9ELHdDQUF3QyxFQUFFLCtCQUErQjt3QkFDekUsdUNBQXVDLEVBQUUsOEJBQThCO3dCQUN2RSx1Q0FBdUMsRUFBRSw4QkFBOEI7d0JBQ3ZFLGdDQUFnQyxFQUFFLHVCQUF1Qjt3QkFDekQsOEJBQThCLEVBQUUscUJBQXFCO3dCQUNyRCxnQ0FBZ0MsRUFBRSx1QkFBdUI7d0JBQ3pELCtCQUErQixFQUFFLHNCQUFzQjt3QkFDdkQsa0NBQWtDLEVBQUUseUJBQXlCO3dCQUM3RCxpQ0FBaUMsRUFBRSx3QkFBd0I7d0JBQzNELG1DQUFtQyxFQUFFLDBCQUEwQjt3QkFDL0QsK0JBQStCLEVBQUUsc0JBQXNCO3dCQUN2RCxpQ0FBaUMsRUFBRSx3QkFBd0I7d0JBQzNELHNDQUFzQyxFQUFFLDZCQUE2Qjt3QkFDckUscUNBQXFDLEVBQUUsNEJBQTRCO3dCQUNuRSxxQ0FBcUMsRUFBRSw0QkFBNEI7d0JBQ25FLDhCQUE4QixFQUFFLHFCQUFxQjt3QkFDckQsNEJBQTRCLEVBQUUsbUJBQW1CO3dCQUNqRCw4QkFBOEIsRUFBRSxxQkFBcUI7d0JBQ3JELDZCQUE2QixFQUFFLG9CQUFvQjt3QkFDbkQsZ0NBQWdDLEVBQUUsdUJBQXVCO3dCQUN6RCwrQkFBK0IsRUFBRSxzQkFBc0I7d0JBQ3ZELDRCQUE0QixFQUFFLG1CQUFtQjt3QkFDakQsb0NBQW9DLEVBQUUsMkJBQTJCO3dCQUNqRSw4QkFBOEIsRUFBRSxxQkFBcUI7d0JBQ3JELGFBQWEsRUFBRSxLQUFLO3dCQUNwQixjQUFjLEVBQUUsUUFBUTtxQkFDekI7aUJBQ0Y7OEJBRXlDLFVBQVU7c0JBQWpELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQzdCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vTkctWk9SUk8vbmctem9ycm8tYW50ZC9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgYm9vbGVhbkF0dHJpYnV0ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBOekFsaWduLCBOekZsZXgsIE56R2FwLCBOekp1c3RpZnksIE56V3JhcCB9IGZyb20gJy4vdHlwaW5ncyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tuei1mbGV4XSxuei1mbGV4JyxcbiAgZXhwb3J0QXM6ICduekZsZXgnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdhbnQtZmxleCcsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC12ZXJ0aWNhbF0nOiBgbnpWZXJ0aWNhbGAsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LWZsZXgtc3RhcnRdJzogYG56SnVzdGlmeSA9PT0gJ2ZsZXgtc3RhcnQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktY2VudGVyXSc6IGBuekp1c3RpZnkgPT09ICdjZW50ZXInYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktZmxleC1lbmRdJzogYG56SnVzdGlmeSA9PT0gJ2ZsZXgtZW5kJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LXNwYWNlLWJldHdlZW5dJzogYG56SnVzdGlmeSA9PT0gJ3NwYWNlLWJldHdlZW4nYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktc3BhY2UtYXJvdW5kXSc6IGBuekp1c3RpZnkgPT09ICdzcGFjZS1hcm91bmQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktc3BhY2UtZXZlbmx5XSc6IGBuekp1c3RpZnkgPT09ICdzcGFjZS1ldmVubHknYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktc3RhcnRdJzogYG56SnVzdGlmeSA9PT0gJ3N0YXJ0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LWVuZF0nOiBgbnpKdXN0aWZ5ID09PSAnZW5kJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LXJpZ2h0XSc6IGBuekp1c3RpZnkgPT09ICdyaWdodCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1sZWZ0XSc6IGBuekp1c3RpZnkgPT09ICdsZWZ0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LXN0cmV0Y2hdJzogYG56SnVzdGlmeSA9PT0gJ3N0cmV0Y2gnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktbm9ybWFsXSc6IGBuekp1c3RpZnkgPT09ICdub3JtYWwnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLWZsZXgtc3RhcnRdJzogYG56QWxpZ24gPT09ICdmbGV4LXN0YXJ0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1jZW50ZXJdJzogYG56QWxpZ24gPT09ICdjZW50ZXInYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLWZsZXgtZW5kXSc6IGBuekFsaWduID09PSAnZmxleC1lbmQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLXNwYWNlLWJldHdlZW5dJzogYG56QWxpZ24gPT09ICdzcGFjZS1iZXR3ZWVuJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1zcGFjZS1hcm91bmRdJzogYG56QWxpZ24gPT09ICdzcGFjZS1hcm91bmQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLXNwYWNlLWV2ZW5seV0nOiBgbnpBbGlnbiA9PT0gJ3NwYWNlLWV2ZW5seSdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tc3RhcnRdJzogYG56QWxpZ24gPT09ICdzdGFydCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tZW5kXSc6IGBuekFsaWduID09PSAnZW5kJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1yaWdodF0nOiBgbnpBbGlnbiA9PT0gJ3JpZ2h0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1sZWZ0XSc6IGBuekFsaWduID09PSAnbGVmdCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tc3RyZXRjaF0nOiBgbnpBbGlnbiA9PT0gJ3N0cmV0Y2gnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLW5vcm1hbF0nOiBgbnpBbGlnbiA9PT0gJ25vcm1hbCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtd3JhcC13cmFwXSc6IGBueldyYXAgPT09ICd3cmFwJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC13cmFwLXdyYXAtcmV2ZXJzZV0nOiBgbnpXcmFwID09PSAnd3JhcC1yZXZlcnNlJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC13cmFwLW5vd3JhcF0nOiBgbnpXcmFwID09PSAnbm93cmFwJ2AsXG4gICAgJ1tzdHlsZS5nYXBdJzogYGdhcGAsXG4gICAgJ1tzdHlsZS5mbGV4XSc6IGBuekZsZXhgXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTnpGbGV4RGlyZWN0aXZlIHtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIG56VmVydGljYWw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbnpKdXN0aWZ5OiBOekp1c3RpZnkgPSAnbm9ybWFsJztcbiAgQElucHV0KCkgbnpBbGlnbjogTnpBbGlnbiA9ICdub3JtYWwnO1xuICBASW5wdXQoKSBuekdhcDogTnpHYXAgPSAwO1xuICBASW5wdXQoKSBueldyYXA6IE56V3JhcCA9ICdub3dyYXAnO1xuICBASW5wdXQoKSBuekZsZXg6IE56RmxleCA9ICd1bnNldCc7XG5cbiAgcHJvdGVjdGVkIGdldCBnYXAoKTogc3RyaW5nIHtcbiAgICBzd2l0Y2ggKHRoaXMubnpHYXApIHtcbiAgICAgIGNhc2UgJ3NtYWxsJzpcbiAgICAgICAgcmV0dXJuICc4cHgnO1xuICAgICAgY2FzZSAnbWlkZGxlJzpcbiAgICAgICAgcmV0dXJuICcxNnB4JztcbiAgICAgIGNhc2UgJ2xhcmdlJzpcbiAgICAgICAgcmV0dXJuICcyNHB4JztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5uekdhcCA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICByZXR1cm4gYCR7dGhpcy5uekdhcH1weGA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMubnpHYXA7XG4gICAgfVxuICB9XG59XG4iXX0=