@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, ViewEncapsulation, } 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  ",
                    encapsulation: ViewEncapsulation.None
                }] }
    ];
    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3N0YWNrL3N0YWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QjtJQUFBO1FBcUI4QixjQUFTLEdBQUcsSUFBSSxDQUFDOzs7O1FBS0UsYUFBUSxHQUFHLEtBQUssQ0FBQzs7OztRQUt2RCxZQUFPLEdBQTJDLFNBQVMsQ0FBQzs7OztRQUs1RCxpQkFBWSxHQUErRSxTQUFTLENBQUM7Ozs7UUFLckcsY0FBUyxHQUE0RCxTQUFTLENBQUM7Ozs7UUFLL0UsU0FBSSxHQUFHLElBQUksQ0FBQztJQUN2QixDQUFDOztnQkEvQ0EsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQUUsdVZBZVQ7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzs7NEJBRUUsV0FBVyxTQUFDLGFBQWE7MkJBS3pCLFdBQVcsU0FBQyx1QkFBdUIsY0FBRyxLQUFLOzBCQUszQyxLQUFLOytCQUtMLEtBQUs7NEJBS0wsS0FBSzt1QkFLTCxLQUFLOztJQUNSLFlBQUM7Q0FBQSxBQS9DRCxJQStDQztTQTNCWSxLQUFLOzs7SUFDaEIsMEJBQTZDOzs7OztJQUs3Qyx5QkFBZ0U7Ozs7O0lBS2hFLHdCQUFxRTs7Ozs7SUFLckUsNkJBQThHOzs7OztJQUs5RywwQkFBd0Y7Ozs7O0lBS3hGLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2Etc3RhY2snLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiXG4gICAgICAgIHN0YWNrX193cmFwcGVyXG4gICAgICAgIHN0YWNrLS1zcGFjaW5nLXt7c3BhY2luZ319XG4gICAgICAgIHN0YWNrLS1kaXN0cmlidXRpb24te3tkaXN0cmlidXRpb259fVxuICAgICAgICBzdGFjay0tYWxpZ25tZW50LXt7YWxpZ25tZW50fX1cbiAgICAgIFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdzdGFjay0tdmVydGljYWwnOiB2ZXJ0aWNhbCxcbiAgICAgICAgJ3N0YWNrLS1uby13cmFwJzogIXdyYXBcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU3RhY2sge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN0YWNrJykgYmFzZUNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogTWFrZSBzdGFjayB2ZXJ0aWNhbCAoaW52ZXJ0cyBheGlzIG9mIGFsaWdubWVudCBhbmQgZGlzdHJpYnV0aW9uIGlucHV0cylcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3RhY2stLXZlcnRpY2FsJykgQElucHV0KCkgdmVydGljYWwgPSBmYWxzZTtcblxuICAvKipcbiAgICogU3BhY2luZyBiZXR3ZWVuIGVsZW1lbnRzXG4gICAqL1xuICBASW5wdXQoKSBzcGFjaW5nOiAndGlnaHQnIHwgJ2xvb3NlJyB8ICdkZWZhdWx0JyB8ICdub25lJyA9ICdkZWZhdWx0JztcblxuICAvKipcbiAgICogSG9yaXpvbnRhbCBhbGlnbm1lbnQgb2YgZWxlbWVudHMgKHZlcnRpY2FsIGFsaWdubWVudCBvbiB2ZXJ0aWNhbCBzdGFjaylcbiAgICovXG4gIEBJbnB1dCgpIGRpc3RyaWJ1dGlvbjogJ2xlYWRpbmcnIHwgJ3RyYWlsaW5nJyB8ICdlcXVhbFNwYWNpbmcnIHwgJ2NlbnRlcicgfCAnZmlsbCcgfCAnZmlsbEV2ZW5seScgPSAnbGVhZGluZyc7XG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIGFsaWdubWVudCBvZiBlbGVtZW50cyAgKGhvcml6b250YWwgYWxpZ25tZW50IG9uIHZlcnRpY2FsIHN0YWNrKVxuICAgKi9cbiAgQElucHV0KCkgYWxpZ25tZW50OiAnbGVhZGluZycgfCAndHJhaWxpbmcnIHwgJ2NlbnRlcicgfCAnZmlsbCcgfCAnYmFzZWxpbmUnID0gJ2xlYWRpbmcnO1xuXG4gIC8qKlxuICAgKiBXcmFwIHN0YWNrIGVsZW1lbnRzIHRvIGFkZGl0aW9uYWwgcm93cyBhcyBuZWVkZWQgb24gc21hbGwgc2NyZWVucy5cbiAgICovXG4gIEBJbnB1dCgpIHdyYXAgPSB0cnVlO1xufVxuIl19