@aurelia-mdc-web/layout-grid
Version:
Wrapper for Material Components Web Layout Grid
53 lines • 1.93 kB
JavaScript
import { __decorate, __metadata, __read } from "tslib";
import { useView, PLATFORM, customElement } from 'aurelia-framework';
import { bindable } from 'aurelia-typed-observable-plugin';
/**
* @selector mdc-layout-grid-cell
*/
var MdcLayoutGridCell = /** @class */ (function () {
function MdcLayoutGridCell() {
}
MdcLayoutGridCell.prototype.spansChanged = function () {
var _a;
_a = __read(this.spans.split(' '), 3), this.phoneSpan = _a[0], this.tabletSpan = _a[1], this.desktopSpan = _a[2];
};
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "order", void 0);
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "position", void 0);
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "span", void 0);
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "desktopSpan", void 0);
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "tabletSpan", void 0);
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "phoneSpan", void 0);
__decorate([
bindable.booleanAttr,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "newRow", void 0);
__decorate([
bindable.none,
__metadata("design:type", String)
], MdcLayoutGridCell.prototype, "spans", void 0);
MdcLayoutGridCell = __decorate([
useView(PLATFORM.moduleName('./mdc-layout-grid-cell.html')),
customElement('mdc-layout-grid-cell')
], MdcLayoutGridCell);
return MdcLayoutGridCell;
}());
export { MdcLayoutGridCell };
//# sourceMappingURL=mdc-layout-grid-cell.js.map