@hugogo/angular-grid-layout-hugo/hugogo-angular-grid-layout-hugo.metadata.json

Grid Layout with draggable and resizable items for Angular

{"__symbolic":"module","version":4,"metadata":{"ktdGridCompact":{"__symbolic":"function","parameters":["layout","compactType","cols"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[{"__symbolic":"reference","name":"layout"},{"__symbolic":"reference","name":"compactType"},{"__symbolic":"reference","name":"cols"}]},"member":"map"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":19,"character":13,"module":"./lib/utils/grid.utils"}]}},"ktdTrackById":{"__symbolic":"function","parameters":["index","item"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"id"}},"KTD_GRID_DRAG_HANDLE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":40},"arguments":["KtdGridDragHandle"]},"KtdGridDragHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[ktdGridDragHandle]","host":{"class":"ktd-grid-drag-handle"},"providers":[{"provide":{"__symbolic":"reference","name":"KTD_GRID_DRAG_HANDLE"},"useExisting":{"__symbolic":"reference","name":"KtdGridDragHandle"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":35,"context":{"typeName":"HTMLElement"},"module":"./lib/directives/drag-handle"}]}]}]}},"KTD_GRID_RESIZE_HANDLE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":8,"character":42},"arguments":["KtdGridResizeHandle"]},"KtdGridResizeHandle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[ktdGridResizeHandle]","host":{"class":"ktd-grid-resize-handle"},"providers":[{"provide":{"__symbolic":"reference","name":"KTD_GRID_RESIZE_HANDLE"},"useExisting":{"__symbolic":"reference","name":"KtdGridResizeHandle"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":35,"context":{"typeName":"HTMLElement"},"module":"./lib/directives/resize-handle"}]}]}]}},"KtdGridItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ktd-grid-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"template":"<ng-content></ng-content>\n<div #resizeElem class=\"grid-item-resize-icon\"></div>\n","styles":[":host{display:none;overflow:hidden;z-index:1}:host,:host div{position:absolute}:host div{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;z-index:10}:host div.grid-item-resize-icon{bottom:0;color:inherit;cursor:se-resize;height:20px;right:0;width:20px}:host div.grid-item-resize-icon:after{border-bottom:2px solid;border-right:2px solid;bottom:3px;content:\"\";height:5px;position:absolute;right:3px;width:5px}.display-none{display:none!important}"]}]}],"members":{"_dragHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"KTD_GRID_DRAG_HANDLE"},{"descendants":true}]}]}],"_resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"KTD_GRID_RESIZE_HANDLE"},{"descendants":true}]}]}],"resizeElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["resizeElem",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":50}}]}]}],"transition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"dragStartThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":93,"character":17},"arguments":[{"__symbolic":"reference","name":"GRID_ITEM_GET_RENDER_DATA_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":89,"character":35},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":91,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":92,"character":32},{"__symbolic":"reference","name":"KtdGridItemRenderDataTokenType"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setStyles":[{"__symbolic":"method"}],"_dragStart$":[{"__symbolic":"method"}],"_resizeStart$":[{"__symbolic":"method"}]}},"KtdGridLayoutItem":{"__symbolic":"interface"},"KtdGridCompactType":{"__symbolic":"interface"},"KtdGridCfg":{"__symbolic":"interface"},"KtdGridLayout":{"__symbolic":"interface"},"KtdGridItemRect":{"__symbolic":"interface"},"KtdGridItemRenderData":{"__symbolic":"interface"},"Widget":{"__symbolic":"interface"},"KtdGridItemRenderDataTokenType":{"__symbolic":"interface"},"GRID_ITEM_GET_RENDER_DATA_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":54,"character":99},"arguments":["GRID_ITEM_GET_RENDER_DATA_TOKEN"]},"KtdDraggingData":{"__symbolic":"interface"},"KtdDragStart":{"__symbolic":"interface"},"KtdResizeStart":{"__symbolic":"interface"},"KtdDragEnd":{"__symbolic":"interface"},"KtdResizeEnd":{"__symbolic":"interface"},"parseRenderItemToPixels":{"__symbolic":"function","parameters":["renderItem"],"value":{"id":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"renderItem"},"member":"id"},"top":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"renderItem"},"member":"top"},"right":"px"},"left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"renderItem"},"member":"left"},"right":"px"},"width":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"renderItem"},"member":"width"},"right":"px"},"height":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"renderItem"},"member":"height"},"right":"px"}}},"__gridItemGetRenderDataFactoryFunc":{"__symbolic":"function","parameters":["gridCmp"],"value":{"__symbolic":"error","message":"Lambda not supported","line":75,"character":11,"module":"./lib/grid.component"}},"ktdGridItemGetRenderDataFactoryFunc":{"__symbolic":"function"},"KtdGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":87,"character":1},"arguments":[{"selector":"ktd-grid","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":91,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":92,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"GRID_ITEM_GET_RENDER_DATA_TOKEN"},"useFactory":{"__symbolic":"reference","name":"ktdGridItemGetRenderDataFactoryFunc"},"deps":[{"__symbolic":"reference","name":"KtdGridComponent"}]}],"template":"<ng-content></ng-content>\n","styles":["ktd-grid{display:block;position:relative;width:100%}ktd-grid ktd-grid-item.ktd-grid-item-dragging{z-index:1000}ktd-grid ktd-grid-item.no-transitions{transition:none!important}ktd-grid .ktd-grid-item-placeholder{background-color:#8b0000;opacity:.6;position:absolute;transition:all .15s ease;transition-property:transform;z-index:0}"]}]}],"members":{"_gridItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":103,"character":5},"arguments":[{"__symbolic":"reference","name":"KtdGridItemComponent"},{"descendants":true}]}]}],"layoutUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":5}}]}],"dragStarted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":109,"character":5}}]}],"resizeStarted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":112,"character":5}}]}],"dragEnded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":115,"character":5}}]}],"resizeEnded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":5}}]}],"scrollableParent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"compactOnPropsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5}}]}],"preventCollision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":5}}]}],"scrollSpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"compactType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":5}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":5}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":222,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":223,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":224,"character":32}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"compactLayout":[{"__symbolic":"method"}],"getItemsRenderData":[{"__symbolic":"method"}],"getItemRenderData":[{"__symbolic":"method"}],"calculateRenderData":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"updateGridItemsStyles":[{"__symbolic":"method"}],"initSubscriptions":[{"__symbolic":"method"}],"performDragSequence$":[{"__symbolic":"method"}]}},"KtdGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"KtdGridComponent"},{"__symbolic":"reference","name":"KtdGridItemComponent"},{"__symbolic":"reference","name":"KtdGridDragHandle"},{"__symbolic":"reference","name":"KtdGridResizeHandle"}],"exports":[{"__symbolic":"reference","name":"KtdGridComponent"},{"__symbolic":"reference","name":"KtdGridItemComponent"},{"__symbolic":"reference","name":"KtdGridDragHandle"},{"__symbolic":"reference","name":"KtdGridResizeHandle"}],"providers":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":8}]}]}],"members":{}},"ɵa":{"__symbolic":"function"},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":19,"character":32}]}],"ngOnDestroy":[{"__symbolic":"method"}],"mouseOrTouchMove$":[{"__symbolic":"method"}],"registerTouchMoveSubscription":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"ktdGridCompact":"./lib/utils/grid.utils","ktdTrackById":"./lib/utils/grid.utils","KTD_GRID_DRAG_HANDLE":"./lib/directives/drag-handle","KtdGridDragHandle":"./lib/directives/drag-handle","KTD_GRID_RESIZE_HANDLE":"./lib/directives/resize-handle","KtdGridResizeHandle":"./lib/directives/resize-handle","KtdGridItemComponent":"./lib/grid-item/grid-item.component","KtdGridLayoutItem":"./lib/grid.definitions","KtdGridCompactType":"./lib/grid.definitions","KtdGridCfg":"./lib/grid.definitions","KtdGridLayout":"./lib/grid.definitions","KtdGridItemRect":"./lib/grid.definitions","KtdGridItemRenderData":"./lib/grid.definitions","Widget":"./lib/grid.definitions","KtdGridItemRenderDataTokenType":"./lib/grid.definitions","GRID_ITEM_GET_RENDER_DATA_TOKEN":"./lib/grid.definitions","KtdDraggingData":"./lib/grid.definitions","KtdDragStart":"./lib/grid.component","KtdResizeStart":"./lib/grid.component","KtdDragEnd":"./lib/grid.component","KtdResizeEnd":"./lib/grid.component","parseRenderItemToPixels":"./lib/grid.component","__gridItemGetRenderDataFactoryFunc":"./lib/grid.component","ktdGridItemGetRenderDataFactoryFunc":"./lib/grid.component","KtdGridComponent":"./lib/grid.component","KtdGridModule":"./lib/grid.module","ɵa":"./lib/utils/react-grid-layout.utils","ɵb":"./lib/grid.service"},"importAs":"@hugogo/angular-grid-layout-hugo"}