@kushki/ng-suka/esm5/lib/stack/stack.component.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 { Component, HostBinding, Input, } from '@angular/core';
var Stack = /** @class */ (function () {
    function Stack() {
        this.baseClass = true;
        /**
         * Make stack vertical (inverts axis of alignment and distribution inputs)
         */
        this.vertical = false;
        /**
         * Spacing between elements
         */
        this.spacing = 'default';
        /**
         * Horizontal alignment of elements (vertical alignment on vertical stack)
         */
        this.distribution = 'leading';
        /**
         * Vertical alignment of elements  (horizontal alignment on vertical stack)
         */
        this.alignment = 'leading';
        /**
         * Wrap stack elements to additional rows as needed on small screens.
         */
        this.wrap = true;
    }
    Stack.decorators = [
        { type: Component, args: [{
                    selector: 'suka-stack',
                    template: "\n    <div\n      class=\"\n        stack__wrapper\n        stack--spacing-{{spacing}}\n        stack--distribution-{{distribution}}\n        stack--alignment-{{alignment}}\n      \"\n      [ngClass]=\"{\n        'stack--vertical': vertical,\n        'stack--no-wrap': !wrap\n      }\"\n    >\n      <ng-content></ng-content>\n    </div>\n  "
                }] }
    ];
    Stack.propDecorators = {
        baseClass: [{ type: HostBinding, args: ['class.stack',] }],
        vertical: [{ type: HostBinding, args: ['class.stack--vertical',] }, { type: Input }],
        spacing: [{ type: Input }],
        distribution: [{ type: Input }],
        alignment: [{ type: Input }],
        wrap: [{ type: Input }]
    };
    return Stack;
}());
export { Stack };
if (false) {
    /** @type {?} */
    Stack.prototype.baseClass;
    /**
     * Make stack vertical (inverts axis of alignment and distribution inputs)
     * @type {?}
     */
    Stack.prototype.vertical;
    /**
     * Spacing between elements
     * @type {?}
     */
    Stack.prototype.spacing;
    /**
     * Horizontal alignment of elements (vertical alignment on vertical stack)
     * @type {?}
     */
    Stack.prototype.distribution;
    /**
     * Vertical alignment of elements  (horizontal alignment on vertical stack)
     * @type {?}
     */
    Stack.prototype.alignment;
    /**
     * Wrap stack elements to additional rows as needed on small screens.
     * @type {?}
     */
    Stack.prototype.wrap;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3N0YWNrL3N0YWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCO0lBQUE7UUFvQjhCLGNBQVMsR0FBRyxJQUFJLENBQUM7Ozs7UUFLRSxhQUFRLEdBQUcsS0FBSyxDQUFDOzs7O1FBS3ZELFlBQU8sR0FBMkMsU0FBUyxDQUFDOzs7O1FBSzVELGlCQUFZLEdBQStFLFNBQVMsQ0FBQzs7OztRQUtyRyxjQUFTLEdBQTRELFNBQVMsQ0FBQzs7OztRQUsvRSxTQUFJLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLENBQUM7O2dCQTlDQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSx1VkFlVDtpQkFDRjs7OzRCQUVFLFdBQVcsU0FBQyxhQUFhOzJCQUt6QixXQUFXLFNBQUMsdUJBQXVCLGNBQUcsS0FBSzswQkFLM0MsS0FBSzsrQkFLTCxLQUFLOzRCQUtMLEtBQUs7dUJBS0wsS0FBSzs7SUFDUixZQUFDO0NBQUEsQUE5Q0QsSUE4Q0M7U0EzQlksS0FBSzs7O0lBQ2hCLDBCQUE2Qzs7Ozs7SUFLN0MseUJBQWdFOzs7OztJQUtoRSx3QkFBcUU7Ozs7O0lBS3JFLDZCQUE4Rzs7Ozs7SUFLOUcsMEJBQXdGOzs7OztJQUt4RixxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2Etc3RhY2snLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiXG4gICAgICAgIHN0YWNrX193cmFwcGVyXG4gICAgICAgIHN0YWNrLS1zcGFjaW5nLXt7c3BhY2luZ319XG4gICAgICAgIHN0YWNrLS1kaXN0cmlidXRpb24te3tkaXN0cmlidXRpb259fVxuICAgICAgICBzdGFjay0tYWxpZ25tZW50LXt7YWxpZ25tZW50fX1cbiAgICAgIFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdzdGFjay0tdmVydGljYWwnOiB2ZXJ0aWNhbCxcbiAgICAgICAgJ3N0YWNrLS1uby13cmFwJzogIXdyYXBcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBTdGFjayB7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3RhY2snKSBiYXNlQ2xhc3MgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBNYWtlIHN0YWNrIHZlcnRpY2FsIChpbnZlcnRzIGF4aXMgb2YgYWxpZ25tZW50IGFuZCBkaXN0cmlidXRpb24gaW5wdXRzKVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zdGFjay0tdmVydGljYWwnKSBASW5wdXQoKSB2ZXJ0aWNhbCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTcGFjaW5nIGJldHdlZW4gZWxlbWVudHNcbiAgICovXG4gIEBJbnB1dCgpIHNwYWNpbmc6ICd0aWdodCcgfCAnbG9vc2UnIHwgJ2RlZmF1bHQnIHwgJ25vbmUnID0gJ2RlZmF1bHQnO1xuXG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIGFsaWdubWVudCBvZiBlbGVtZW50cyAodmVydGljYWwgYWxpZ25tZW50IG9uIHZlcnRpY2FsIHN0YWNrKVxuICAgKi9cbiAgQElucHV0KCkgZGlzdHJpYnV0aW9uOiAnbGVhZGluZycgfCAndHJhaWxpbmcnIHwgJ2VxdWFsU3BhY2luZycgfCAnY2VudGVyJyB8ICdmaWxsJyB8ICdmaWxsRXZlbmx5JyA9ICdsZWFkaW5nJztcblxuICAvKipcbiAgICogVmVydGljYWwgYWxpZ25tZW50IG9mIGVsZW1lbnRzICAoaG9yaXpvbnRhbCBhbGlnbm1lbnQgb24gdmVydGljYWwgc3RhY2spXG4gICAqL1xuICBASW5wdXQoKSBhbGlnbm1lbnQ6ICdsZWFkaW5nJyB8ICd0cmFpbGluZycgfCAnY2VudGVyJyB8ICdmaWxsJyB8ICdiYXNlbGluZScgPSAnbGVhZGluZyc7XG5cbiAgLyoqXG4gICAqIFdyYXAgc3RhY2sgZWxlbWVudHMgdG8gYWRkaXRpb25hbCByb3dzIGFzIG5lZWRlZCBvbiBzbWFsbCBzY3JlZW5zLlxuICAgKi9cbiAgQElucHV0KCkgd3JhcCA9IHRydWU7XG59XG4iXX0=