@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>
90 lines • 5.51 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input, ViewEncapsulation, } 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>
`,
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 }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3N0YWNrL3N0YWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQXNCdkIsTUFBTSxPQUFPLEtBQUs7SUFwQmxCO1FBcUI4QixjQUFTLEdBQUcsSUFBSSxDQUFDOzs7O1FBS0UsYUFBUSxHQUFHLEtBQUssQ0FBQzs7OztRQUt2RCxZQUFPLEdBQTJDLFNBQVMsQ0FBQzs7OztRQUs1RCxpQkFBWSxHQUErRSxTQUFTLENBQUM7Ozs7UUFLckcsY0FBUyxHQUE0RCxTQUFTLENBQUM7Ozs7UUFLL0UsU0FBSSxHQUFHLElBQUksQ0FBQztJQUN2QixDQUFDOzs7WUEvQ0EsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7OztHQWVUO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7d0JBRUUsV0FBVyxTQUFDLGFBQWE7dUJBS3pCLFdBQVcsU0FBQyx1QkFBdUIsY0FBRyxLQUFLO3NCQUszQyxLQUFLOzJCQUtMLEtBQUs7d0JBS0wsS0FBSzttQkFLTCxLQUFLOzs7O0lBekJOLDBCQUE2Qzs7Ozs7SUFLN0MseUJBQWdFOzs7OztJQUtoRSx3QkFBcUU7Ozs7O0lBS3JFLDZCQUE4Rzs7Ozs7SUFLOUcsMEJBQXdGOzs7OztJQUt4RixxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXN0YWNrJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cIlxuICAgICAgICBzdGFja19fd3JhcHBlclxuICAgICAgICBzdGFjay0tc3BhY2luZy17e3NwYWNpbmd9fVxuICAgICAgICBzdGFjay0tZGlzdHJpYnV0aW9uLXt7ZGlzdHJpYnV0aW9ufX1cbiAgICAgICAgc3RhY2stLWFsaWdubWVudC17e2FsaWdubWVudH19XG4gICAgICBcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnc3RhY2stLXZlcnRpY2FsJzogdmVydGljYWwsXG4gICAgICAgICdzdGFjay0tbm8td3JhcCc6ICF3cmFwXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFN0YWNrIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zdGFjaycpIGJhc2VDbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIE1ha2Ugc3RhY2sgdmVydGljYWwgKGludmVydHMgYXhpcyBvZiBhbGlnbm1lbnQgYW5kIGRpc3RyaWJ1dGlvbiBpbnB1dHMpXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN0YWNrLS12ZXJ0aWNhbCcpIEBJbnB1dCgpIHZlcnRpY2FsID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNwYWNpbmcgYmV0d2VlbiBlbGVtZW50c1xuICAgKi9cbiAgQElucHV0KCkgc3BhY2luZzogJ3RpZ2h0JyB8ICdsb29zZScgfCAnZGVmYXVsdCcgfCAnbm9uZScgPSAnZGVmYXVsdCc7XG5cbiAgLyoqXG4gICAqIEhvcml6b250YWwgYWxpZ25tZW50IG9mIGVsZW1lbnRzICh2ZXJ0aWNhbCBhbGlnbm1lbnQgb24gdmVydGljYWwgc3RhY2spXG4gICAqL1xuICBASW5wdXQoKSBkaXN0cmlidXRpb246ICdsZWFkaW5nJyB8ICd0cmFpbGluZycgfCAnZXF1YWxTcGFjaW5nJyB8ICdjZW50ZXInIHwgJ2ZpbGwnIHwgJ2ZpbGxFdmVubHknID0gJ2xlYWRpbmcnO1xuXG4gIC8qKlxuICAgKiBWZXJ0aWNhbCBhbGlnbm1lbnQgb2YgZWxlbWVudHMgIChob3Jpem9udGFsIGFsaWdubWVudCBvbiB2ZXJ0aWNhbCBzdGFjaylcbiAgICovXG4gIEBJbnB1dCgpIGFsaWdubWVudDogJ2xlYWRpbmcnIHwgJ3RyYWlsaW5nJyB8ICdjZW50ZXInIHwgJ2ZpbGwnIHwgJ2Jhc2VsaW5lJyA9ICdsZWFkaW5nJztcblxuICAvKipcbiAgICogV3JhcCBzdGFjayBlbGVtZW50cyB0byBhZGRpdGlvbmFsIHJvd3MgYXMgbmVlZGVkIG9uIHNtYWxsIHNjcmVlbnMuXG4gICAqL1xuICBASW5wdXQoKSB3cmFwID0gdHJ1ZTtcbn1cbiJdfQ==