@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>
149 lines • 9.42 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;
this.noGutters = false;
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;
/** @type {?} */
RowDirective.prototype.noGutters;
/** @type {?} */
RowDirective.prototype.rowDeck;
}
var ColumnDirective = /** @class */ (function () {
function ColumnDirective() {
this.class = '';
this.columnNumbers = {};
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) {
console.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) {
/** @type {?} */
ColumnDirective.prototype.class;
/** @type {?} */
ColumnDirective.prototype.columnNumbers;
/** @type {?} */
ColumnDirective.prototype.offsets;
/**
* @type {?}
* @protected
*/
ColumnDirective.prototype._columnClasses;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUU1RTtJQUFBO1FBSTZCLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFDOUMsQ0FBQzs7Z0JBTEEsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO2lCQUN2Qjs7OzRCQUVFLFdBQVcsU0FBQyxZQUFZOztJQUMzQixvQkFBQztDQUFBLEFBTEQsSUFLQztTQUZZLGFBQWE7OztJQUN4QixrQ0FBNEM7O0FBRzlDO0lBQUE7UUFJNEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDcEIsWUFBTyxHQUFHLEtBQUssQ0FBQztJQUMxRCxDQUFDOztnQkFQQSxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCOzs7NEJBRUUsV0FBVyxTQUFDLFdBQVc7NEJBQ3ZCLFdBQVcsU0FBQyxrQkFBa0IsY0FBRyxLQUFLOzBCQUN0QyxXQUFXLFNBQUMsZ0JBQWdCLGNBQUcsS0FBSzs7SUFDdkMsbUJBQUM7Q0FBQSxBQVBELElBT0M7U0FKWSxZQUFZOzs7SUFDdkIsaUNBQTJDOztJQUMzQyxpQ0FBNEQ7O0lBQzVELCtCQUF3RDs7QUFHMUQ7SUFBQTtRQUlXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUNuQixZQUFPLEdBQUcsRUFBRSxDQUFDOztRQUdaLG1CQUFjLEdBQWEsRUFBRSxDQUFDO0lBcUMxQyxDQUFDO0lBbkNDLHNCQUNJLDBDQUFhOzs7O1FBRGpCO1lBRUUsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN2QyxDQUFDOzs7T0FBQTs7Ozs7SUFFRCw2QkFBRzs7OztJQUFILFVBQUksT0FBZTtRQUNqQixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7OztJQUVELGtDQUFROzs7SUFBUjtRQUFBLGlCQXlCQztRQXhCQyxJQUFJOztnQkFDSSxVQUFVLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1lBQ2xELElBQUksVUFBVSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ2pDO1lBRUQsVUFBVSxDQUFDLE9BQU87Ozs7WUFBQyxVQUFBLEdBQUc7Z0JBQ3BCLElBQUksS0FBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxTQUFTLEVBQUU7b0JBQ3pDLEtBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQU8sR0FBSyxDQUFDLENBQUM7aUJBQ3hDO3FCQUFNO29CQUNMLEtBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQU8sR0FBRyxTQUFJLEtBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFHLENBQUMsQ0FBQztpQkFDbkU7WUFDSCxDQUFDLEVBQUMsQ0FBQztZQUVILE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU87Ozs7WUFBQyxVQUFBLEdBQUc7Z0JBQ25DLEtBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFlBQVUsR0FBRyxTQUFJLEtBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFHLENBQUMsQ0FBQztZQUNqRSxDQUFDLEVBQUMsQ0FBQztTQUNKO1FBQUMsT0FBTyxHQUFHLEVBQUU7WUFDWixPQUFPLENBQUMsS0FBSyxDQUFDLDZDQUErQyxHQUFLLENBQUMsQ0FBQztTQUNyRTtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUM7O2dCQTdDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCOzs7d0JBRUUsS0FBSztnQ0FDTCxLQUFLOzBCQUNMLEtBQUs7Z0NBS0wsV0FBVyxTQUFDLE9BQU87O0lBbUN0QixzQkFBQztDQUFBLEFBOUNELElBOENDO1NBM0NZLGVBQWU7OztJQUMxQixnQ0FBb0I7O0lBQ3BCLHdDQUE0Qjs7SUFDNUIsa0NBQXNCOzs7OztJQUd0Qix5Q0FBd0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBIb3N0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthR3JpZF0nXG59KVxuZXhwb3J0IGNsYXNzIEdyaWREaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmdyaWQnKSBiYXNlQ2xhc3MgPSB0cnVlO1xufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3VrYVJvd10nXG59KVxuZXhwb3J0IGNsYXNzIFJvd0RpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm93JykgYmFzZUNsYXNzID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5uby1ndXR0ZXJzJykgQElucHV0KCkgbm9HdXR0ZXJzID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm93LWRlY2snKSBASW5wdXQoKSByb3dEZWNrID0gZmFsc2U7XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthQ29sXSdcbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY2xhc3MgPSAnJztcbiAgQElucHV0KCkgY29sdW1uTnVtYmVycyA9IHt9O1xuICBASW5wdXQoKSBvZmZzZXRzID0ge307XG5cbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiB2YXJpYWJsZS1uYW1lXG4gIHByb3RlY3RlZCBfY29sdW1uQ2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNvbHVtbkNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fY29sdW1uQ2xhc3Nlcy5qb2luKCcgJyk7XG4gIH1cblxuICBzZXQoY2xhc3Nlczogc3RyaW5nKSB7XG4gICAgdGhpcy5fY29sdW1uQ2xhc3NlcyA9IGNsYXNzZXMuc3BsaXQoJyAnKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCBjb2x1bW5LZXlzID0gT2JqZWN0LmtleXModGhpcy5jb2x1bW5OdW1iZXJzKTtcbiAgICAgIGlmIChjb2x1bW5LZXlzLmxlbmd0aCA8PSAwKSB7XG4gICAgICAgIHRoaXMuX2NvbHVtbkNsYXNzZXMucHVzaCgnY29sJyk7XG4gICAgICB9XG5cbiAgICAgIGNvbHVtbktleXMuZm9yRWFjaChrZXkgPT4ge1xuICAgICAgICBpZiAodGhpcy5jb2x1bW5OdW1iZXJzW2tleV0gPT09ICdub2JyZWFrJykge1xuICAgICAgICAgIHRoaXMuX2NvbHVtbkNsYXNzZXMucHVzaChgY29sLSR7a2V5fWApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMuX2NvbHVtbkNsYXNzZXMucHVzaChgY29sLSR7a2V5fS0ke3RoaXMuY29sdW1uTnVtYmVyc1trZXldfWApO1xuICAgICAgICB9XG4gICAgICB9KTtcblxuICAgICAgT2JqZWN0LmtleXModGhpcy5vZmZzZXRzKS5mb3JFYWNoKGtleSA9PiB7XG4gICAgICAgIHRoaXMuX2NvbHVtbkNsYXNzZXMucHVzaChgb2Zmc2V0LSR7a2V5fS0ke3RoaXMub2Zmc2V0c1trZXldfWApO1xuICAgICAgfSk7XG4gICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICBjb25zb2xlLmVycm9yKGBNYWxmb3JtZWQgXFxgb2Zmc2V0c1xcYCBvciBcXGBjb2x1bW5OdW1iZXJzXFxgOiAke2Vycn1gKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5jbGFzcykge1xuICAgICAgdGhpcy5fY29sdW1uQ2xhc3Nlcy5wdXNoKHRoaXMuY2xhc3MpO1xuICAgIH1cbiAgfVxufVxuIl19