ngx-material-drawer
Version:
[npm_img]: https://img.shields.io/npm/v/ngx-material-drawer.svg?colorB=0E7FBF [npm_url]: https://www.npmjs.com/package/ngx-material-drawer
141 lines • 12.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, EventEmitter, Output } from '@angular/core';
import { BreakpointObserverService, POINTS_NAME } from '../utils/breakpoint-observer.service';
import { NgxMaterialDrawerEventEmitter } from '../utils/mat-event-emitter.service';
import { NgxUtilsService } from '../utils/utils.service';
var NgxGridComponent = /** @class */ (function () {
function NgxGridComponent(_breakpointObserverService, matEventEmitterService, ngxUtilsService) {
var _this = this;
this._breakpointObserverService = _breakpointObserverService;
this.matEventEmitterService = matEventEmitterService;
this.ngxUtilsService = ngxUtilsService;
this.onGridDataChange = new EventEmitter();
this.matEventEmitterService.onGridDataChange.subscribe((/**
* @param {?} event
* @return {?}
*/
function (event) {
if (event) {
_this.refreshGrid(event['grids'], _this.size);
}
else if (_this.inputData['grid']) {
_this.gridData = _this.inputData.grid;
}
}));
}
/**
* @return {?}
*/
NgxGridComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
if (this.inputData && typeof this.inputData == 'object') {
if (this.inputData['grids']) {
this.registerBreakPoints(this.inputData['grids']);
}
else if (this.inputData['grid']) {
this.gridData = this.inputData.grid;
}
}
this.ngxUtilsService.componentInstance = this.componentInstance;
};
/**
* @param {?} grids
* @return {?}
*/
NgxGridComponent.prototype.registerBreakPoints = /**
* @param {?} grids
* @return {?}
*/
function (grids) {
var _this = this;
this.size$ = this._breakpointObserverService.size$;
this.size$.subscribe((/**
* @param {?} size
* @return {?}
*/
function (size) {
_this.size = size;
_this.refreshGrid(grids, size);
}));
};
/**
* @param {?} grids
* @param {?} size
* @return {?}
*/
NgxGridComponent.prototype.refreshGrid = /**
* @param {?} grids
* @param {?} size
* @return {?}
*/
function (grids, size) {
if (grids[size] && grids[size]['grid']) {
this.gridData = grids[size]['grid'];
}
else {
/** @type {?} */
var gData = void 0;
/** @type {?} */
var index = POINTS_NAME.indexOf(size);
while (!gData && index > 0) {
index--;
gData = grids[POINTS_NAME[index]] && grids[POINTS_NAME[index]]['grid'];
}
index = POINTS_NAME.indexOf(size);
while (!gData && index < (POINTS_NAME.length - 1)) {
index++;
gData = grids[POINTS_NAME[index]] && grids[POINTS_NAME[index]]['grid'];
}
this.gridData = gData || [];
}
};
NgxGridComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-material-grid',
template: "<div class=\"grid-container\">\r\n <mat-grid-list\r\n [cols]=\"gridData?.cols || inputData?.cols || 4\"\r\n [rowHeight]=\"gridData?.rowHeight || inputData?.rowHeight || '200px'\"\r\n [gutterSize]=\"gridData?.gutterSize || inputData?.gutterSize || '0px'\"\r\n >\r\n <mat-grid-tile\r\n *ngFor=\"let card of gridData\"\r\n [colspan]=\"card.cols\"\r\n [rowspan]=\"card.rows\"\r\n >\r\n <lib-card-holder [cardData]='ngxUtilsService.getExtendedData(card)'></lib-card-holder>\r\n </mat-grid-tile>\r\n </mat-grid-list>\r\n</div>\r\n",
styles: [""]
}] }
];
/** @nocollapse */
NgxGridComponent.ctorParameters = function () { return [
{ type: BreakpointObserverService },
{ type: NgxMaterialDrawerEventEmitter },
{ type: NgxUtilsService }
]; };
NgxGridComponent.propDecorators = {
inputData: [{ type: Input, args: ['gridData',] }],
componentInstance: [{ type: Input, args: ['componentInstance',] }],
onGridDataChange: [{ type: Output }]
};
return NgxGridComponent;
}());
export { NgxGridComponent };
if (false) {
/** @type {?} */
NgxGridComponent.prototype.inputData;
/** @type {?} */
NgxGridComponent.prototype.componentInstance;
/** @type {?} */
NgxGridComponent.prototype.onGridDataChange;
/** @type {?} */
NgxGridComponent.prototype.gridData;
/** @type {?} */
NgxGridComponent.prototype.size;
/** @type {?} */
NgxGridComponent.prototype.size$;
/**
* @type {?}
* @private
*/
NgxGridComponent.prototype._breakpointObserverService;
/** @type {?} */
NgxGridComponent.prototype.matEventEmitterService;
/** @type {?} */
NgxGridComponent.prototype.ngxUtilsService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbWF0ZXJpYWwtZHJhd2VyLyIsInNvdXJjZXMiOlsibGliL2FwcC9ncmlkL2dyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBMEQsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFOUYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpEO0lBWUUsMEJBQW9CLDBCQUFxRCxFQUNoRSxzQkFBcUQsRUFDckQsZUFBZ0M7UUFGekMsaUJBVUM7UUFWbUIsK0JBQTBCLEdBQTFCLDBCQUEwQixDQUEyQjtRQUNoRSwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQStCO1FBQ3JELG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQU54QixxQkFBZ0IsR0FBUSxJQUFJLFlBQVksRUFBRSxDQUFDO1FBTzFELElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQyxLQUFLO1lBQzNELElBQUksS0FBSyxFQUFFO2dCQUNULEtBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFLEtBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTthQUM1QztpQkFBTSxJQUFJLEtBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ2pDLEtBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7YUFDckM7UUFDSCxDQUFDLEVBQUMsQ0FBQTtJQUNKLENBQUM7Ozs7SUFFRCxtQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLElBQUks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ZCwgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLCBPbkRlc3Ryb3ksIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2UsIFBPSU5UU19OQU1FIH0gZnJvbSAnLi4vdXRpbHMvYnJlYWtwb2ludC1vYnNlcnZlci5zZXJ2aWNlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBOZ3hNYXRlcmlhbERyYXdlckV2ZW50RW1pdHRlciB9IGZyb20gJy4uL3V0aWxzL21hdC1ldmVudC1lbWl0dGVyLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBOZ3hVdGlsc1NlcnZpY2UgfSBmcm9tICcuLi91dGlscy91dGlscy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmd4LW1hdGVyaWFsLWdyaWQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmlkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9ncmlkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5neEdyaWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgnZ3JpZERhdGEnKSBpbnB1dERhdGE7XHJcbiAgQElucHV0KCdjb21wb25lbnRJbnN0YW5jZScpIGNvbXBvbmVudEluc3RhbmNlO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25HcmlkRGF0YUNoYW5nZTogYW55ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIHB1YmxpYyBncmlkRGF0YTtcclxuICBwdWJsaWMgc2l6ZTtcclxuICBwdWJsaWMgc2l6ZSQ6IE9ic2VydmFibGU8c3RyaW5nPjtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9icmVha3BvaW50T2JzZXJ2ZXJTZXJ2aWNlOiBCcmVha3BvaW50T2JzZXJ2ZXJTZXJ2aWNlLCBcclxuICAgIHB1YmxpYyBtYXRFdmVudEVtaXR0ZXJTZXJ2aWNlOiBOZ3hNYXRlcmlhbERyYXdlckV2ZW50RW1pdHRlciwgXHJcbiAgICBwdWJsaWMgbmd4VXRpbHNTZXJ2aWNlOiBOZ3hVdGlsc1NlcnZpY2UpIHtcclxuICAgIHRoaXMubWF0RXZlbnRFbWl0dGVyU2VydmljZS5vbkdyaWREYXRhQ2hhbmdlLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcclxuICAgICAgaWYgKGV2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5yZWZyZXNoR3JpZChldmVudFsnZ3JpZHMnXSwgdGhpcy5zaXplKVxyXG4gICAgICB9IGVsc2UgaWYgKHRoaXMuaW5wdXREYXRhWydncmlkJ10pIHtcclxuICAgICAgICB0aGlzLmdyaWREYXRhID0gdGhpcy5pbnB1dERhdGEuZ3JpZDtcclxuICAgICAgfVxyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaW5wdXREYXRhICYmIHR5cGVvZiB0aGlzLmlucHV0RGF0YSA9PSAnb2JqZWN0Jykge1xyXG4gICAgICBpZiAodGhpcy5pbnB1dERhdGFbJ2dyaWRzJ10pIHtcclxuICAgICAgICB0aGlzLnJlZ2lzdGVyQnJlYWtQb2ludHModGhpcy5pbnB1dERhdGFbJ2dyaWRzJ10pXHJcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5pbnB1dERhdGFbJ2dyaWQnXSkge1xyXG4gICAgICAgIHRoaXMuZ3JpZERhdGEgPSB0aGlzLmlucHV0RGF0YS5ncmlkO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB0aGlzLm5neFV0aWxzU2VydmljZS5jb21wb25lbnRJbnN0YW5jZSA9IHRoaXMuY29tcG9uZW50SW5zdGFuY2U7XHJcbiAgfVxyXG5cclxuICByZWdpc3RlckJyZWFrUG9pbnRzKGdyaWRzKSB7XHJcbiAgICB0aGlzLnNpemUkID0gdGhpcy5fYnJlYWtwb2ludE9ic2VydmVyU2VydmljZS5zaXplJDtcclxuICAgIHRoaXMuc2l6ZSQuc3Vic2NyaWJlKChzaXplKSA9PiB7XHJcbiAgICAgIHRoaXMuc2l6ZSA9IHNpemU7XHJcbiAgICAgIHRoaXMucmVmcmVzaEdyaWQoZ3JpZHMsIHNpemUpXHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgcmVmcmVzaEdyaWQoZ3JpZHMsIHNpemUpIHtcclxuICAgIGlmIChncmlkc1tzaXplXSAmJiBncmlkc1tzaXplXVsnZ3JpZCddKSB7XHJcbiAgICAgIHRoaXMuZ3JpZERhdGEgPSBncmlkc1tzaXplXVsnZ3JpZCddO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgbGV0IGdEYXRhO1xyXG4gICAgICBsZXQgaW5kZXggPSBQT0lOVFNfTkFNRS5pbmRleE9mKHNpemUpXHJcbiAgICAgIHdoaWxlICghZ0RhdGEgJiYgaW5kZXggPiAwKSB7XHJcbiAgICAgICAgaW5kZXgtLTtcclxuICAgICAgICBnRGF0YSA9IGdyaWRzW1BPSU5UU19OQU1FW2luZGV4XV0gJiYgZ3JpZHNbUE9JTlRTX05BTUVbaW5kZXhdXVsnZ3JpZCddXHJcbiAgICAgIH1cclxuICAgICAgaW5kZXggPSBQT0lOVFNfTkFNRS5pbmRleE9mKHNpemUpXHJcbiAgICAgIHdoaWxlICghZ0RhdGEgJiYgaW5kZXggPCAoUE9JTlRTX05BTUUubGVuZ3RoIC0gMSkpIHtcclxuICAgICAgICBpbmRleCsrO1xyXG4gICAgICAgIGdEYXRhID0gZ3JpZHNbUE9JTlRTX05BTUVbaW5kZXhdXSAmJiBncmlkc1tQT0lOVFNfTkFNRVtpbmRleF1dWydncmlkJ11cclxuICAgICAgfVxyXG4gICAgICB0aGlzLmdyaWREYXRhID0gZ0RhdGEgfHwgW107XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=