@kushki/ng-suka/esm2015/lib/grid/grid.directive.js

<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Directive, HostBinding, Input } from '@angular/core';
export class GridDirective {
    constructor() {
        this.baseClass = true;
    }
}
GridDirective.decorators = [
    { type: Directive, args: [{
                selector: '[sukaGrid]'
            },] }
];
GridDirective.propDecorators = {
    baseClass: [{ type: HostBinding, args: ['class.grid',] }]
};
if (false) {
    /** @type {?} */
    GridDirective.prototype.baseClass;
}
export class RowDirective {
    constructor() {
        this.baseClass = true;
        this.noGutters = false;
        this.rowDeck = false;
    }
}
RowDirective.decorators = [
    { type: Directive, args: [{
                selector: '[sukaRow]'
            },] }
];
RowDirective.propDecorators = {
    baseClass: [{ type: HostBinding, args: ['class.row',] }],
    noGutters: [{ type: HostBinding, args: ['class.no-gutters',] }, { type: Input }],
    rowDeck: [{ type: HostBinding, args: ['class.row-deck',] }, { type: Input }]
};
if (false) {
    /** @type {?} */
    RowDirective.prototype.baseClass;
    /** @type {?} */
    RowDirective.prototype.noGutters;
    /** @type {?} */
    RowDirective.prototype.rowDeck;
}
export class ColumnDirective {
    constructor() {
        this.class = '';
        this.columnNumbers = {};
        this.offsets = {};
        // tslint:disable-next-line: variable-name
        this._columnClasses = [];
    }
    /**
     * @return {?}
     */
    get columnClasses() {
        return this._columnClasses.join(' ');
    }
    /**
     * @param {?} classes
     * @return {?}
     */
    set(classes) {
        this._columnClasses = classes.split(' ');
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        try {
            /** @type {?} */
            const columnKeys = Object.keys(this.columnNumbers);
            if (columnKeys.length <= 0) {
                this._columnClasses.push('col');
            }
            columnKeys.forEach((/**
             * @param {?} key
             * @return {?}
             */
            key => {
                if (this.columnNumbers[key] === 'nobreak') {
                    this._columnClasses.push(`col-${key}`);
                }
                else {
                    this._columnClasses.push(`col-${key}-${this.columnNumbers[key]}`);
                }
            }));
            Object.keys(this.offsets).forEach((/**
             * @param {?} key
             * @return {?}
             */
            key => {
                this._columnClasses.push(`offset-${key}-${this.offsets[key]}`);
            }));
        }
        catch (err) {
            console.error(`Malformed \`offsets\` or \`columnNumbers\`: ${err}`);
        }
        if (this.class) {
            this._columnClasses.push(this.class);
        }
    }
}
ColumnDirective.decorators = [
    { type: Directive, args: [{
                selector: '[sukaCol]'
            },] }
];
ColumnDirective.propDecorators = {
    class: [{ type: Input }],
    columnNumbers: [{ type: Input }],
    offsets: [{ type: Input }],
    columnClasses: [{ type: HostBinding, args: ['class',] }]
};
if (false) {
    /** @type {?} */
    ColumnDirective.prototype.class;
    /** @type {?} */
    ColumnDirective.prototype.columnNumbers;
    /** @type {?} */
    ColumnDirective.prototype.offsets;
    /**
     * @type {?}
     * @protected
     */
    ColumnDirective.prototype._columnClasses;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUs1RSxNQUFNLE9BQU8sYUFBYTtJQUgxQjtRQUk2QixjQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzlDLENBQUM7OztZQUxBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTthQUN2Qjs7O3dCQUVFLFdBQVcsU0FBQyxZQUFZOzs7O0lBQXpCLGtDQUE0Qzs7QUFNOUMsTUFBTSxPQUFPLFlBQVk7SUFIekI7UUFJNEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDcEIsWUFBTyxHQUFHLEtBQUssQ0FBQztJQUMxRCxDQUFDOzs7WUFQQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7YUFDdEI7Ozt3QkFFRSxXQUFXLFNBQUMsV0FBVzt3QkFDdkIsV0FBVyxTQUFDLGtCQUFrQixjQUFHLEtBQUs7c0JBQ3RDLFdBQVcsU0FBQyxnQkFBZ0IsY0FBRyxLQUFLOzs7O0lBRnJDLGlDQUEyQzs7SUFDM0MsaUNBQTREOztJQUM1RCwrQkFBd0Q7O0FBTTFELE1BQU0sT0FBTyxlQUFlO0lBSDVCO1FBSVcsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLFlBQU8sR0FBRyxFQUFFLENBQUM7O1FBR1osbUJBQWMsR0FBYSxFQUFFLENBQUM7SUFxQzFDLENBQUM7Ozs7SUFuQ0MsSUFDSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN2QyxDQUFDOzs7OztJQUVELEdBQUcsQ0FBQyxPQUFlO1FBQ2pCLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQyxDQUFDOzs7O0lBRUQsUUFBUTtRQUNOLElBQUk7O2tCQUNJLFVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7WUFDbEQsSUFBSSxVQUFVLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDakM7WUFFRCxVQUFVLENBQUMsT0FBTzs7OztZQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUN2QixJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLEtBQUssU0FBUyxFQUFFO29CQUN6QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDLENBQUM7aUJBQ3hDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2lCQUNuRTtZQUNILENBQUMsRUFBQyxDQUFDO1lBRUgsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsT0FBTzs7OztZQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUN0QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNqRSxDQUFDLEVBQUMsQ0FBQztTQUNKO1FBQUMsT0FBTyxHQUFHLEVBQUU7WUFDWixPQUFPLENBQUMsS0FBSyxDQUFDLCtDQUErQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1NBQ3JFO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3RDO0lBQ0gsQ0FBQzs7O1lBN0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVzthQUN0Qjs7O29CQUVFLEtBQUs7NEJBQ0wsS0FBSztzQkFDTCxLQUFLOzRCQUtMLFdBQVcsU0FBQyxPQUFPOzs7O0lBUHBCLGdDQUFvQjs7SUFDcEIsd0NBQTRCOztJQUM1QixrQ0FBc0I7Ozs7O0lBR3RCLHlDQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIEhvc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FHcmlkXSdcbn0pXG5leHBvcnQgY2xhc3MgR3JpZERpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuZ3JpZCcpIGJhc2VDbGFzcyA9IHRydWU7XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthUm93XSdcbn0pXG5leHBvcnQgY2xhc3MgUm93RGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yb3cnKSBiYXNlQ2xhc3MgPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm5vLWd1dHRlcnMnKSBASW5wdXQoKSBub0d1dHRlcnMgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yb3ctZGVjaycpIEBJbnB1dCgpIHJvd0RlY2sgPSBmYWxzZTtcbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FDb2xdJ1xufSlcbmV4cG9ydCBjbGFzcyBDb2x1bW5EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjbGFzcyA9ICcnO1xuICBASW5wdXQoKSBjb2x1bW5OdW1iZXJzID0ge307XG4gIEBJbnB1dCgpIG9mZnNldHMgPSB7fTtcblxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IHZhcmlhYmxlLW5hbWVcbiAgcHJvdGVjdGVkIF9jb2x1bW5DbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgY29sdW1uQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9jb2x1bW5DbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxuXG4gIHNldChjbGFzc2VzOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9jb2x1bW5DbGFzc2VzID0gY2xhc3Nlcy5zcGxpdCgnICcpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNvbHVtbktleXMgPSBPYmplY3Qua2V5cyh0aGlzLmNvbHVtbk51bWJlcnMpO1xuICAgICAgaWYgKGNvbHVtbktleXMubGVuZ3RoIDw9IDApIHtcbiAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKCdjb2wnKTtcbiAgICAgIH1cblxuICAgICAgY29sdW1uS2V5cy5mb3JFYWNoKGtleSA9PiB7XG4gICAgICAgIGlmICh0aGlzLmNvbHVtbk51bWJlcnNba2V5XSA9PT0gJ25vYnJlYWsnKSB7XG4gICAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKGBjb2wtJHtrZXl9YCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKGBjb2wtJHtrZXl9LSR7dGhpcy5jb2x1bW5OdW1iZXJzW2tleV19YCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuXG4gICAgICBPYmplY3Qua2V5cyh0aGlzLm9mZnNldHMpLmZvckVhY2goa2V5ID0+IHtcbiAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKGBvZmZzZXQtJHtrZXl9LSR7dGhpcy5vZmZzZXRzW2tleV19YCk7XG4gICAgICB9KTtcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIGNvbnNvbGUuZXJyb3IoYE1hbGZvcm1lZCBcXGBvZmZzZXRzXFxgIG9yIFxcYGNvbHVtbk51bWJlcnNcXGA6ICR7ZXJyfWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmNsYXNzKSB7XG4gICAgICB0aGlzLl9jb2x1bW5DbGFzc2VzLnB1c2godGhpcy5jbGFzcyk7XG4gICAgfVxuICB9XG59XG4iXX0=