@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>
223 lines • 13 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Directive, HostBinding, Input } from '@angular/core';
var GridDirective = /** @class */ (function () {
function GridDirective() {
this.baseClass = true;
}
GridDirective.decorators = [
{ type: Directive, args: [{
selector: '[sukaGrid]'
},] }
];
GridDirective.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.grid',] }]
};
return GridDirective;
}());
export { GridDirective };
if (false) {
/** @type {?} */
GridDirective.prototype.baseClass;
}
var RowDirective = /** @class */ (function () {
function RowDirective() {
this.baseClass = true;
/**
* Set to `true` for no gutters between columns.
*/
this.noGutters = false;
/**
* Set to `true` to make the columns distribute their height accordingly to the row total height.
*/
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 }]
};
return RowDirective;
}());
export { RowDirective };
if (false) {
/** @type {?} */
RowDirective.prototype.baseClass;
/**
* Set to `true` for no gutters between columns.
* @type {?}
*/
RowDirective.prototype.noGutters;
/**
* Set to `true` to make the columns distribute their height accordingly to the row total height.
* @type {?}
*/
RowDirective.prototype.rowDeck;
}
var ColumnDirective = /** @class */ (function () {
function ColumnDirective() {
/**
* Sets the class
*/
this.class = '';
/**
* Object that sets the column numbers according to the breakpoint.
* Breakpoints can be:<br>
* - xs: From 0px<br>
* - sm: From 576px<br>
* - md: From 768px<br>
* - lg: From 992px<br>
* - xl: From 1200px<br>
* - xxl: From 1600px<br>
* - nobreak: For all viewports.
* <br>
* Example:
* ```{xs: 12, sm: 6, md: 4}```
*/
this.columnNumbers = {};
/**
* Object that sets the column offset according to the breakpoint.
* Breakpoints can be:<br>
* - xs: From 0px<br>
* - sm: From 576px<br>
* - md: From 768px<br>
* - lg: From 992px<br>
* - xl: From 1200px<br>
* - xxl: From 1600px<br>
* - nobreak: For all viewports.
* <br>
* Example:
* ```{xs: 12, sm: 6, md: 4}```
*/
this.offsets = {};
// tslint:disable-next-line: variable-name
this._columnClasses = [];
}
Object.defineProperty(ColumnDirective.prototype, "columnClasses", {
get: /**
* @return {?}
*/
function () {
return this._columnClasses.join(' ');
},
enumerable: true,
configurable: true
});
/**
* @param {?} classes
* @return {?}
*/
ColumnDirective.prototype.set = /**
* @param {?} classes
* @return {?}
*/
function (classes) {
this._columnClasses = classes.split(' ');
};
/**
* @return {?}
*/
ColumnDirective.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
try {
/** @type {?} */
var columnKeys = Object.keys(this.columnNumbers);
if (columnKeys.length <= 0) {
this._columnClasses.push('col');
}
columnKeys.forEach((/**
* @param {?} key
* @return {?}
*/
function (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 {?}
*/
function (key) {
_this._columnClasses.push("offset-" + key + "-" + _this.offsets[key]);
}));
}
catch (err) {
throw new 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',] }]
};
return ColumnDirective;
}());
export { ColumnDirective };
if (false) {
/**
* Sets the class
* @type {?}
*/
ColumnDirective.prototype.class;
/**
* Object that sets the column numbers according to the breakpoint.
* Breakpoints can be:<br>
* - xs: From 0px<br>
* - sm: From 576px<br>
* - md: From 768px<br>
* - lg: From 992px<br>
* - xl: From 1200px<br>
* - xxl: From 1600px<br>
* - nobreak: For all viewports.
* <br>
* Example:
* ```{xs: 12, sm: 6, md: 4}```
* @type {?}
*/
ColumnDirective.prototype.columnNumbers;
/**
* Object that sets the column offset according to the breakpoint.
* Breakpoints can be:<br>
* - xs: From 0px<br>
* - sm: From 576px<br>
* - md: From 768px<br>
* - lg: From 992px<br>
* - xl: From 1200px<br>
* - xxl: From 1600px<br>
* - nobreak: For all viewports.
* <br>
* Example:
* ```{xs: 12, sm: 6, md: 4}```
* @type {?}
*/
ColumnDirective.prototype.offsets;
/**
* @type {?}
* @protected
*/
ColumnDirective.prototype._columnClasses;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUU1RTtJQUFBO1FBSTZCLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFDOUMsQ0FBQzs7Z0JBTEEsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO2lCQUN2Qjs7OzRCQUVFLFdBQVcsU0FBQyxZQUFZOztJQUMzQixvQkFBQztDQUFBLEFBTEQsSUFLQztTQUZZLGFBQWE7OztJQUN4QixrQ0FBNEM7O0FBRzlDO0lBQUE7UUFJNEIsY0FBUyxHQUFHLElBQUksQ0FBQzs7OztRQUlELGNBQVMsR0FBRyxLQUFLLENBQUM7Ozs7UUFJcEIsWUFBTyxHQUFHLEtBQUssQ0FBQztJQUMxRCxDQUFDOztnQkFiQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCOzs7NEJBRUUsV0FBVyxTQUFDLFdBQVc7NEJBSXZCLFdBQVcsU0FBQyxrQkFBa0IsY0FBRyxLQUFLOzBCQUl0QyxXQUFXLFNBQUMsZ0JBQWdCLGNBQUcsS0FBSzs7SUFDdkMsbUJBQUM7Q0FBQSxBQWJELElBYUM7U0FWWSxZQUFZOzs7SUFDdkIsaUNBQTJDOzs7OztJQUkzQyxpQ0FBNEQ7Ozs7O0lBSTVELCtCQUF3RDs7QUFHMUQ7SUFBQTs7OztRQU9XLFVBQUssR0FBRyxFQUFFLENBQUM7Ozs7Ozs7Ozs7Ozs7OztRQWdCWCxrQkFBYSxHQUFHLEVBQUUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O1FBZ0JuQixZQUFPLEdBQUcsRUFBRSxDQUFDOztRQUdaLG1CQUFjLEdBQWEsRUFBRSxDQUFDO0lBcUMxQyxDQUFDO0lBbkNDLHNCQUNJLDBDQUFhOzs7O1FBRGpCO1lBRUUsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN2QyxDQUFDOzs7T0FBQTs7Ozs7SUFFRCw2QkFBRzs7OztJQUFILFVBQUksT0FBZTtRQUNqQixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7OztJQUVELGtDQUFROzs7SUFBUjtRQUFBLGlCQXlCQztRQXhCQyxJQUFJOztnQkFDSSxVQUFVLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1lBQ2xELElBQUksVUFBVSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ2pDO1lBRUQsVUFBVSxDQUFDLE9BQU87Ozs7WUFBQyxVQUFBLEdBQUc7Z0JBQ3BCLElBQUksS0FBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxTQUFTLEVBQUU7b0JBQ3pDLEtBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQU8sR0FBSyxDQUFDLENBQUM7aUJBQ3hDO3FCQUFNO29CQUNMLEtBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQU8sR0FBRyxTQUFJLEtBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFHLENBQUMsQ0FBQztpQkFDbkU7WUFDSCxDQUFDLEVBQUMsQ0FBQztZQUVILE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU87Ozs7WUFBQyxVQUFBLEdBQUc7Z0JBQ25DLEtBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFlBQVUsR0FBRyxTQUFJLEtBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFHLENBQUMsQ0FBQztZQUNqRSxDQUFDLEVBQUMsQ0FBQztTQUNKO1FBQUMsT0FBTyxHQUFHLEVBQUU7WUFDWixNQUFNLElBQUksS0FBSyxDQUFDLDZDQUErQyxHQUFLLENBQUMsQ0FBQztTQUN2RTtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUM7O2dCQTlFRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCOzs7d0JBS0UsS0FBSztnQ0FnQkwsS0FBSzswQkFnQkwsS0FBSztnQ0FLTCxXQUFXLFNBQUMsT0FBTzs7SUFtQ3RCLHNCQUFDO0NBQUEsQUEvRUQsSUErRUM7U0E1RVksZUFBZTs7Ozs7O0lBSTFCLGdDQUFvQjs7Ozs7Ozs7Ozs7Ozs7OztJQWdCcEIsd0NBQTRCOzs7Ozs7Ozs7Ozs7Ozs7O0lBZ0I1QixrQ0FBc0I7Ozs7O0lBR3RCLHlDQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIEhvc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FHcmlkXSdcbn0pXG5leHBvcnQgY2xhc3MgR3JpZERpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuZ3JpZCcpIGJhc2VDbGFzcyA9IHRydWU7XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthUm93XSdcbn0pXG5leHBvcnQgY2xhc3MgUm93RGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yb3cnKSBiYXNlQ2xhc3MgPSB0cnVlO1xuICAvKipcbiAgICogU2V0IHRvIGB0cnVlYCBmb3Igbm8gZ3V0dGVycyBiZXR3ZWVuIGNvbHVtbnMuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm5vLWd1dHRlcnMnKSBASW5wdXQoKSBub0d1dHRlcnMgPSBmYWxzZTtcbiAgLyoqXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gbWFrZSB0aGUgY29sdW1ucyBkaXN0cmlidXRlIHRoZWlyIGhlaWdodCBhY2NvcmRpbmdseSB0byB0aGUgcm93IHRvdGFsIGhlaWdodC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm93LWRlY2snKSBASW5wdXQoKSByb3dEZWNrID0gZmFsc2U7XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthQ29sXSdcbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIGNsYXNzXG4gICAqL1xuICBASW5wdXQoKSBjbGFzcyA9ICcnO1xuXG4gIC8qKlxuICAgKiBPYmplY3QgdGhhdCBzZXRzIHRoZSBjb2x1bW4gbnVtYmVycyBhY2NvcmRpbmcgdG8gdGhlIGJyZWFrcG9pbnQuXG4gICAqIEJyZWFrcG9pbnRzIGNhbiBiZTo8YnI+XG4gICAqIC0geHM6IEZyb20gMHB4PGJyPlxuICAgKiAtIHNtOiBGcm9tIDU3NnB4PGJyPlxuICAgKiAtIG1kOiBGcm9tIDc2OHB4PGJyPlxuICAgKiAtIGxnOiBGcm9tIDk5MnB4PGJyPlxuICAgKiAtIHhsOiBGcm9tIDEyMDBweDxicj5cbiAgICogLSB4eGw6IEZyb20gMTYwMHB4PGJyPlxuICAgKiAtIG5vYnJlYWs6IEZvciBhbGwgdmlld3BvcnRzLlxuICAgKiA8YnI+XG4gICAqIEV4YW1wbGU6XG4gICAqIGBgYHt4czogMTIsIHNtOiA2LCBtZDogNH1gYGBcbiAgICovXG4gIEBJbnB1dCgpIGNvbHVtbk51bWJlcnMgPSB7fTtcblxuICAvKipcbiAgICogT2JqZWN0IHRoYXQgc2V0cyB0aGUgY29sdW1uIG9mZnNldCBhY2NvcmRpbmcgdG8gdGhlIGJyZWFrcG9pbnQuXG4gICAqIEJyZWFrcG9pbnRzIGNhbiBiZTo8YnI+XG4gICAqIC0geHM6IEZyb20gMHB4PGJyPlxuICAgKiAtIHNtOiBGcm9tIDU3NnB4PGJyPlxuICAgKiAtIG1kOiBGcm9tIDc2OHB4PGJyPlxuICAgKiAtIGxnOiBGcm9tIDk5MnB4PGJyPlxuICAgKiAtIHhsOiBGcm9tIDEyMDBweDxicj5cbiAgICogLSB4eGw6IEZyb20gMTYwMHB4PGJyPlxuICAgKiAtIG5vYnJlYWs6IEZvciBhbGwgdmlld3BvcnRzLlxuICAgKiA8YnI+XG4gICAqIEV4YW1wbGU6XG4gICAqIGBgYHt4czogMTIsIHNtOiA2LCBtZDogNH1gYGBcbiAgICovXG4gIEBJbnB1dCgpIG9mZnNldHMgPSB7fTtcblxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IHZhcmlhYmxlLW5hbWVcbiAgcHJvdGVjdGVkIF9jb2x1bW5DbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgY29sdW1uQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9jb2x1bW5DbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxuXG4gIHNldChjbGFzc2VzOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9jb2x1bW5DbGFzc2VzID0gY2xhc3Nlcy5zcGxpdCgnICcpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNvbHVtbktleXMgPSBPYmplY3Qua2V5cyh0aGlzLmNvbHVtbk51bWJlcnMpO1xuICAgICAgaWYgKGNvbHVtbktleXMubGVuZ3RoIDw9IDApIHtcbiAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKCdjb2wnKTtcbiAgICAgIH1cblxuICAgICAgY29sdW1uS2V5cy5mb3JFYWNoKGtleSA9PiB7XG4gICAgICAgIGlmICh0aGlzLmNvbHVtbk51bWJlcnNba2V5XSA9PT0gJ25vYnJlYWsnKSB7XG4gICAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKGBjb2wtJHtrZXl9YCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKGBjb2wtJHtrZXl9LSR7dGhpcy5jb2x1bW5OdW1iZXJzW2tleV19YCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuXG4gICAgICBPYmplY3Qua2V5cyh0aGlzLm9mZnNldHMpLmZvckVhY2goa2V5ID0+IHtcbiAgICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKGBvZmZzZXQtJHtrZXl9LSR7dGhpcy5vZmZzZXRzW2tleV19YCk7XG4gICAgICB9KTtcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihgTWFsZm9ybWVkIFxcYG9mZnNldHNcXGAgb3IgXFxgY29sdW1uTnVtYmVyc1xcYDogJHtlcnJ9YCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuY2xhc3MpIHtcbiAgICAgIHRoaXMuX2NvbHVtbkNsYXNzZXMucHVzaCh0aGlzLmNsYXNzKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==