@junte/ui
Version:
Quality Angular UI components kit
162 lines • 12 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../../core/decorators/api';
var Overrides;
(function (Overrides) {
Overrides[Overrides["tablet"] = 0] = "tablet";
Overrides[Overrides["desktop"] = 1] = "desktop";
Overrides[Overrides["wide"] = 2] = "wide";
})(Overrides || (Overrides = {}));
var ColComponent = /** @class */ (function () {
function ColComponent() {
this.host = 'jnt-col-host';
this._mobile = 12;
this._tablet = 6;
this._desktop = 1;
this._wide = 1;
this.overrides = [];
this.span = null;
}
Object.defineProperty(ColComponent.prototype, "forMobile", {
get: function () {
return this._mobile;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "forTablet", {
get: function () {
return this.overrides.includes(Overrides.tablet) ? this._tablet : this.forMobile;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "forDesktop", {
get: function () {
return this.overrides.includes(Overrides.desktop) ? this._desktop : this.forTablet;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "forWide", {
get: function () {
return this.overrides.includes(Overrides.wide) ? this._wide : this.forDesktop;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "mobile", {
set: function (mobile) {
this._mobile = mobile;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "tablet", {
set: function (tablet) {
this._tablet = tablet;
this.overrides.push(Overrides.tablet);
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "desktop", {
set: function (desktop) {
this._desktop = desktop;
this.overrides.push(Overrides.desktop);
},
enumerable: true,
configurable: true
});
Object.defineProperty(ColComponent.prototype, "wide", {
set: function (wide) {
this._wide = wide;
this.overrides.push(Overrides.wide);
},
enumerable: true,
configurable: true
});
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], ColComponent.prototype, "host", void 0);
__decorate([
HostBinding('attr.data-mobile'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], ColComponent.prototype, "forMobile", null);
__decorate([
HostBinding('attr.data-tablet'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], ColComponent.prototype, "forTablet", null);
__decorate([
HostBinding('attr.data-desktop'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], ColComponent.prototype, "forDesktop", null);
__decorate([
HostBinding('attr.data-wide'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], ColComponent.prototype, "forWide", null);
__decorate([
PropertyApi({
description: 'Number of cells to occupy on screen < 768px',
type: 'number: 1...12',
default: '6'
}),
Input(),
__metadata("design:type", Number),
__metadata("design:paramtypes", [Number])
], ColComponent.prototype, "mobile", null);
__decorate([
PropertyApi({
description: 'Number of cells to occupy on screen >= 768px',
type: 'number: 1...12',
default: '3'
}),
Input(),
__metadata("design:type", Number),
__metadata("design:paramtypes", [Number])
], ColComponent.prototype, "tablet", null);
__decorate([
PropertyApi({
description: 'Number of cells to occupy on screen >= 992px',
type: 'number: 1...12',
default: '1'
}),
Input(),
__metadata("design:type", Number),
__metadata("design:paramtypes", [Number])
], ColComponent.prototype, "desktop", null);
__decorate([
PropertyApi({
description: 'Number of cells to occupy on screen >= 1200px',
type: 'number: 1...12',
default: '1'
}),
Input(),
__metadata("design:type", Number),
__metadata("design:paramtypes", [Number])
], ColComponent.prototype, "wide", null);
__decorate([
PropertyApi({
description: 'Number of cells to occupy for all breakpoints',
type: 'number: 1...12',
default: 'null'
}),
HostBinding('attr.data-span'),
Input(),
__metadata("design:type", Object)
], ColComponent.prototype, "span", void 0);
ColComponent = __decorate([
Component({
selector: 'jnt-col',
template: "<ng-content></ng-content>"
})
], ColComponent);
return ColComponent;
}());
export { ColComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZ3JpZC9jb2wvY29sLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRCxJQUFLLFNBSUo7QUFKRCxXQUFLLFNBQVM7SUFDWiw2Q0FBTSxDQUFBO0lBQ04sK0NBQU8sQ0FBQTtJQUNQLHlDQUFJLENBQUE7QUFDTixDQUFDLEVBSkksU0FBUyxLQUFULFNBQVMsUUFJYjtBQU1EO0lBQUE7UUFFcUMsU0FBSSxHQUFHLGNBQWMsQ0FBQztRQUVqRCxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2IsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBRWxCLGNBQVMsR0FBZ0IsRUFBRSxDQUFDO1FBbUVuQixTQUFJLEdBQUcsSUFBSSxDQUFDO0lBRXZCLENBQUM7SUFsRUMsc0JBQUksbUNBQVM7YUFBYjtZQUNFLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN0QixDQUFDOzs7T0FBQTtJQUdELHNCQUFJLG1DQUFTO2FBQWI7WUFDRSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNuRixDQUFDOzs7T0FBQTtJQUdELHNCQUFJLG9DQUFVO2FBQWQ7WUFDRSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNyRixDQUFDOzs7T0FBQTtJQUdELHNCQUFJLGlDQUFPO2FBQVg7WUFDRSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNoRixDQUFDOzs7T0FBQTtJQU9RLHNCQUFJLGdDQUFNO2FBQVYsVUFBVyxNQUFjO1lBQ2hDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1FBQ3hCLENBQUM7OztPQUFBO0lBT1Esc0JBQUksZ0NBQU07YUFBVixVQUFXLE1BQWM7WUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3hDLENBQUM7OztPQUFBO0lBT1Esc0JBQUksaUNBQU87YUFBWCxVQUFZLE9BQWU7WUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7WUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLENBQUM7OztPQUFBO0lBT1Esc0JBQUksOEJBQUk7YUFBUixVQUFTLElBQVk7WUFDNUIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RDLENBQUM7OztPQUFBO0lBbEV5QjtRQUF6QixXQUFXLENBQUMsV0FBVyxDQUFDOzs4Q0FBZ0M7SUFVekQ7UUFEQyxXQUFXLENBQUMsa0JBQWtCLENBQUM7OztpREFHL0I7SUFHRDtRQURDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQzs7O2lEQUcvQjtJQUdEO1FBREMsV0FBVyxDQUFDLG1CQUFtQixDQUFDOzs7a0RBR2hDO0lBR0Q7UUFEQyxXQUFXLENBQUMsZ0JBQWdCLENBQUM7OzsrQ0FHN0I7SUFPUTtRQUxSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSw2Q0FBNkM7WUFDMUQsSUFBSSxFQUFFLGdCQUFnQjtZQUN0QixPQUFPLEVBQUUsR0FBRztTQUNiLENBQUM7UUFDRCxLQUFLLEVBQUU7Ozs4Q0FFUDtJQU9RO1FBTFIsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLDhDQUE4QztZQUMzRCxJQUFJLEVBQUUsZ0JBQWdCO1lBQ3RCLE9BQU8sRUFBRSxHQUFHO1NBQ2IsQ0FBQztRQUNELEtBQUssRUFBRTs7OzhDQUdQO0lBT1E7UUFMUixXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsOENBQThDO1lBQzNELElBQUksRUFBRSxnQkFBZ0I7WUFDdEIsT0FBTyxFQUFFLEdBQUc7U0FDYixDQUFDO1FBQ0QsS0FBSyxFQUFFOzs7K0NBR1A7SUFPUTtRQUxSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSwrQ0FBK0M7WUFDNUQsSUFBSSxFQUFFLGdCQUFnQjtZQUN0QixPQUFPLEVBQUUsR0FBRztTQUNiLENBQUM7UUFDRCxLQUFLLEVBQUU7Ozs0Q0FHUDtJQVFRO1FBTlIsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLCtDQUErQztZQUM1RCxJQUFJLEVBQUUsZ0JBQWdCO1lBQ3RCLE9BQU8sRUFBRSxNQUFNO1NBQ2hCLENBQUM7UUFDRCxXQUFXLENBQUMsZ0JBQWdCLENBQUM7UUFDN0IsS0FBSyxFQUFFOzs4Q0FBYTtJQTVFVixZQUFZO1FBSnhCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxTQUFTO1lBQ25CLHFDQUFzQztTQUN2QyxDQUFDO09BQ1csWUFBWSxDQThFeEI7SUFBRCxtQkFBQztDQUFBLEFBOUVELElBOEVDO1NBOUVZLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvcGVydHlBcGkgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2RlY29yYXRvcnMvYXBpJztcblxuZW51bSBPdmVycmlkZXMge1xuICB0YWJsZXQsXG4gIGRlc2t0b3AsXG4gIHdpZGVcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWNvbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2wuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENvbENvbXBvbmVudCB7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmhvc3QnKSByZWFkb25seSBob3N0ID0gJ2pudC1jb2wtaG9zdCc7XG5cbiAgcHJpdmF0ZSBfbW9iaWxlID0gMTI7XG4gIHByaXZhdGUgX3RhYmxldCA9IDY7XG4gIHByaXZhdGUgX2Rlc2t0b3AgPSAxO1xuICBwcml2YXRlIF93aWRlID0gMTtcblxuICBvdmVycmlkZXM6IE92ZXJyaWRlc1tdID0gW107XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbW9iaWxlJylcbiAgZ2V0IGZvck1vYmlsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fbW9iaWxlO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtdGFibGV0JylcbiAgZ2V0IGZvclRhYmxldCgpIHtcbiAgICByZXR1cm4gdGhpcy5vdmVycmlkZXMuaW5jbHVkZXMoT3ZlcnJpZGVzLnRhYmxldCkgPyB0aGlzLl90YWJsZXQgOiB0aGlzLmZvck1vYmlsZTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWRlc2t0b3AnKVxuICBnZXQgZm9yRGVza3RvcCgpIHtcbiAgICByZXR1cm4gdGhpcy5vdmVycmlkZXMuaW5jbHVkZXMoT3ZlcnJpZGVzLmRlc2t0b3ApID8gdGhpcy5fZGVza3RvcCA6IHRoaXMuZm9yVGFibGV0O1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtd2lkZScpXG4gIGdldCBmb3JXaWRlKCkge1xuICAgIHJldHVybiB0aGlzLm92ZXJyaWRlcy5pbmNsdWRlcyhPdmVycmlkZXMud2lkZSkgPyB0aGlzLl93aWRlIDogdGhpcy5mb3JEZXNrdG9wO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ051bWJlciBvZiBjZWxscyB0byBvY2N1cHkgb24gc2NyZWVuIDwgNzY4cHgnLFxuICAgIHR5cGU6ICdudW1iZXI6IDEuLi4xMicsXG4gICAgZGVmYXVsdDogJzYnXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBtb2JpbGUobW9iaWxlOiBudW1iZXIpIHtcbiAgICB0aGlzLl9tb2JpbGUgPSBtb2JpbGU7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnTnVtYmVyIG9mIGNlbGxzIHRvIG9jY3VweSBvbiBzY3JlZW4gPj0gNzY4cHgnLFxuICAgIHR5cGU6ICdudW1iZXI6IDEuLi4xMicsXG4gICAgZGVmYXVsdDogJzMnXG4gIH0pXG4gIEBJbnB1dCgpIHNldCB0YWJsZXQodGFibGV0OiBudW1iZXIpIHtcbiAgICB0aGlzLl90YWJsZXQgPSB0YWJsZXQ7XG4gICAgdGhpcy5vdmVycmlkZXMucHVzaChPdmVycmlkZXMudGFibGV0KTtcbiAgfVxuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdOdW1iZXIgb2YgY2VsbHMgdG8gb2NjdXB5IG9uIHNjcmVlbiA+PSA5OTJweCcsXG4gICAgdHlwZTogJ251bWJlcjogMS4uLjEyJyxcbiAgICBkZWZhdWx0OiAnMSdcbiAgfSlcbiAgQElucHV0KCkgc2V0IGRlc2t0b3AoZGVza3RvcDogbnVtYmVyKSB7XG4gICAgdGhpcy5fZGVza3RvcCA9IGRlc2t0b3A7XG4gICAgdGhpcy5vdmVycmlkZXMucHVzaChPdmVycmlkZXMuZGVza3RvcCk7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnTnVtYmVyIG9mIGNlbGxzIHRvIG9jY3VweSBvbiBzY3JlZW4gPj0gMTIwMHB4JyxcbiAgICB0eXBlOiAnbnVtYmVyOiAxLi4uMTInLFxuICAgIGRlZmF1bHQ6ICcxJ1xuICB9KVxuICBASW5wdXQoKSBzZXQgd2lkZSh3aWRlOiBudW1iZXIpIHtcbiAgICB0aGlzLl93aWRlID0gd2lkZTtcbiAgICB0aGlzLm92ZXJyaWRlcy5wdXNoKE92ZXJyaWRlcy53aWRlKTtcbiAgfVxuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdOdW1iZXIgb2YgY2VsbHMgdG8gb2NjdXB5IGZvciBhbGwgYnJlYWtwb2ludHMnLFxuICAgIHR5cGU6ICdudW1iZXI6IDEuLi4xMicsXG4gICAgZGVmYXVsdDogJ251bGwnXG4gIH0pXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNwYW4nKVxuICBASW5wdXQoKSBzcGFuID0gbnVsbDtcblxufVxuIl19