ng-zorro-antd/esm2022/flex/nz-flex.directive.mjs

An enterprise-class UI components based on Ant Design and Angular

/**
 * 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.0.7", ngImport: i0, type: NzFlexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", 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.0.7", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnotZmxleC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgvbnotZmxleC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMENqRCxNQUFNLE9BQU8sZUFBZTtJQXRDNUI7UUF1Q1csZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixjQUFTLEdBQWMsUUFBUSxDQUFDO1FBQ2hDLFlBQU8sR0FBWSxRQUFRLENBQUM7UUFDNUIsVUFBSyxHQUFVLENBQUMsQ0FBQztRQUNqQixXQUFNLEdBQVcsUUFBUSxDQUFDO1FBQzFCLFdBQU0sR0FBVyxPQUFPLENBQUM7S0FpQm5DO0lBZkMsSUFBYyxHQUFHO1FBQ2YsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2xCLEtBQUssT0FBTztnQkFDVixPQUFPLEtBQUssQ0FBQztZQUNmLEtBQUssUUFBUTtnQkFDWCxPQUFPLE1BQU0sQ0FBQztZQUNoQixLQUFLLE9BQU87Z0JBQ1YsT0FBTyxNQUFNLENBQUM7WUFDaEI7Z0JBQ0UsSUFBSSxPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssUUFBUSxFQUFFO29CQUNsQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDO2lCQUMxQjtnQkFDRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDckI7SUFDSCxDQUFDOzhHQXRCVSxlQUFlO2tHQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBdEMzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRSxRQUFRO29CQUNsQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxVQUFVO3dCQUNqQiwyQkFBMkIsRUFBRSxZQUFZO3dCQUN6QyxxQ0FBcUMsRUFBRSw0QkFBNEI7d0JBQ25FLGlDQUFpQyxFQUFFLHdCQUF3Qjt3QkFDM0QsbUNBQW1DLEVBQUUsMEJBQTBCO3dCQUMvRCx3Q0FBd0MsRUFBRSwrQkFBK0I7d0JBQ3pFLHVDQUF1QyxFQUFFLDhCQUE4Qjt3QkFDdkUsdUNBQXVDLEVBQUUsOEJBQThCO3dCQUN2RSxnQ0FBZ0MsRUFBRSx1QkFBdUI7d0JBQ3pELDhCQUE4QixFQUFFLHFCQUFxQjt3QkFDckQsZ0NBQWdDLEVBQUUsdUJBQXVCO3dCQUN6RCwrQkFBK0IsRUFBRSxzQkFBc0I7d0JBQ3ZELGtDQUFrQyxFQUFFLHlCQUF5Qjt3QkFDN0QsaUNBQWlDLEVBQUUsd0JBQXdCO3dCQUMzRCxtQ0FBbUMsRUFBRSwwQkFBMEI7d0JBQy9ELCtCQUErQixFQUFFLHNCQUFzQjt3QkFDdkQsaUNBQWlDLEVBQUUsd0JBQXdCO3dCQUMzRCxzQ0FBc0MsRUFBRSw2QkFBNkI7d0JBQ3JFLHFDQUFxQyxFQUFFLDRCQUE0Qjt3QkFDbkUscUNBQXFDLEVBQUUsNEJBQTRCO3dCQUNuRSw4QkFBOEIsRUFBRSxxQkFBcUI7d0JBQ3JELDRCQUE0QixFQUFFLG1CQUFtQjt3QkFDakQsOEJBQThCLEVBQUUscUJBQXFCO3dCQUNyRCw2QkFBNkIsRUFBRSxvQkFBb0I7d0JBQ25ELGdDQUFnQyxFQUFFLHVCQUF1Qjt3QkFDekQsK0JBQStCLEVBQUUsc0JBQXNCO3dCQUN2RCw0QkFBNEIsRUFBRSxtQkFBbUI7d0JBQ2pELG9DQUFvQyxFQUFFLDJCQUEyQjt3QkFDakUsOEJBQThCLEVBQUUscUJBQXFCO3dCQUNyRCxhQUFhLEVBQUUsS0FBSzt3QkFDcEIsY0FBYyxFQUFFLFFBQVE7cUJBQ3pCO2lCQUNGOzhCQUVVLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vZ2l0aHViLmNvbS9ORy1aT1JSTy9uZy16b3Jyby1hbnRkL2Jsb2IvbWFzdGVyL0xJQ0VOU0VcbiAqL1xuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE56QWxpZ24sIE56RmxleCwgTnpHYXAsIE56SnVzdGlmeSwgTnpXcmFwIH0gZnJvbSAnLi90eXBpbmdzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW256LWZsZXhdLG56LWZsZXgnLFxuICBleHBvcnRBczogJ256RmxleCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2FudC1mbGV4JyxcbiAgICAnW2NsYXNzLmFudC1mbGV4LXZlcnRpY2FsXSc6IGBuelZlcnRpY2FsYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktZmxleC1zdGFydF0nOiBgbnpKdXN0aWZ5ID09PSAnZmxleC1zdGFydCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1jZW50ZXJdJzogYG56SnVzdGlmeSA9PT0gJ2NlbnRlcidgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1mbGV4LWVuZF0nOiBgbnpKdXN0aWZ5ID09PSAnZmxleC1lbmQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktc3BhY2UtYmV0d2Vlbl0nOiBgbnpKdXN0aWZ5ID09PSAnc3BhY2UtYmV0d2VlbidgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1zcGFjZS1hcm91bmRdJzogYG56SnVzdGlmeSA9PT0gJ3NwYWNlLWFyb3VuZCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1zcGFjZS1ldmVubHldJzogYG56SnVzdGlmeSA9PT0gJ3NwYWNlLWV2ZW5seSdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1zdGFydF0nOiBgbnpKdXN0aWZ5ID09PSAnc3RhcnQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktZW5kXSc6IGBuekp1c3RpZnkgPT09ICdlbmQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktcmlnaHRdJzogYG56SnVzdGlmeSA9PT0gJ3JpZ2h0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1qdXN0aWZ5LWxlZnRdJzogYG56SnVzdGlmeSA9PT0gJ2xlZnQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWp1c3RpZnktc3RyZXRjaF0nOiBgbnpKdXN0aWZ5ID09PSAnc3RyZXRjaCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtanVzdGlmeS1ub3JtYWxdJzogYG56SnVzdGlmeSA9PT0gJ25vcm1hbCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tZmxleC1zdGFydF0nOiBgbnpBbGlnbiA9PT0gJ2ZsZXgtc3RhcnQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLWNlbnRlcl0nOiBgbnpBbGlnbiA9PT0gJ2NlbnRlcidgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tZmxleC1lbmRdJzogYG56QWxpZ24gPT09ICdmbGV4LWVuZCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tc3BhY2UtYmV0d2Vlbl0nOiBgbnpBbGlnbiA9PT0gJ3NwYWNlLWJldHdlZW4nYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLXNwYWNlLWFyb3VuZF0nOiBgbnpBbGlnbiA9PT0gJ3NwYWNlLWFyb3VuZCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tc3BhY2UtZXZlbmx5XSc6IGBuekFsaWduID09PSAnc3BhY2UtZXZlbmx5J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1zdGFydF0nOiBgbnpBbGlnbiA9PT0gJ3N0YXJ0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1lbmRdJzogYG56QWxpZ24gPT09ICdlbmQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLXJpZ2h0XSc6IGBuekFsaWduID09PSAncmlnaHQnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LWFsaWduLWxlZnRdJzogYG56QWxpZ24gPT09ICdsZWZ0J2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC1hbGlnbi1zdHJldGNoXSc6IGBuekFsaWduID09PSAnc3RyZXRjaCdgLFxuICAgICdbY2xhc3MuYW50LWZsZXgtYWxpZ24tbm9ybWFsXSc6IGBuekFsaWduID09PSAnbm9ybWFsJ2AsXG4gICAgJ1tjbGFzcy5hbnQtZmxleC13cmFwLXdyYXBdJzogYG56V3JhcCA9PT0gJ3dyYXAnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LXdyYXAtd3JhcC1yZXZlcnNlXSc6IGBueldyYXAgPT09ICd3cmFwLXJldmVyc2UnYCxcbiAgICAnW2NsYXNzLmFudC1mbGV4LXdyYXAtbm93cmFwXSc6IGBueldyYXAgPT09ICdub3dyYXAnYCxcbiAgICAnW3N0eWxlLmdhcF0nOiBgZ2FwYCxcbiAgICAnW3N0eWxlLmZsZXhdJzogYG56RmxleGBcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBOekZsZXhEaXJlY3RpdmUge1xuICBASW5wdXQoKSBuelZlcnRpY2FsOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG56SnVzdGlmeTogTnpKdXN0aWZ5ID0gJ25vcm1hbCc7XG4gIEBJbnB1dCgpIG56QWxpZ246IE56QWxpZ24gPSAnbm9ybWFsJztcbiAgQElucHV0KCkgbnpHYXA6IE56R2FwID0gMDtcbiAgQElucHV0KCkgbnpXcmFwOiBOeldyYXAgPSAnbm93cmFwJztcbiAgQElucHV0KCkgbnpGbGV4OiBOekZsZXggPSAndW5zZXQnO1xuXG4gIHByb3RlY3RlZCBnZXQgZ2FwKCk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0aGlzLm56R2FwKSB7XG4gICAgICBjYXNlICdzbWFsbCc6XG4gICAgICAgIHJldHVybiAnOHB4JztcbiAgICAgIGNhc2UgJ21pZGRsZSc6XG4gICAgICAgIHJldHVybiAnMTZweCc7XG4gICAgICBjYXNlICdsYXJnZSc6XG4gICAgICAgIHJldHVybiAnMjRweCc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICBpZiAodHlwZW9mIHRoaXMubnpHYXAgPT09ICdudW1iZXInKSB7XG4gICAgICAgICAgcmV0dXJuIGAke3RoaXMubnpHYXB9cHhgO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLm56R2FwO1xuICAgIH1cbiAgfVxufVxuIl19