@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
89 lines • 5.29 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input, } from '@angular/core';
export class Stack {
constructor() {
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: `
<div
class="
stack__wrapper
stack--spacing-{{spacing}}
stack--distribution-{{distribution}}
stack--alignment-{{alignment}}
"
[ngClass]="{
'stack--vertical': vertical,
'stack--no-wrap': !wrap
}"
>
<ng-content></ng-content>
</div>
`
}] }
];
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 }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3N0YWNrL3N0YWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBcUJ2QixNQUFNLE9BQU8sS0FBSztJQW5CbEI7UUFvQjhCLGNBQVMsR0FBRyxJQUFJLENBQUM7Ozs7UUFLRSxhQUFRLEdBQUcsS0FBSyxDQUFDOzs7O1FBS3ZELFlBQU8sR0FBMkMsU0FBUyxDQUFDOzs7O1FBSzVELGlCQUFZLEdBQStFLFNBQVMsQ0FBQzs7OztRQUtyRyxjQUFTLEdBQTRELFNBQVMsQ0FBQzs7OztRQUsvRSxTQUFJLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLENBQUM7OztZQTlDQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7YUFDRjs7O3dCQUVFLFdBQVcsU0FBQyxhQUFhO3VCQUt6QixXQUFXLFNBQUMsdUJBQXVCLGNBQUcsS0FBSztzQkFLM0MsS0FBSzsyQkFLTCxLQUFLO3dCQUtMLEtBQUs7bUJBS0wsS0FBSzs7OztJQXpCTiwwQkFBNkM7Ozs7O0lBSzdDLHlCQUFnRTs7Ozs7SUFLaEUsd0JBQXFFOzs7OztJQUtyRSw2QkFBOEc7Ozs7O0lBSzlHLDBCQUF3Rjs7Ozs7SUFLeEYscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXN0YWNrJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cIlxuICAgICAgICBzdGFja19fd3JhcHBlclxuICAgICAgICBzdGFjay0tc3BhY2luZy17e3NwYWNpbmd9fVxuICAgICAgICBzdGFjay0tZGlzdHJpYnV0aW9uLXt7ZGlzdHJpYnV0aW9ufX1cbiAgICAgICAgc3RhY2stLWFsaWdubWVudC17e2FsaWdubWVudH19XG4gICAgICBcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnc3RhY2stLXZlcnRpY2FsJzogdmVydGljYWwsXG4gICAgICAgICdzdGFjay0tbm8td3JhcCc6ICF3cmFwXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgU3RhY2sge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN0YWNrJykgYmFzZUNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogTWFrZSBzdGFjayB2ZXJ0aWNhbCAoaW52ZXJ0cyBheGlzIG9mIGFsaWdubWVudCBhbmQgZGlzdHJpYnV0aW9uIGlucHV0cylcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3RhY2stLXZlcnRpY2FsJykgQElucHV0KCkgdmVydGljYWwgPSBmYWxzZTtcblxuICAvKipcbiAgICogU3BhY2luZyBiZXR3ZWVuIGVsZW1lbnRzXG4gICAqL1xuICBASW5wdXQoKSBzcGFjaW5nOiAndGlnaHQnIHwgJ2xvb3NlJyB8ICdkZWZhdWx0JyB8ICdub25lJyA9ICdkZWZhdWx0JztcblxuICAvKipcbiAgICogSG9yaXpvbnRhbCBhbGlnbm1lbnQgb2YgZWxlbWVudHMgKHZlcnRpY2FsIGFsaWdubWVudCBvbiB2ZXJ0aWNhbCBzdGFjaylcbiAgICovXG4gIEBJbnB1dCgpIGRpc3RyaWJ1dGlvbjogJ2xlYWRpbmcnIHwgJ3RyYWlsaW5nJyB8ICdlcXVhbFNwYWNpbmcnIHwgJ2NlbnRlcicgfCAnZmlsbCcgfCAnZmlsbEV2ZW5seScgPSAnbGVhZGluZyc7XG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIGFsaWdubWVudCBvZiBlbGVtZW50cyAgKGhvcml6b250YWwgYWxpZ25tZW50IG9uIHZlcnRpY2FsIHN0YWNrKVxuICAgKi9cbiAgQElucHV0KCkgYWxpZ25tZW50OiAnbGVhZGluZycgfCAndHJhaWxpbmcnIHwgJ2NlbnRlcicgfCAnZmlsbCcgfCAnYmFzZWxpbmUnID0gJ2xlYWRpbmcnO1xuXG4gIC8qKlxuICAgKiBXcmFwIHN0YWNrIGVsZW1lbnRzIHRvIGFkZGl0aW9uYWwgcm93cyBhcyBuZWVkZWQgb24gc21hbGwgc2NyZWVucy5cbiAgICovXG4gIEBJbnB1dCgpIHdyYXAgPSB0cnVlO1xufVxuIl19