gridster-item-extend
Version:
Extensions of angular-gridster2 for overide functionality
90 lines (84 loc) • 4.23 kB
JavaScript
import * as i0 from '@angular/core';
import { ElementRef, Renderer2, NgZone, Component, Inject, NgModule } from '@angular/core';
import * as i1 from 'angular-gridster2';
import { GridsterItemComponent, GridsterModule } from 'angular-gridster2';
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]
}] }];
} });
class GridsterItemExtendModule {
}
GridsterItemExtendModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridsterItemExtendModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
GridsterItemExtendModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridsterItemExtendModule, declarations: [GridsterItemExtendComponent], imports: [GridsterModule], exports: [GridsterItemExtendComponent] });
GridsterItemExtendModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridsterItemExtendModule, imports: [[
GridsterModule
]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridsterItemExtendModule, decorators: [{
type: NgModule,
args: [{
declarations: [
GridsterItemExtendComponent
],
imports: [
GridsterModule
],
exports: [
GridsterItemExtendComponent
]
}]
}] });
/*
* Public API Surface of gridster-item-extend
*/
/**
* Generated bundle index. Do not edit.
*/
export { GridsterItemExtendComponent, GridsterItemExtendModule };
//# sourceMappingURL=gridster-item-extend.mjs.map