gridster-item-extend
Version:
Extensions of angular-gridster2 for overide functionality
54 lines • 6.32 kB
JavaScript
import { Component, ElementRef, Inject, NgZone, Renderer2 } from '@angular/core';
import { GridsterItemComponent } from 'angular-gridster2';
import * as i0 from "@angular/core";
import * as i1 from "angular-gridster2";
export class GridsterItemExtendComponent extends GridsterItemComponent {
constructor(el, gridster, renderer, zone) {
super(el, gridster, renderer, zone);
}
ngOnInit() {
if (!this.gridster.options['customLoadItems']) {
this.loadCurrentGridsterItem();
}
// overide method
}
loadCurrentGridsterItem() {
this.el.style.visibility = 'unset';
this.gridster.addItem(this);
}
getNewRow(newHeight) {
return (newHeight / this.gridster.curRowHeight) + this.gridster.$options.margin;
}
setNewRow(newHeight) {
this.$item.rows = this.getNewRow(newHeight);
}
}
GridsterItemExtendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridsterItemExtendComponent, deps: [{ token: ElementRef }, { token: i1.GridsterComponent }, { token: Renderer2 }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
GridsterItemExtendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GridsterItemExtendComponent, selector: "gridster-item-extend", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;visibility:hidden;transition:.3s;-webkit-user-select:text;user-select:text}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridsterItemExtendComponent, decorators: [{
type: Component,
args: [{
selector: 'gridster-item-extend',
template: `<ng-content></ng-content>`,
styles: [`:host{
box-sizing: border-box;
z-index: 1;
position: absolute;
overflow: hidden;
visibility:hidden;
transition: .3s;
-webkit-user-select: text;
user-select: text;
}`]
}]
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
type: Inject,
args: [ElementRef]
}] }, { type: i1.GridsterComponent }, { type: i0.Renderer2, decorators: [{
type: Inject,
args: [Renderer2]
}] }, { type: i0.NgZone, decorators: [{
type: Inject,
args: [NgZone]
}] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZHN0ZXItaXRlbS1leHRlbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3JpZHN0ZXItaXRlbS1leHRlbmQvc3JjL2xpYi9ncmlkc3Rlci1pdGVtLWV4dGVuZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekYsT0FBTyxFQUFxQixxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7QUFnQjdFLE1BQU0sT0FBTywyQkFBNEIsU0FBUSxxQkFBcUI7SUFFcEUsWUFDc0IsRUFBYyxFQUNsQyxRQUEyQixFQUNSLFFBQW1CLEVBQ3RCLElBQVk7UUFDNUIsS0FBSyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFUSxRQUFRO1FBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLEVBQUU7WUFDN0MsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7U0FDaEM7UUFDRCxpQkFBaUI7SUFDbkIsQ0FBQztJQUNELHVCQUF1QjtRQUNyQixJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFDRCxTQUFTLENBQUMsU0FBaUI7UUFDekIsT0FBTyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztJQUNsRixDQUFDO0lBQ0QsU0FBUyxDQUFDLFNBQWlCO1FBQ3pCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDOUMsQ0FBQzs7eUhBekJVLDJCQUEyQixrQkFHNUIsVUFBVSw4Q0FFVixTQUFTLGFBQ1QsTUFBTTs2R0FOTCwyQkFBMkIsbUZBWjVCLDJCQUEyQjs0RkFZMUIsMkJBQTJCO2tCQWR2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLE1BQU0sRUFBRSxDQUFDOzs7Ozs7Ozs7SUFTUCxDQUFDO2lCQUNKOzswQkFJSSxNQUFNOzJCQUFDLFVBQVU7OzBCQUVqQixNQUFNOzJCQUFDLFNBQVM7OzBCQUNoQixNQUFNOzJCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgTmdab25lLCBPbkluaXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBHcmlkc3RlckNvbXBvbmVudCwgR3JpZHN0ZXJJdGVtQ29tcG9uZW50IH0gZnJvbSAnYW5ndWxhci1ncmlkc3RlcjInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdncmlkc3Rlci1pdGVtLWV4dGVuZCcsXHJcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcclxuICBzdHlsZXM6IFtgOmhvc3R7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB2aXNpYmlsaXR5OmhpZGRlbjtcclxuICAgIHRyYW5zaXRpb246IC4zcztcclxuICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IHRleHQ7XHJcbiAgICB1c2VyLXNlbGVjdDogdGV4dDtcclxuICB9YF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEdyaWRzdGVySXRlbUV4dGVuZENvbXBvbmVudCBleHRlbmRzIEdyaWRzdGVySXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChFbGVtZW50UmVmKSBlbDogRWxlbWVudFJlZixcclxuICAgIGdyaWRzdGVyOiBHcmlkc3RlckNvbXBvbmVudCxcclxuICAgIEBJbmplY3QoUmVuZGVyZXIyKSByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgQEluamVjdChOZ1pvbmUpIHpvbmU6IE5nWm9uZSkge1xyXG4gICAgc3VwZXIoZWwsIGdyaWRzdGVyLCByZW5kZXJlciwgem9uZSk7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5ncmlkc3Rlci5vcHRpb25zWydjdXN0b21Mb2FkSXRlbXMnXSkge1xyXG4gICAgICB0aGlzLmxvYWRDdXJyZW50R3JpZHN0ZXJJdGVtKCk7XHJcbiAgICB9XHJcbiAgICAvLyBvdmVyaWRlIG1ldGhvZFxyXG4gIH1cclxuICBsb2FkQ3VycmVudEdyaWRzdGVySXRlbSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZWwuc3R5bGUudmlzaWJpbGl0eSA9ICd1bnNldCc7XHJcbiAgICB0aGlzLmdyaWRzdGVyLmFkZEl0ZW0odGhpcyk7XHJcbiAgfVxyXG4gIGdldE5ld1JvdyhuZXdIZWlnaHQ6IG51bWJlcik6IG51bWJlciB7XHJcbiAgICByZXR1cm4gKG5ld0hlaWdodCAvIHRoaXMuZ3JpZHN0ZXIuY3VyUm93SGVpZ2h0KSArIHRoaXMuZ3JpZHN0ZXIuJG9wdGlvbnMubWFyZ2luO1xyXG4gIH1cclxuICBzZXROZXdSb3cobmV3SGVpZ2h0OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuJGl0ZW0ucm93cyA9IHRoaXMuZ2V0TmV3Um93KG5ld0hlaWdodCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==