@acorex/layout 3.0.47 → 3.0.52

package/acorex-layout.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"AXWidgetConfig":{"__symbolic":"interface"},"AXWidgetConfigChanged":{"__symbolic":"interface"},"AXWidgetBoardConfigChanged":{"__symbolic":"interface"},"AXWidgetConfigSavedEvent":{"__symbolic":"interface"},"AXWidgetSaveAsData":{"__symbolic":"interface"},"AXWidgetComponent":{"__symbolic":"class","members":{"widgetSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@acorex/components","name":"propertyEditor","line":67,"character":5},"arguments":[{"editorClass":"ax/editors/widget-size","title":"common.size","visible":false,"order":-99}]}]}],"refreshRate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@acorex/components","name":"propertyEditor","line":75,"character":5},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":81,"character":19,"module":"./lib/widget-board/widget.class"}]}]}],"getRefreshRate":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"startRefreshTimer":[{"__symbolic":"method"}],"stopRefreshTimer":[{"__symbolic":"method"}],"restartRefreshTimer":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"redraw":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}]}},"AXWidgetBoardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"ax-widget-board","host":{"class":"ax widget-board"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"template":"<div class=\"widgets-container\" [class.rtl]=\"rtl\" #container>\r\n    <ax-widget-host *ngFor=\"let w of widgets;trackBy: trackByFn\"  [config]='w' [sizeX]=\"w.sizeX\"\r\n        [sizeY]=\"w.sizeY\" [col]=\"w.col\" [row]=\"w.row\" (onRemove)=\"handleOnRemove($event)\" (onSave)=\"handleOnSave($event)\"\r\n        (onConfigChanged)=\"handleOnConfigChanged($event)\" (onResized)=\"handleOnResizedChanged($event)\"\r\n        [provideValue]=\"provideValue\">\r\n    </ax-widget-host>\r\n</div>\r\n","styles":[".widget-board{display:inline-block;margin:15px 20px;min-width:calc(100% - 40px);min-height:calc(100% - 34px);--animate-duration:0.5s;background-repeat:no-repeat}.widget-board.grid-background{background-repeat:repeat!important}.widget-board.grid-background .widgets-container .widget-host{touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.widget-board.grid-background .widgets-container .widget-host .widget-edit-overlay{display:block;cursor:move}.widget-board.grid-background .widgets-container .widget-host.widget-dragging{z-index:1000}.widget-board.grid-background .widgets-container .widget-host:focus{outline-width:1px;outline-style:solid;outline-color:var(--ax-primary-color)}.widget-board.grid-background .widget-blank-placeholder{background:var(--ax-primary-trans-light-color);position:absolute}.widget-board .widgets-container{position:relative;touch-action:none}.widget-board .widgets-container.rtl .widget-host .widget-options-menu{right:unset!important;left:0!important}.widget-board .widgets-container .widget-host{position:absolute;background:#fff;box-shadow:2px 2px 3px #dadada}.widget-board .widgets-container .widget-host .widget-content{width:100%;height:100%;display:flex;flex-direction:column}.widget-board .widgets-container .widget-host .widget-content .widget-title{padding:var(--ax-size-md);text-align:start;font-size:1.5em;position:absolute}.widget-board .widgets-container .widget-host .widget-edit-loading{display:none;background:rgba(255,255,255,.85);position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:flex}.widget-board .widgets-container .widget-host .widget-config-overlay{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;z-index:1;padding:var(--ax-size-md);cursor:pointer}.widget-board .widgets-container .widget-host .widget-config-overlay:hover .widget-title{text-decoration:underline}.widget-board .widgets-container .widget-host .widget-config-overlay .widget-title{text-align:start;font-size:1.5em}.widget-board .widgets-container .widget-host .widget-config-overlay .widget-config-box{align-self:center;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ax-gray-dark-color)}.widget-board .widgets-container .widget-host .widget-config-overlay .widget-config-box .config-title{font-size:1.2em;margin-bottom:var(--ax-size-md)}.widget-board .widgets-container .widget-host .widget-edit-overlay{display:none;background:rgba(255,255,255,.5);position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.widget-board .widgets-container .widget-host .widget-edit-overlay .widget-edit-menu{margin:6px;text-align:end;float:inline-end;opacity:1;transition:opacity 1s}.widget-board .widgets-container .widget-host .widget-edit-overlay .widget-edit-menu .widget-edit-menu-button{display:inline-block;background-color:#f0f0f0;border-radius:1px;border:2px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;height:32px;width:32px;cursor:pointer;color:#666}.widget-board .widgets-container .widget-host .widget-edit-overlay .widget-edit-menu .widget-edit-menu-button:hover{border-color:#a6a6a6;background-color:#c8c8c8}.widget-board .widgets-container .widget-host .widget-options-menu{display:none;position:absolute;top:0;right:0;z-index:2;cursor:pointer;padding:2px 5px}.widget-board .widgets-container .widget-host .widget-options-menu:hover{background-color:#f0f0f0}.widget-board .widgets-container .widget-host .widget-container{padding:1px;height:100%}.widget-board .widgets-container .widget-host .widget-container:hover .widget-options-menu{display:block}"]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["container"]}]}],"widgetHosts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":37,"character":3},"arguments":[{"__symbolic":"reference","name":"AXWidgetHostComponent"}]}]}],"galleryItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"tileSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"gapSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"isInEditing":[{"__symbolic":"method"}],"provideValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"onConfigChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"onWidgetSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":80,"character":28,"context":{"typeName":"HTMLDivElement"},"module":"./lib/widget-board/widget-board.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":81,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"calcGridSize":[{"__symbolic":"method"}],"toggleEdit":[{"__symbolic":"method"}],"dragStart":[{"__symbolic":"method"}],"removePositionData":[{"__symbolic":"method"}],"resetPositionData":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}],"dragEnd":[{"__symbolic":"method"}],"detectFirstEmptySlot":[{"__symbolic":"method"}],"detectBestPlacement":[{"__symbolic":"method"}],"addPlaceholder":[{"__symbolic":"method"}],"removePlaceholder":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"finishEdit":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"handleOnRemove":[{"__symbolic":"method"}],"handleOnSave":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"handleOnConfigChanged":[{"__symbolic":"method"}],"handleOnResizedChanged":[{"__symbolic":"method"}],"emitConfigChanged":[{"__symbolic":"method"}]}},"AXWidgetHostComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"ax-widget-host","host":{"class":"ax widget-host","tabindex":"0"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":21},"member":"OnPush"},"template":"<div class='widget-container'>\r\n    <div class=\"widget-config-overlay\" *ngIf=\"!isConfigured\" (click)=\"handleConfig($event)\">\r\n        <div class=\"widget-title\">{{config.title}}</div>\r\n        <div class=\"widget-config-box\">\r\n            <div class=\"config-title\">{{ 'widget-board.configure' | trans}}</div>\r\n            <div class=\"config-icon\"><i class=\"fas fa-cogs fa-5x\"></i></div>\r\n        </div>\r\n    </div>\r\n    <div class='widget-edit-overlay'>\r\n        <div class='widget-edit-menu'>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"handleConfig($event)\"\r\n                (mousedown)=\"$event.stopPropagation()\" *ngIf=\"_hasProps\" (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-cogs\"></i>\r\n            </button>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"remove($event)\" (mousedown)=\"$event.stopPropagation()\"\r\n                (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-times\"></i>\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"widget-options-menu\"  *ngIf=\"_hasMenu\">\r\n        <ax-menu [items]='configMenuItem' direction=\"horizontal\"></ax-menu>\r\n    </div>\r\n    <!-- <ax-loading-panel [visible]=\"isBusy\">\r\n    </ax-loading-panel> -->\r\n    <div class=\"widget-content\">\r\n        <ng-container #vc></ng-container>\r\n    </div>\r\n</div>"}]}],"members":{"provideValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"onRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":5}}]}],"onConfigChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5}}]}],"onResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":5}}]}],"onSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":5}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"vc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":5},"arguments":["vc",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":72,"character":29}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":107,"character":32,"context":{"typeName":"HTMLDivElement"},"module":"./lib/widget-board/widget-host.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":108,"character":42},{"__symbolic":"reference","module":"@acorex/core","name":"AXRenderService","line":109,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":110,"character":21},{"__symbolic":"reference","module":"@acorex/components","name":"AXPopupService","line":111,"character":23},{"__symbolic":"reference","module":"@acorex/components","name":"AXLoadingService","line":112,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"sizeX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":204,"character":5},"arguments":["attr.data-size-x"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":5}}]}],"sizeY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":208,"character":5},"arguments":["attr.data-size-y"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":5}}]}],"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":212,"character":5},"arguments":["attr.data-col"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":5}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":217,"character":5},"arguments":["attr.data-row"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":218,"character":5}}]}],"setSizeFromOptions":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"handleConfig":[{"__symbolic":"method"}],"openConfigDialog":[{"__symbolic":"method"}],"openSaveDialog":[{"__symbolic":"method"}],"handleOptionClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getMergedProps":[{"__symbolic":"method"}],"emitConfigChanged":[{"__symbolic":"method"}]}},"AXWidgetBoardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXSearchBoxModule","line":25,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXLoadingModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":27,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXProppertyEditorModule","line":28,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXPageModule","line":29,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXToolbarModule","line":30,"character":8},{"__symbolic":"reference","module":"@acorex/core","name":"AXTranslatorModule","line":31,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXLabelModule","line":32,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXTextAreaModule","line":33,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXFieldsetModule","line":34,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXTextBoxModule","line":35,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXFormGroupModule","line":36,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXTabStripModule","line":37,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXCheckBoxModule","line":38,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXMenuModule","line":39,"character":8},{"__symbolic":"reference","module":"@acorex/core","name":"AXTranslatorModule","line":40,"character":8},{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorModule"},{"__symbolic":"reference","module":"@acorex/components","name":"AXValidationModule","line":42,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":43,"character":8},"member":"forChild"},"arguments":[[{"component":{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"},"path":"ax/editors/widget-size"}]]}],"exports":[{"__symbolic":"reference","name":"AXWidgetBoardComponent"},{"__symbolic":"reference","module":"@acorex/components","name":"AXProppertyEditorModule","line":50,"character":38}],"declarations":[{"__symbolic":"reference","name":"AXWidgetBoardComponent"},{"__symbolic":"reference","name":"AXWidgetHostComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"providers":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"AXWidgetSizePropertyEditorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@acorex/components","name":"AXProperyEditorComponent","line":6,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"template":"<div style=\"display: flex;\">\r\n    <div style=\"margin-inline-end: 0.5em;flex: calc(50% - 0.25em);\">\r\n        <ax-number-box (onValueChanged)=\"handleMinValueChange($event)\" [value]=\"sizeX\" [min]=\"minX\" [max]=\"maxX\">\r\n        </ax-number-box>\r\n    </div>\r\n    <div style=\"flex: calc(50% - 0.25em);\">\r\n        <ax-number-box (onValueChanged)=\"handleMaxValueChange($event)\" [value]=\"sizeY\" [min]=\"minY\" [max]=\"maxY\">\r\n        </ax-number-box>\r\n    </div>\r\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"handleMinValueChange":[{"__symbolic":"method"}],"handleMaxValueChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AXWidgetSizePropertyEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":28},{"__symbolic":"reference","module":"@acorex/components","name":"AXNumberBoxModule","line":12,"character":41}],"exports":[{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"}],"entryComponents":[{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"}],"providers":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@acorex/components","name":"AXBasePopupPageComponent","line":12,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"template":"<ax-page>\r\n    <ax-page-content>\r\n        <div class=\"container\">\r\n            <ax-validation-form #form>\r\n                <div class=\"row\" *ngFor=\"let p of displayProps; trackBy: identify\">\r\n                    <div class=\"col-12\">\r\n                        <ax-label>{{p.property.title | trans}}</ax-label>\r\n                        <ng-container ax-property-editor-renderer [property]=\"p\" [context]=\"context\" [host]=\"widget\"  [validationForm]=\"form\"\r\n                            (onValueChange)=\"handleValueChange($event)\">\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </ax-validation-form>\r\n        </div>\r\n    </ax-page-content>\r\n</ax-page>"}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":[{"__symbolic":"reference","module":"@acorex/components","name":"AXValidationFormComponent","line":14,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":29}]}],"getFooterButtons":[{"__symbolic":"method"}],"onFooterButtonClick":[{"__symbolic":"method"}],"handleValueChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"updateContext":[{"__symbolic":"method"}],"identify":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@acorex/components","name":"AXBasePopupPageComponent","line":17,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"template":"<ax-page>\r\n    <ax-page-content>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <ax-form-group>\r\n                        <ax-label>{{'common.title' | trans}}</ax-label>\r\n                        <ax-text-box [(value)]=\"data.title\"></ax-text-box>\r\n                    </ax-form-group>\r\n                </div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <ax-form-group>\r\n                        <ax-label>{{'common.description' | trans}}</ax-label>\r\n                        <ax-text-area [(value)]=\"data.description\"></ax-text-area>\r\n                    </ax-form-group>\r\n                </div>\r\n            </div>\r\n            <!-- <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <ax-form-group>\r\n                        <ax-label>{{'common.uniquename' | trans}}</ax-label>\r\n                        <ax-text-box></ax-text-box>\r\n                    </ax-form-group>\r\n                </div>\r\n            </div> -->\r\n            <div class=\"row\" style=\"margin-block-end: var(--ax-size-md);margin-block-start: var(--ax-size-md);\">\r\n                <div class=\"col-12\">\r\n                    <ax-fieldset caption=\"{{'widget-board.configurable-props' | trans}}\">\r\n                        <div class=\"row\" *ngFor=\"let prop of displayProps\">\r\n                            <div class=\"col-12\" style=\"margin-block-end: var(--ax-size-sm)\">\r\n                                <ax-check-box [(value)]=\"prop.allow\" label=\"{{ prop.title | trans }}\">\r\n\r\n                                </ax-check-box>\r\n                            </div>\r\n                        </div>\r\n                    </ax-fieldset>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ax-page-content>\r\n</ax-page>"}]}],"members":{"getFooterButtons":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onFooterButtonClick":[{"__symbolic":"method"}]}}},"origins":{"AXWidgetConfig":"./lib/widget-board/widget.class","AXWidgetConfigChanged":"./lib/widget-board/widget.class","AXWidgetBoardConfigChanged":"./lib/widget-board/widget.class","AXWidgetConfigSavedEvent":"./lib/widget-board/widget.class","AXWidgetSaveAsData":"./lib/widget-board/widget.class","AXWidgetComponent":"./lib/widget-board/widget.class","AXWidgetBoardComponent":"./lib/widget-board/widget-board.component","AXWidgetHostComponent":"./lib/widget-board/widget-host.component","AXWidgetBoardModule":"./lib/widget-board/widget-board.module","AXWidgetSizePropertyEditorComponent":"./lib/widget-board/editors/widget-size-editor/widget-size.editor","AXWidgetSizePropertyEditorModule":"./lib/widget-board/editors/widget-size-editor/widget-size.module","ɵa":"./lib/widget-board/widget-config.component","ɵb":"./lib/widget-board/widget-save.component"},"importAs":"@acorex/layout"}
+{"__symbolic":"module","version":4,"metadata":{"AXWidgetConfig":{"__symbolic":"interface"},"AXWidgetConfigChanged":{"__symbolic":"interface"},"AXWidgetBoardConfigChanged":{"__symbolic":"interface"},"AXWidgetConfigSavedEvent":{"__symbolic":"interface"},"AXWidgetSaveAsData":{"__symbolic":"interface"},"AXWidgetComponent":{"__symbolic":"class","members":{"widgetSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@acorex/components","name":"propertyEditor","line":67,"character":5},"arguments":[{"editorClass":"ax/editors/widget-size","title":"common.size","visible":false,"order":-99}]}]}],"refreshRate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@acorex/components","name":"propertyEditor","line":75,"character":5},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":81,"character":19,"module":"./lib/widget-board/widget.class"}]}]}],"getRefreshRate":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"startRefreshTimer":[{"__symbolic":"method"}],"stopRefreshTimer":[{"__symbolic":"method"}],"restartRefreshTimer":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"redraw":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}]}},"AXWidgetBoardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"ax-widget-board","host":{"class":"ax widget-board"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"template":"<div class=\"widgets-container\" [class.rtl]=\"rtl\" #container>\r\n    <ax-widget-host *ngFor=\"let w of widgets;trackBy: trackByFn\"  [config]='w' [sizeX]=\"w.sizeX\"\r\n        [sizeY]=\"w.sizeY\" [col]=\"w.col\" [row]=\"w.row\" (onRemove)=\"handleOnRemove($event)\" (onSave)=\"handleOnSave($event)\"\r\n        (onConfigChanged)=\"handleOnConfigChanged($event)\" (onResized)=\"handleOnResizedChanged($event)\"\r\n        [provideValue]=\"provideValue\">\r\n    </ax-widget-host>\r\n</div>\r\n","styles":[".widget-board{display:inline-block;margin:15px 20px;min-width:calc(100% - 40px);min-height:calc(100% - 34px);--animate-duration:0.5s;background-repeat:no-repeat}.widget-board.grid-background{background-repeat:repeat!important}.widget-board.grid-background .widgets-container .widget-host{touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.widget-board.grid-background .widgets-container .widget-host .widget-edit-overlay{display:block;cursor:move}.widget-board.grid-background .widgets-container .widget-host.widget-dragging{z-index:1000}.widget-board.grid-background .widgets-container .widget-host:focus{outline-width:1px;outline-style:solid;outline-color:var(--ax-primary-color)}.widget-board.grid-background .widget-blank-placeholder{background:var(--ax-primary-trans-light-color);position:absolute}.widget-board .widgets-container{position:relative;touch-action:none}.widget-board .widgets-container.rtl .widget-host .widget-options-menu{right:unset!important;left:0!important}.widget-board .widgets-container .widget-host{position:absolute;background:#fff;box-shadow:2px 2px 3px #dadada}.widget-board .widgets-container .widget-host .widget-content{width:100%;height:100%;display:flex;flex-direction:column}.widget-board .widgets-container .widget-host .widget-content .widget-title{padding:var(--ax-size-md);text-align:start;font-size:1.5em;position:absolute}.widget-board .widgets-container .widget-host .widget-edit-loading{display:none;background:rgba(255,255,255,.85);position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:flex}.widget-board .widgets-container .widget-host .widget-config-overlay{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;z-index:1;padding:var(--ax-size-md);cursor:pointer}.widget-board .widgets-container .widget-host .widget-config-overlay:hover .widget-title{text-decoration:underline}.widget-board .widgets-container .widget-host .widget-config-overlay .widget-title{text-align:start;font-size:1.5em}.widget-board .widgets-container .widget-host .widget-config-overlay .widget-config-box{align-self:center;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ax-gray-dark-color)}.widget-board .widgets-container .widget-host .widget-config-overlay .widget-config-box .config-title{font-size:1.2em;margin-bottom:var(--ax-size-md)}.widget-board .widgets-container .widget-host .widget-edit-overlay{display:none;background:rgba(255,255,255,.5);position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.widget-board .widgets-container .widget-host .widget-edit-overlay .widget-edit-menu{margin:6px;text-align:end;float:inline-end;opacity:1;transition:opacity 1s}.widget-board .widgets-container .widget-host .widget-edit-overlay .widget-edit-menu .widget-edit-menu-button{display:inline-block;background-color:#f0f0f0;border-radius:1px;border:2px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;height:32px;width:32px;cursor:pointer;color:#666}.widget-board .widgets-container .widget-host .widget-edit-overlay .widget-edit-menu .widget-edit-menu-button:hover{border-color:#a6a6a6;background-color:#c8c8c8}.widget-board .widgets-container .widget-host .widget-options-menu{display:none;position:absolute;top:0;right:0;z-index:2;cursor:pointer;padding:2px 5px}.widget-board .widgets-container .widget-host .widget-options-menu:hover{background-color:#f0f0f0}.widget-board .widgets-container .widget-host .widget-container{padding:1px;height:100%}.widget-board .widgets-container .widget-host .widget-container:hover .widget-options-menu{display:block}"]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["container"]}]}],"widgetHosts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":37,"character":3},"arguments":[{"__symbolic":"reference","name":"AXWidgetHostComponent"}]}]}],"galleryItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"tileSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"gapSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"isInEditing":[{"__symbolic":"method"}],"provideValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"onConfigChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"onWidgetSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":80,"character":28,"context":{"typeName":"HTMLDivElement"},"module":"./lib/widget-board/widget-board.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":81,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"calcGridSize":[{"__symbolic":"method"}],"toggleEdit":[{"__symbolic":"method"}],"dragStart":[{"__symbolic":"method"}],"removePositionData":[{"__symbolic":"method"}],"resetPositionData":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}],"dragEnd":[{"__symbolic":"method"}],"detectFirstEmptySlot":[{"__symbolic":"method"}],"detectBestPlacement":[{"__symbolic":"method"}],"addPlaceholder":[{"__symbolic":"method"}],"removePlaceholder":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"finishEdit":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"handleOnRemove":[{"__symbolic":"method"}],"handleOnSave":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"handleOnConfigChanged":[{"__symbolic":"method"}],"handleOnResizedChanged":[{"__symbolic":"method"}],"emitConfigChanged":[{"__symbolic":"method"}]}},"AXWidgetHostComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"ax-widget-host","host":{"class":"ax widget-host","tabindex":"0"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":21},"member":"OnPush"},"template":"<div class='widget-container'>\r\n    <div class=\"widget-config-overlay\" *ngIf=\"!isConfigured\" (click)=\"handleConfig($event)\">\r\n        <div class=\"widget-title\">{{config.title}}</div>\r\n        <div class=\"widget-config-box\">\r\n            <div class=\"config-title\">{{ 'widget-board.configure' | trans}}</div>\r\n            <div class=\"config-icon\"><i class=\"fas fa-cogs fa-5x\" aria-hidden=\"true\"></i></div>\r\n        </div>\r\n    </div>\r\n    <div class='widget-edit-overlay'>\r\n        <div class='widget-edit-menu'>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"handleConfig($event)\"\r\n                (mousedown)=\"$event.stopPropagation()\" *ngIf=\"_hasProps\" (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-cogs\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"remove($event)\" (mousedown)=\"$event.stopPropagation()\"\r\n                (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-times\" aria-hidden=\"true\"></i>\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"widget-options-menu\"  *ngIf=\"_hasMenu\">\r\n        <ax-menu [items]='configMenuItem' direction=\"horizontal\"></ax-menu>\r\n    </div>\r\n    <!-- <ax-loading-panel [visible]=\"isBusy\">\r\n    </ax-loading-panel> -->\r\n    <div class=\"widget-content\">\r\n        <ng-container #vc></ng-container>\r\n    </div>\r\n</div>"}]}],"members":{"provideValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"onRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":5}}]}],"onConfigChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5}}]}],"onResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":5}}]}],"onSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":5}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"vc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":5},"arguments":["vc",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":72,"character":29}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":107,"character":32,"context":{"typeName":"HTMLDivElement"},"module":"./lib/widget-board/widget-host.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":108,"character":42},{"__symbolic":"reference","module":"@acorex/core","name":"AXRenderService","line":109,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":110,"character":21},{"__symbolic":"reference","module":"@acorex/components","name":"AXPopupService","line":111,"character":23},{"__symbolic":"reference","module":"@acorex/components","name":"AXLoadingService","line":112,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"sizeX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":213,"character":5},"arguments":["attr.data-size-x"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":5}}]}],"sizeY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":217,"character":5},"arguments":["attr.data-size-y"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":218,"character":5}}]}],"col":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":221,"character":5},"arguments":["attr.data-col"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":5}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":226,"character":5},"arguments":["attr.data-row"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":227,"character":5}}]}],"setSizeFromOptions":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"handleConfig":[{"__symbolic":"method"}],"openConfigDialog":[{"__symbolic":"method"}],"openSaveDialog":[{"__symbolic":"method"}],"handleOptionClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getMergedProps":[{"__symbolic":"method"}],"emitConfigChanged":[{"__symbolic":"method"}]}},"AXWidgetBoardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXSearchBoxModule","line":25,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXLoadingModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":27,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXProppertyEditorModule","line":28,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXPageModule","line":29,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXToolbarModule","line":30,"character":8},{"__symbolic":"reference","module":"@acorex/core","name":"AXTranslatorModule","line":31,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXLabelModule","line":32,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXTextAreaModule","line":33,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXFieldsetModule","line":34,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXTextBoxModule","line":35,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXFormGroupModule","line":36,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXTabStripModule","line":37,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXCheckBoxModule","line":38,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXMenuModule","line":39,"character":8},{"__symbolic":"reference","module":"@acorex/core","name":"AXTranslatorModule","line":40,"character":8},{"__symbolic":"reference","module":"@acorex/components","name":"AXValidationModule","line":41,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":42,"character":8},"member":"forChild"},"arguments":[[{"component":{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"},"path":"ax/editors/widget-size"}]]}],"exports":[{"__symbolic":"reference","name":"AXWidgetBoardComponent"},{"__symbolic":"reference","module":"@acorex/components","name":"AXProppertyEditorModule","line":49,"character":38}],"declarations":[{"__symbolic":"reference","name":"AXWidgetBoardComponent"},{"__symbolic":"reference","name":"AXWidgetHostComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"providers":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"AXWidgetSizePropertyEditorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@acorex/components","name":"AXProperyEditorComponent","line":6,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"template":"<div style=\"display: flex;\">\r\n    <div style=\"margin-inline-end: 0.5em;flex: calc(50% - 0.25em);\">\r\n        <ax-number-box (onValueChanged)=\"handleMinValueChange($event)\" [value]=\"sizeX\" [min]=\"minX\" [max]=\"maxX\">\r\n        </ax-number-box>\r\n    </div>\r\n    <div style=\"flex: calc(50% - 0.25em);\">\r\n        <ax-number-box (onValueChanged)=\"handleMaxValueChange($event)\" [value]=\"sizeY\" [min]=\"minY\" [max]=\"maxY\">\r\n        </ax-number-box>\r\n    </div>\r\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":18,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"handleMinValueChange":[{"__symbolic":"method"}],"handleMaxValueChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AXWidgetSizePropertyEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":28},{"__symbolic":"reference","module":"@acorex/components","name":"AXNumberBoxModule","line":12,"character":41}],"exports":[{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"}],"entryComponents":[{"__symbolic":"reference","name":"AXWidgetSizePropertyEditorComponent"}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@acorex/components","name":"AXBasePopupPageComponent","line":12,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"template":"<ax-page>\r\n    <ax-page-content>\r\n        <div class=\"container\">\r\n            <ax-validation-form #form>\r\n                <div class=\"row\" *ngFor=\"let p of displayProps; trackBy: identify\">\r\n                    <div class=\"col-12\">\r\n                        <ax-label>{{p.property.title | trans}}</ax-label>\r\n                        <ng-container ax-property-editor-renderer [property]=\"p\" [context]=\"context\" [host]=\"widget\"  [validationForm]=\"form\"\r\n                            (onValueChange)=\"handleValueChange($event)\">\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </ax-validation-form>\r\n        </div>\r\n    </ax-page-content>\r\n</ax-page>"}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":[{"__symbolic":"reference","module":"@acorex/components","name":"AXValidationFormComponent","line":14,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":29}]}],"getFooterButtons":[{"__symbolic":"method"}],"onFooterButtonClick":[{"__symbolic":"method"}],"handleValueChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"updateContext":[{"__symbolic":"method"}],"identify":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@acorex/components","name":"AXBasePopupPageComponent","line":17,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"template":"<ax-page>\r\n    <ax-page-content>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <ax-form-group>\r\n                        <ax-label>{{'common.title' | trans}}</ax-label>\r\n                        <ax-text-box [(value)]=\"data.title\"></ax-text-box>\r\n                    </ax-form-group>\r\n                </div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <ax-form-group>\r\n                        <ax-label>{{'common.description' | trans}}</ax-label>\r\n                        <ax-text-area [(value)]=\"data.description\"></ax-text-area>\r\n                    </ax-form-group>\r\n                </div>\r\n            </div>\r\n            <!-- <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <ax-form-group>\r\n                        <ax-label>{{'common.uniquename' | trans}}</ax-label>\r\n                        <ax-text-box></ax-text-box>\r\n                    </ax-form-group>\r\n                </div>\r\n            </div> -->\r\n            <div class=\"row\" style=\"margin-block-end: var(--ax-size-md);margin-block-start: var(--ax-size-md);\">\r\n                <div class=\"col-12\">\r\n                    <ax-fieldset caption=\"{{'widget-board.configurable-props' | trans}}\">\r\n                        <div class=\"row\" *ngFor=\"let prop of displayProps\">\r\n                            <div class=\"col-12\" style=\"margin-block-end: var(--ax-size-sm)\">\r\n                                <ax-check-box [(value)]=\"prop.allow\" label=\"{{ prop.title | trans }}\">\r\n\r\n                                </ax-check-box>\r\n                            </div>\r\n                        </div>\r\n                    </ax-fieldset>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ax-page-content>\r\n</ax-page>"}]}],"members":{"getFooterButtons":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onFooterButtonClick":[{"__symbolic":"method"}]}}},"origins":{"AXWidgetConfig":"./lib/widget-board/widget.class","AXWidgetConfigChanged":"./lib/widget-board/widget.class","AXWidgetBoardConfigChanged":"./lib/widget-board/widget.class","AXWidgetConfigSavedEvent":"./lib/widget-board/widget.class","AXWidgetSaveAsData":"./lib/widget-board/widget.class","AXWidgetComponent":"./lib/widget-board/widget.class","AXWidgetBoardComponent":"./lib/widget-board/widget-board.component","AXWidgetHostComponent":"./lib/widget-board/widget-host.component","AXWidgetBoardModule":"./lib/widget-board/widget-board.module","AXWidgetSizePropertyEditorComponent":"./lib/widget-board/editors/widget-size-editor/widget-size.editor","AXWidgetSizePropertyEditorModule":"./lib/widget-board/editors/widget-size-editor/widget-size.module","ɵa":"./lib/widget-board/widget-config.component","ɵb":"./lib/widget-board/widget-save.component"},"importAs":"@acorex/layout"}

package/bundles/acorex-layout.umd.js

@@ -638,6 +638,16 @@
                             this._widget['__meta__'] = {};
                             this._widget['__meta__'].config = this.config;
                             //
+                            this.configMenuItem[0].items.push({
+                                name: 'refresh',
+                                icon: 'far fa-undo',
+                                text: core$1.AXTranslator.get('common.refresh'),
+                                onClick: function () {
+                                    var _a, _b;
+                                    (_b = (_a = _this) === null || _a === void 0 ? void 0 : _a.widget) === null || _b === void 0 ? void 0 : _b.refresh();
+                                }
+                            });
+                            //
                             if (this._hasProps) {
                                 this.configMenuItem[0].items.push({
                                     name: 'configs',
@@ -840,7 +850,7 @@
         AXWidgetHostComponent = __decorate([
             core.Component({
                 selector: 'ax-widget-host',
-                template: "<div class='widget-container'>\r\n    <div class=\"widget-config-overlay\" *ngIf=\"!isConfigured\" (click)=\"handleConfig($event)\">\r\n        <div class=\"widget-title\">{{config.title}}</div>\r\n        <div class=\"widget-config-box\">\r\n            <div class=\"config-title\">{{ 'widget-board.configure' | trans}}</div>\r\n            <div class=\"config-icon\"><i class=\"fas fa-cogs fa-5x\"></i></div>\r\n        </div>\r\n    </div>\r\n    <div class='widget-edit-overlay'>\r\n        <div class='widget-edit-menu'>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"handleConfig($event)\"\r\n                (mousedown)=\"$event.stopPropagation()\" *ngIf=\"_hasProps\" (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-cogs\"></i>\r\n            </button>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"remove($event)\" (mousedown)=\"$event.stopPropagation()\"\r\n                (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-times\"></i>\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"widget-options-menu\"  *ngIf=\"_hasMenu\">\r\n        <ax-menu [items]='configMenuItem' direction=\"horizontal\"></ax-menu>\r\n    </div>\r\n    <!-- <ax-loading-panel [visible]=\"isBusy\">\r\n    </ax-loading-panel> -->\r\n    <div class=\"widget-content\">\r\n        <ng-container #vc></ng-container>\r\n    </div>\r\n</div>",
+                template: "<div class='widget-container'>\r\n    <div class=\"widget-config-overlay\" *ngIf=\"!isConfigured\" (click)=\"handleConfig($event)\">\r\n        <div class=\"widget-title\">{{config.title}}</div>\r\n        <div class=\"widget-config-box\">\r\n            <div class=\"config-title\">{{ 'widget-board.configure' | trans}}</div>\r\n            <div class=\"config-icon\"><i class=\"fas fa-cogs fa-5x\" aria-hidden=\"true\"></i></div>\r\n        </div>\r\n    </div>\r\n    <div class='widget-edit-overlay'>\r\n        <div class='widget-edit-menu'>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"handleConfig($event)\"\r\n                (mousedown)=\"$event.stopPropagation()\" *ngIf=\"_hasProps\" (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-cogs\" aria-hidden=\"true\"></i>\r\n            </button>\r\n            <button class=\"widget-edit-menu-button\" (click)=\"remove($event)\" (mousedown)=\"$event.stopPropagation()\"\r\n                (mouseup)=\"$event.stopPropagation()\">\r\n                <i class=\"far fa-times\" aria-hidden=\"true\"></i>\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"widget-options-menu\"  *ngIf=\"_hasMenu\">\r\n        <ax-menu [items]='configMenuItem' direction=\"horizontal\"></ax-menu>\r\n    </div>\r\n    <!-- <ax-loading-panel [visible]=\"isBusy\">\r\n    </ax-loading-panel> -->\r\n    <div class=\"widget-content\">\r\n        <ng-container #vc></ng-container>\r\n    </div>\r\n</div>",
                 host: { class: 'ax widget-host', tabindex: '0' },
                 encapsulation: core.ViewEncapsulation.None,
                 changeDetection: core.ChangeDetectionStrategy.OnPush
@@ -1376,7 +1386,7 @@
             }
         };
         AXWidgetSizePropertyEditorComponent.prototype.ngAfterViewInit = function () {
-            this.initiated = true;
+            this.onRenderCompleted.emit();
         };
         AXWidgetSizePropertyEditorComponent.ctorParameters = function () { return [
             { type: core.ChangeDetectorRef }
@@ -1390,22 +1400,6 @@
         return AXWidgetSizePropertyEditorComponent;
     }(components.AXProperyEditorComponent));
 
-    var AXWidgetSizePropertyEditorModule = /** @class */ (function () {
-        function AXWidgetSizePropertyEditorModule() {
-        }
-        AXWidgetSizePropertyEditorModule = __decorate([
-            core.NgModule({
-                declarations: [AXWidgetSizePropertyEditorComponent],
-                imports: [common.CommonModule, forms.FormsModule, components.AXNumberBoxModule],
-                exports: [AXWidgetSizePropertyEditorComponent],
-                entryComponents: [AXWidgetSizePropertyEditorComponent],
-                providers: [],
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXWidgetSizePropertyEditorModule);
-        return AXWidgetSizePropertyEditorModule;
-    }());
-
     var AXWidgetBoardModule = /** @class */ (function () {
         /**
          *
@@ -1444,7 +1438,6 @@
                     components.AXCheckBoxModule,
                     components.AXMenuModule,
                     core$1.AXTranslatorModule,
-                    AXWidgetSizePropertyEditorModule,
                     components.AXValidationModule,
                     router.RouterModule.forChild([
                         {
@@ -1463,6 +1456,21 @@
         return AXWidgetBoardModule;
     }());
 
+    var AXWidgetSizePropertyEditorModule = /** @class */ (function () {
+        function AXWidgetSizePropertyEditorModule() {
+        }
+        AXWidgetSizePropertyEditorModule = __decorate([
+            core.NgModule({
+                declarations: [AXWidgetSizePropertyEditorComponent],
+                imports: [common.CommonModule, forms.FormsModule, components.AXNumberBoxModule],
+                exports: [AXWidgetSizePropertyEditorComponent],
+                entryComponents: [AXWidgetSizePropertyEditorComponent],
+                providers: [],
+            })
+        ], AXWidgetSizePropertyEditorModule);
+        return AXWidgetSizePropertyEditorModule;
+    }());
+
     exports.AXWidgetBoardComponent = AXWidgetBoardComponent;
     exports.AXWidgetBoardModule = AXWidgetBoardModule;
     exports.AXWidgetComponent = AXWidgetComponent;