@sd-angular/core 1.1.70 → 1.1.73

package/bundles/sd-angular-core-popover.umd.min.js

@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;Object.create;function v(e,o,t,r){if("a"===t&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?e!==o||!r:!o.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?r:"a"===t?r.call(e):r?r.value:o.get(e)}function u(e,o,t,r,n){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?e!==o||!n:!o.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?n.call(e,t):n?n.value=t:o.set(e,t),t}var f,h=function(e){this.templateRef=e};h.decorators=[{type:o.Directive,args:[{selector:"[sdPopoverContent]"}]}],h.ctorParameters=function(){return[{type:o.TemplateRef}]};var b,g,w,m,y,x,k,C,P,O,M,T,E=function(){function e(e,t){var n=this;this.cdRef=e,this.deviceService=t,this.classList={},this.panelId="sd-popover-panel-"+r.v4(),this.isMobileOrTablet=!1,this.mouseState$=new p.BehaviorSubject(!1),this.trigger=null,this.panelClass="",this.width="sm",this.height="auto",this.type="normal",f.set(this,void 0),this.closed=new o.EventEmitter,this.close=function(){n.mouseState$.next(!1),n.closed.emit()},this.setPositionClasses=function(e){var o;void 0===e&&(e=n.position);var t=n.classList;t["sd-popover-above"]="above"===e,t["sd-popover-below"]="below"===e,null===(o=n.cdRef)||void 0===o||o.markForCheck()},this.addArrowTranslateX=function(e){var o=document.querySelector("#"+n.panelId+" .sd-popover-arrow");if(o&&e)try{var t=window.getComputedStyle(o),r=new WebKitCSSMatrix(t.transform),p=r.m41+e,a=r.m42;o.style.transform="translateX("+p+"px) translateY("+a+"px)"}catch(e){}},this.setMouseState=function(e){if(!e){var o=document.activeElement,t=n.panel.nativeElement;if(null==t?void 0:t.contains(o))return}n.mouseState$.next(e)},this.isMobileOrTablet=!t.isDesktop()}return Object.defineProperty(e.prototype,"position",{get:function(){return v(this,f)},set:function(e){u(this,f,e),this.setPositionClasses()},enumerable:!1,configurable:!0}),e.prototype._hostClick=function(e){var o;(null===(o=this.panel)||void 0===o?void 0:o.nativeElement)&&(this.panel.nativeElement.contains(e)||this.setMouseState(!1))},e.prototype.ngOnChanges=function(e){var o;if(e.type){var t=e.type.currentValue,r=e.type.previousValue;this.classList=null!==(o=this.classList)&&void 0!==o?o:{"sd-popover--normal":!0},r&&(this.classList["sd-popover--"+r]=!1),t&&(this.classList["sd-popover--"+t]=!0)}},e.prototype.ngOnInit=function(){if(this.setPositionClasses(),this.width=this.width||"80vw",!this.isMobileOrTablet)switch(this.width){case"lg":this.width="80vw";break;case"md":this.width="60vw";break;case"sm":this.width="40vw"}},e.prototype.ngOnDestroy=function(){this.closed.complete(),this.mouseState$.complete()},e}();f=new WeakMap,E.decorators=[{type:o.Component,args:[{selector:"sd-popover",template:'<ng-template let-data="data">\r\n  <div\r\n    class="sd-popover-panel mat-elevation-z6"\r\n    [id]="panelId"\r\n    [ngClass]="classList"\r\n    tabindex="-1"\r\n    role="menu"\r\n    (mouseenter)="setMouseState(true)"\r\n    (mouseleave)="setMouseState(false)"\r\n    cdkTrapFocus\r\n    #panel\r\n  >\r\n    <div class="sd-popover-content bg-white p-16">\r\n      <ng-container *ngIf="popoverContent?.templateRef">\r\n        <ng-container *ngTemplateOutlet="popoverContent.templateRef; context:{data: data}"></ng-container>\r\n      </ng-container>\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class="sd-popover-arrow"></div>\r\n  </div>\r\n</ng-template>',encapsulation:o.ViewEncapsulation.None,exportAs:"sdPopover",changeDetection:o.ChangeDetectionStrategy.OnPush,styles:['.text-black400{color:#757575}.sd-popover-panel{background:#fff;position:relative}.sd-popover-panel .sd-popover-arrow{clear:both;height:0;left:50%;position:absolute;width:0}.sd-popover-panel.sd-popover-above .sd-popover-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%;transform:translateX(-6px) translateY(-1px)}.sd-popover-panel.sd-popover-above:after{content:" ";display:block;height:16px;position:absolute;width:100%}.sd-popover-panel.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fff;border-style:solid;border-width:0 12px 12px;bottom:100%;transform:translateX(-6px) translateY(1px)}.sd-popover-panel.sd-popover-below:before{content:" ";display:block;height:16px;position:absolute;width:100%}.sd-popover--normal{background:#fff;color:#000}.sd-popover--normal.sd-popover-above .sd-popover-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--normal.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--primary{background:#e7e9ff;color:#2962ff}.sd-popover--primary.sd-popover-above .sd-popover-arrow{border-color:#e7e9ff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--primary.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #e7e9ff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--info{background:#e7e9ff;color:#2962ff}.sd-popover--info.sd-popover-above .sd-popover-arrow{border-color:#e7e9ff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--info.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #e7e9ff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--success{background:#dbefdc;color:#4caf50}.sd-popover--success.sd-popover-above .sd-popover-arrow{border-color:#dbefdc transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--success.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #dbefdc;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--warning{background:#ffeacc;color:#ff9600}.sd-popover--warning.sd-popover-above .sd-popover-arrow{border-color:#ffeacc transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--warning.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #ffeacc;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--danger{background:#fed5d0;color:#f82c13}.sd-popover--danger.sd-popover-above .sd-popover-arrow{border-color:#fed5d0 transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--danger.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fed5d0;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover-content{padding:16px}']}]}],E.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:n.DeviceDetectorService}]},E.propDecorators={templateRef:[{type:o.ViewChild,args:[o.TemplateRef]}],panel:[{type:o.ViewChild,args:["panel"]}],popoverContent:[{type:o.ContentChild,args:[h]}],panelClass:[{type:o.Input}],width:[{type:o.Input}],height:[{type:o.Input}],type:[{type:o.Input}],position:[{type:o.Input}],closed:[{type:o.Output}],_hostClick:[{type:o.HostListener,args:["document:click",["$event.target"]]}]};var R=function(){function e(e,t,r,n,a,i,l){var c=this;this._overlay=e,this._element=t,this._ngZone=r,this.viewContainerRef=n,this.elementRef=a,this.platform=i,this._dir=l,b.set(this,null),g.set(this,p.Subscription.EMPTY),w.set(this,void 0),m.set(this,new p.Subject),this.popoverOpen=!1,y.set(this,void 0),this.popoverOpened=new o.EventEmitter,this.popoverClosed=new o.EventEmitter,this.openPopover=function(){if(!c.popoverOpen){var e=v(c,C).call(c),o=e.getConfig(),t=o.positionStrategy;v(c,P).call(c,t),o.hasBackdrop=!1,e.attach(v(c,k).call(c)),c.popover.trigger=c,v(c,x).call(c,!0)}},this.closePopover=function(){c.popover.closed.emit()},x.set(this,(function(e){c.popoverOpen=e,c.popoverOpen?c.popoverOpened.emit():c.popoverClosed.emit()})),k.set(this,(function(){var e;return v(c,w)&&v(c,w).templateRef===c.popover.templateRef&&(null===(e=v(c,w).context)||void 0===e?void 0:e.data)===c.popoverData||u(c,w,new d.TemplatePortal(c.popover.templateRef,c.viewContainerRef,{data:c.popoverData})),v(c,w)})),C.set(this,(function(){if(!v(c,b)){var e=v(c,O).call(c);v(c,M).call(c,e.positionStrategy),u(c,b,c._overlay.create(e))}return v(c,b)})),P.set(this,(function(e){var o="top",t="bottom";switch(c.popover.position){case"above":o="top",t="bottom";break;case"below":o="bottom",t="top"}e.withPositions([{originX:"center",originY:o,overlayX:"center",overlayY:t,offsetY:"top"==o?-16:16},{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom",offsetX:0,offsetY:-16},{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top",offsetX:0,offsetY:16}])})),O.set(this,(function(){return new s.OverlayConfig({positionStrategy:c._overlay.position().flexibleConnectedTo(c._element).withLockedPosition().withGrowAfterOpen().withTransformOriginOn(".sd-popover-panel"),backdropClass:"cdk-overlay-transparent-backdrop",panelClass:c.popover.panelClass,direction:c._dir,width:c.popover.width,height:c.popover.height})})),M.set(this,(function(e){c.popover.setPositionClasses&&e.positionChanges.subscribe((function(e){var o,t="top"===e.connectionPair.overlayY?"below":"above";c._ngZone?c._ngZone.run((function(){return c.popover.setPositionClasses(t)})):c.popover.setPositionClasses(t);var r=c.elementRef.nativeElement,n=null===(o=c.viewContainerRef.get(0))||void 0===o?void 0:o.rootNodes[0];if(r&&n){var p=r.getBoundingClientRect(),a=n.getBoundingClientRect(),s=p.left+p.width/2-(a.left+a.width/2);c.popover.addArrowTranslateX(s)}}))})),T.set(this,(function(){v(c,b)&&c.popoverOpen&&(v(c,b).detach(),v(c,x).call(c,!1))}))}return Object.defineProperty(e.prototype,"popover",{get:function(){return v(this,y)},set:function(e){var o=this;e!==v(this,y)&&(u(this,y,e),v(this,g).unsubscribe(),e&&u(this,g,e.closed.subscribe((function(){v(o,T).call(o)}))))},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;if(this.popover){var o=this.elementRef.nativeElement,t=p.merge(p.fromEvent(o,"mouseenter").pipe(l.mapTo(!0)),p.fromEvent(o,"mouseleave").pipe(l.mapTo(!1))),r=this.popover.mouseState$.pipe(l.filter((function(o){return!e.popover.trigger||e.popover.trigger==e})));p.merge(r,t).pipe(l.debounceTime(100),l.distinctUntilChanged(),l.filter((function(){return e.platform.isBrowser})),l.takeUntil(v(this,m))).subscribe((function(o){o?e.openPopover():e.closePopover()}))}},e.prototype.ngOnDestroy=function(){v(this,m).next(),v(this,m).complete(),v(this,b)&&(v(this,b).dispose(),u(this,b,null))},e}();b=new WeakMap,g=new WeakMap,w=new WeakMap,m=new WeakMap,y=new WeakMap,x=new WeakMap,k=new WeakMap,C=new WeakMap,P=new WeakMap,O=new WeakMap,M=new WeakMap,T=new WeakMap,R.decorators=[{type:o.Directive,args:[{selector:"[sdPopoverTriggerFor]",host:{"aria-haspopup":"true",class:"sd-popover-trigger"},exportAs:"sdPopoverTrigger"}]}],R.ctorParameters=function(){return[{type:s.Overlay},{type:o.ElementRef},{type:o.NgZone},{type:o.ViewContainerRef},{type:o.ElementRef},{type:i.Platform},{type:a.Directionality,decorators:[{type:o.Optional}]}]},R.propDecorators={popover:[{type:o.Input,args:["sdPopoverTriggerFor"]}],popoverData:[{type:o.Input,args:["sdPopoverData"]}],popoverOpened:[{type:o.Output}],popoverClosed:[{type:o.Output}]};var S=function(){};S.decorators=[{type:o.NgModule,args:[{declarations:[E,R,h],imports:[t.CommonModule,c.A11yModule],exports:[E,R,h]}]}],e.PopoverComponent=E,e.PopoverContentDirective=h,e.PopoverTriggerDirective=R,e.SdPopoverModule=S,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;Object.create;function v(e,o,t,r){if("a"===t&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?e!==o||!r:!o.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?r:"a"===t?r.call(e):r?r.value:o.get(e)}function u(e,o,t,r,n){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?e!==o||!n:!o.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?n.call(e,t):n?n.value=t:o.set(e,t),t}var f,h=function(e){this.templateRef=e};h.decorators=[{type:o.Directive,args:[{selector:"[sdPopoverContent]"}]}],h.ctorParameters=function(){return[{type:o.TemplateRef}]};var b,g,w,m,y,x,k,C,P,O,M,T,E=function(){function e(e,t){var n=this;this.cdRef=e,this.deviceService=t,this.classList={},this.panelId="sd-popover-panel-"+r.v4(),this.isMobileOrTablet=!1,this.mouseState$=new p.BehaviorSubject(!1),this.trigger=null,this.panelClass="",this.width="sm",this.height="auto",this.type="normal",f.set(this,void 0),this.closed=new o.EventEmitter,this.close=function(){n.mouseState$.next(!1),n.closed.emit()},this.setPositionClasses=function(e){var o;void 0===e&&(e=n.position);var t=n.classList;t["sd-popover-above"]="above"===e,t["sd-popover-below"]="below"===e,null===(o=n.cdRef)||void 0===o||o.markForCheck()},this.addArrowTranslateX=function(e){var o=document.querySelector("#"+n.panelId+" .sd-popover-arrow");if(o&&e)try{var t=window.getComputedStyle(o),r=new WebKitCSSMatrix(t.transform),p=r.m41+e,a=r.m42;o.style.transform="translateX("+p+"px) translateY("+a+"px)"}catch(e){}},this.setMouseState=function(e){if(!e){var o=document.activeElement,t=n.panel.nativeElement;if(null==t?void 0:t.contains(o))return}n.mouseState$.next(e)},this.isMobileOrTablet=!t.isDesktop()}return Object.defineProperty(e.prototype,"position",{get:function(){return v(this,f)},set:function(e){u(this,f,e),this.setPositionClasses()},enumerable:!1,configurable:!0}),e.prototype._hostClick=function(e){var o;(null===(o=this.panel)||void 0===o?void 0:o.nativeElement)&&(this.panel.nativeElement.contains(e)||this.setMouseState(!1))},e.prototype.ngOnChanges=function(e){var o;if(e.type){var t=e.type.currentValue,r=e.type.previousValue;this.classList=null!==(o=this.classList)&&void 0!==o?o:{"sd-popover--normal":!0},r&&(this.classList["sd-popover--"+r]=!1),t&&(this.classList["sd-popover--"+t]=!0)}},e.prototype.ngOnInit=function(){if(this.setPositionClasses(),this.width=this.width||"80vw",!this.isMobileOrTablet)switch(this.width){case"lg":this.width="80vw";break;case"md":this.width="60vw";break;case"sm":this.width="40vw"}},e.prototype.ngOnDestroy=function(){this.closed.complete(),this.mouseState$.complete()},e}();f=new WeakMap,E.decorators=[{type:o.Component,args:[{selector:"sd-popover",template:'<ng-template let-data="data">\r\n  <div\r\n    class="sd-popover-panel mat-elevation-z6"\r\n    [id]="panelId"\r\n    [ngClass]="classList"\r\n    tabindex="-1"\r\n    role="menu"\r\n    (mouseenter)="setMouseState(true)"\r\n    (mouseleave)="setMouseState(false)"\r\n    cdkTrapFocus\r\n    #panel\r\n  >\r\n    <div class="sd-popover-content bg-white p-16">\r\n      <ng-container *ngIf="popoverContent?.templateRef">\r\n        <ng-container *ngTemplateOutlet="popoverContent.templateRef; context:{data: data}"></ng-container>\r\n      </ng-container>\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class="sd-popover-arrow"></div>\r\n  </div>\r\n</ng-template>',encapsulation:o.ViewEncapsulation.None,exportAs:"sdPopover",changeDetection:o.ChangeDetectionStrategy.OnPush,styles:['.text-black400{color:#757575}.sd-popover-panel{background:#fff;position:relative}.sd-popover-panel .sd-popover-arrow{clear:both;height:0;left:50%;position:absolute;width:0}.sd-popover-panel.sd-popover-above .sd-popover-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%;transform:translateX(-6px) translateY(-1px)}.sd-popover-panel.sd-popover-above:after{content:" ";display:block;height:16px;position:absolute;width:100%}.sd-popover-panel.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fff;border-style:solid;border-width:0 12px 12px;bottom:100%;transform:translateX(-6px) translateY(1px)}.sd-popover-panel.sd-popover-below:before{content:" ";display:block;height:16px;position:absolute;width:100%}.sd-popover--normal{background:#fff;color:#000}.sd-popover--normal.sd-popover-above .sd-popover-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--normal.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--primary{background:#e7e9ff;color:#2962ff}.sd-popover--primary.sd-popover-above .sd-popover-arrow{border-color:#e7e9ff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--primary.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #e7e9ff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--info{background:#e7e9ff;color:#2962ff}.sd-popover--info.sd-popover-above .sd-popover-arrow{border-color:#e7e9ff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--info.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #e7e9ff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--success{background:#dbefdc;color:#4caf50}.sd-popover--success.sd-popover-above .sd-popover-arrow{border-color:#dbefdc transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--success.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #dbefdc;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--warning{background:#ffeacc;color:#ff9600}.sd-popover--warning.sd-popover-above .sd-popover-arrow{border-color:#ffeacc transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--warning.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #ffeacc;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--danger{background:#fed5d0;color:#f82c13}.sd-popover--danger.sd-popover-above .sd-popover-arrow{border-color:#fed5d0 transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--danger.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fed5d0;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover-content{padding:16px}']}]}],E.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:n.DeviceDetectorService}]},E.propDecorators={templateRef:[{type:o.ViewChild,args:[o.TemplateRef]}],panel:[{type:o.ViewChild,args:["panel"]}],popoverContent:[{type:o.ContentChild,args:[h]}],panelClass:[{type:o.Input}],width:[{type:o.Input}],height:[{type:o.Input}],type:[{type:o.Input}],position:[{type:o.Input}],closed:[{type:o.Output}],_hostClick:[{type:o.HostListener,args:["document:click",["$event.target"]]}]};var R=function(){function e(e,t,r,n,a,i,l){var c=this;this._overlay=e,this._element=t,this._ngZone=r,this.viewContainerRef=n,this.elementRef=a,this.platform=i,this._dir=l,b.set(this,null),g.set(this,p.Subscription.EMPTY),w.set(this,void 0),m.set(this,new p.Subject),this.popoverOpen=!1,y.set(this,void 0),this.disabled=!1,this.popoverOpened=new o.EventEmitter,this.popoverClosed=new o.EventEmitter,this.openPopover=function(){if(!c.popoverOpen){var e=v(c,C).call(c),o=e.getConfig(),t=o.positionStrategy;v(c,P).call(c,t),o.hasBackdrop=!1,e.attach(v(c,k).call(c)),c.popover.trigger=c,v(c,x).call(c,!0)}},this.closePopover=function(){c.popover.closed.emit()},x.set(this,(function(e){c.popoverOpen=e,c.popoverOpen?c.popoverOpened.emit():c.popoverClosed.emit()})),k.set(this,(function(){var e;return v(c,w)&&v(c,w).templateRef===c.popover.templateRef&&(null===(e=v(c,w).context)||void 0===e?void 0:e.data)===c.popoverData||u(c,w,new d.TemplatePortal(c.popover.templateRef,c.viewContainerRef,{data:c.popoverData})),v(c,w)})),C.set(this,(function(){if(!v(c,b)){var e=v(c,O).call(c);v(c,M).call(c,e.positionStrategy),u(c,b,c._overlay.create(e))}return v(c,b)})),P.set(this,(function(e){var o="top",t="bottom";switch(c.popover.position){case"above":o="top",t="bottom";break;case"below":o="bottom",t="top"}e.withPositions([{originX:"center",originY:o,overlayX:"center",overlayY:t,offsetY:"top"==o?-16:16},{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom",offsetX:0,offsetY:-16},{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top",offsetX:0,offsetY:16}])})),O.set(this,(function(){return new s.OverlayConfig({positionStrategy:c._overlay.position().flexibleConnectedTo(c._element).withLockedPosition().withGrowAfterOpen().withTransformOriginOn(".sd-popover-panel"),backdropClass:"cdk-overlay-transparent-backdrop",panelClass:c.popover.panelClass,direction:c._dir,width:c.popover.width,height:c.popover.height})})),M.set(this,(function(e){c.popover.setPositionClasses&&e.positionChanges.subscribe((function(e){var o,t="top"===e.connectionPair.overlayY?"below":"above";c._ngZone?c._ngZone.run((function(){return c.popover.setPositionClasses(t)})):c.popover.setPositionClasses(t);var r=c.elementRef.nativeElement,n=null===(o=c.viewContainerRef.get(0))||void 0===o?void 0:o.rootNodes[0];if(r&&n){var p=r.getBoundingClientRect(),a=n.getBoundingClientRect(),s=p.left+p.width/2-(a.left+a.width/2);c.popover.addArrowTranslateX(s)}}))})),T.set(this,(function(){v(c,b)&&c.popoverOpen&&(v(c,b).detach(),v(c,x).call(c,!1))}))}return Object.defineProperty(e.prototype,"popover",{get:function(){return v(this,y)},set:function(e){var o=this;e!==v(this,y)&&(u(this,y,e),v(this,g).unsubscribe(),e&&u(this,g,e.closed.subscribe((function(){v(o,T).call(o)}))))},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;if(this.popover){var o=this.elementRef.nativeElement,t=p.merge(p.fromEvent(o,"mouseenter").pipe(l.mapTo(!0)),p.fromEvent(o,"mouseleave").pipe(l.mapTo(!1))),r=this.popover.mouseState$.pipe(l.filter((function(o){return!e.popover.trigger||e.popover.trigger==e})));p.merge(r,t).pipe(l.debounceTime(100),l.distinctUntilChanged(),l.filter((function(){return e.platform.isBrowser})),l.takeUntil(v(this,m))).subscribe((function(o){o&&!e.disabled?e.openPopover():e.closePopover()}))}},e.prototype.ngOnDestroy=function(){v(this,m).next(),v(this,m).complete(),v(this,b)&&(v(this,b).dispose(),u(this,b,null))},e}();b=new WeakMap,g=new WeakMap,w=new WeakMap,m=new WeakMap,y=new WeakMap,x=new WeakMap,k=new WeakMap,C=new WeakMap,P=new WeakMap,O=new WeakMap,M=new WeakMap,T=new WeakMap,R.decorators=[{type:o.Directive,args:[{selector:"[sdPopoverTriggerFor]",host:{"aria-haspopup":"true",class:"sd-popover-trigger"},exportAs:"sdPopoverTrigger"}]}],R.ctorParameters=function(){return[{type:s.Overlay},{type:o.ElementRef},{type:o.NgZone},{type:o.ViewContainerRef},{type:o.ElementRef},{type:i.Platform},{type:a.Directionality,decorators:[{type:o.Optional}]}]},R.propDecorators={popover:[{type:o.Input,args:["sdPopoverTriggerFor"]}],popoverData:[{type:o.Input,args:["sdPopoverData"]}],disabled:[{type:o.Input,args:["sdPopoverDisabled"]}],popoverOpened:[{type:o.Output}],popoverClosed:[{type:o.Output}]};var S=function(){};S.decorators=[{type:o.NgModule,args:[{declarations:[E,R,h],imports:[t.CommonModule,c.A11yModule],exports:[E,R,h]}]}],e.PopoverComponent=E,e.PopoverContentDirective=h,e.PopoverTriggerDirective=R,e.SdPopoverModule=S,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-popover.umd.min.js.map

package/bundles/sd-angular-core-popover.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/popover/src/lib/directives/popover-content.directive.ts","../../../../projects/sd-core/popover/src/lib/popover/popover.component.ts","../../../../projects/sd-core/popover/src/lib/directives/popover-trigger.directive.ts","../../../../projects/sd-core/popover/src/lib/popover.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","templateRef","this","Directive","args","selector","TemplateRef","PopoverComponent","cdRef","deviceService","_this","classList","panelId","uuid.v4","isMobileOrTablet","mouseState$","BehaviorSubject","trigger","panelClass","width","height","type","_xPosition","closed","EventEmitter","close","next","emit","setPositionClasses","pos","position","classes","_a","markForCheck","addArrowTranslateX","offset","arrowElement","document","querySelector","style","window","getComputedStyle","matrix","WebKitCSSMatrix","transform","translateX","m41","translateY","m42","error","setMouseState","visible","activeElement","panelElement","panel","nativeElement","contains","isDesktop","defineProperty","prototype","_hostClick","targetElement","ngOnChanges","changes","currentValue","preType","previousValue","sd-popover--normal","ngOnInit","ngOnDestroy","complete","Component","template","encapsulation","ViewEncapsulation","None","exportAs","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","DeviceDetectorService","ViewChild","ContentChild","PopoverContentDirective","Input","Output","HostListener","PopoverTriggerDirective","_overlay","_element","_ngZone","viewContainerRef","elementRef","platform","_dir","_overlayRef","_popoverClose$","Subscription","EMPTY","_portal","_destroy$","Subject","popoverOpen","_popover","popoverOpened","popoverClosed","openPopover","overlayRef","_createOverlay","overlayConfig","getConfig","positionStrategy","_setPosition","hasBackdrop","attach","_getPortal","popover","_setIsPopoverOpen","closePopover","isOpen","context","data","popoverData","TemplatePortal","config","_getOverlayConfig","_subscribeToPositions","originY","overlayY","withPositions","originX","overlayX","offsetY","offsetX","OverlayConfig","flexibleConnectedTo","withLockedPosition","withGrowAfterOpen","withTransformOriginOn","backdropClass","direction","positionChanges","subscribe","change","connectionPair","run","originElement","overlayElement","rootNodes","originRect","getBoundingClientRect","overlayRect","left","_destroyPopover","detach","unsubscribe","ngAfterViewInit","hostMouseState$","merge","fromEvent","pipe","mapTo","popoverMouseState$","filter","v","debounceTime","distinctUntilChanged","isBrowser","takeUntil","dispose","host","aria-haspopup","class","Overlay","ElementRef","NgZone","ViewContainerRef","Platform","Directionality","decorators","Optional","NgModule","declarations","imports","CommonModule","A11yModule","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdPopoverContent]'\r\n})\r\nexport class PopoverContentDirective {\r\n\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostListener,\r\n  Input,\r\n  OnDestroy,\r\n  OnInit,\r\n  Output,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ContentChild\r\n} from \"@angular/core\";\r\nimport { Position } from \"../popover.model\";\r\nimport * as uuid from \"uuid\";\r\nimport { DeviceDetectorService } from \"ngx-device-detector\";\r\nimport { BehaviorSubject } from \"rxjs\";\r\nimport { PopoverTriggerDirective } from \"../directives/popover-trigger.directive\";\r\nimport { PopoverContentDirective } from \"../directives/popover-content.directive\";\r\n\r\nexport interface SdPopover {\r\n  close: () => void;\r\n}\r\n\r\n@Component({\r\n  selector: \"sd-popover\",\r\n  templateUrl: \"./popover.component.html\",\r\n  styleUrls: [\"./popover.component.scss\"],\r\n  encapsulation: ViewEncapsulation.None,\r\n  exportAs: \"sdPopover\",\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class PopoverComponent implements SdPopover, OnChanges, OnInit, OnDestroy {\r\n  classList: Record<string, boolean> = {};\r\n  panelId = `sd-popover-panel-${uuid.v4()}`;\r\n  isMobileOrTablet = false;\r\n  mouseState$ = new BehaviorSubject<boolean>(false);\r\n  trigger: PopoverTriggerDirective = null;\r\n\r\n  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;\r\n  @ViewChild(\"panel\") panel: ElementRef<HTMLDivElement>;\r\n  @ContentChild(PopoverContentDirective) popoverContent: PopoverContentDirective\r\n\r\n  @Input() panelClass: string = \"\";\r\n  @Input() width: \"lg\" | \"md\" | \"sm\" | string = \"sm\";\r\n  @Input() height: string = \"auto\";\r\n  @Input() type: 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger' = \"normal\";\r\n  @Input()\r\n  get position(): Position {\r\n    return this.#xPosition;\r\n  }\r\n  set position(value: Position) {\r\n    this.#xPosition = value;\r\n    this.setPositionClasses();\r\n  }\r\n  #xPosition: Position;\r\n\r\n  @Output() readonly closed = new EventEmitter<void>();\r\n\r\n  @HostListener('document:click', ['$event.target'])\r\n  _hostClick(targetElement) {\r\n    if (this.panel?.nativeElement) {\r\n      const isInside = this.panel.nativeElement.contains(targetElement);\r\n      if (!isInside) {\r\n        this.setMouseState(false);\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(\r\n    private cdRef: ChangeDetectorRef,\r\n    private deviceService: DeviceDetectorService\r\n  ) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if(changes.type) {\r\n      const type = changes.type.currentValue;\r\n      const preType = changes.type.previousValue;\r\n      this.classList = this.classList ?? {\r\n        'sd-popover--normal': true\r\n      };\r\n      if (preType) {\r\n        this.classList[`sd-popover--${preType}`] = false;\r\n      }\r\n      if (type) {\r\n        this.classList[`sd-popover--${type}`] = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.setPositionClasses();\r\n    this.width = this.width || \"80vw\";\r\n    if (!this.isMobileOrTablet) {\r\n      switch (this.width) {\r\n        case \"lg\":\r\n          this.width = \"80vw\";\r\n          break;\r\n        case \"md\":\r\n          this.width = \"60vw\";\r\n          break;\r\n        case \"sm\":\r\n          this.width = \"40vw\";\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.closed.complete();\r\n    this.mouseState$.complete();\r\n  }\r\n\r\n  close = () => {\r\n    this.mouseState$.next(false);\r\n    this.closed.emit();\r\n  };\r\n\r\n  setPositionClasses = (pos: Position = this.position) => {\r\n    const classes = this.classList;\r\n    classes[\"sd-popover-above\"] = pos === \"above\";\r\n    classes[\"sd-popover-below\"] = pos === \"below\";\r\n\r\n    this.cdRef?.markForCheck();\r\n  };\r\n\r\n  addArrowTranslateX = (offset: number) => {\r\n    const arrowElement: HTMLElement = document.querySelector(`#${this.panelId} .sd-popover-arrow`);\r\n    if (arrowElement && offset) {\r\n      try {\r\n        const style = window.getComputedStyle(arrowElement);\r\n        const matrix = new WebKitCSSMatrix(style.transform);\r\n        const translateX = matrix.m41 + offset;\r\n        const translateY = matrix.m42;\r\n        arrowElement.style.transform = `translateX(${translateX}px) translateY(${translateY}px)`;\r\n      } catch (error) {}\r\n    }\r\n  };\r\n\r\n  setMouseState = (visible: boolean) => {\r\n    if (!visible) {\r\n      // chỉ được tắt khi đang không focus element nào bên trong panel\r\n      // tránh lỗi có control mở overlay khiến cho mất mouseenter ở panel\r\n      const activeElement = document.activeElement;\r\n      const panelElement = this.panel.nativeElement;\r\n      if (panelElement?.contains(activeElement)) {\r\n        return;\r\n      }\r\n    }\r\n    this.mouseState$.next(visible);\r\n  };\r\n}\r\n","import { Directionality } from \"@angular/cdk/bidi\";\r\nimport {\r\n  FlexibleConnectedPositionStrategy,\r\n  Overlay,\r\n  OverlayConfig,\r\n  OverlayRef,\r\n} from \"@angular/cdk/overlay\";\r\nimport { Platform } from \"@angular/cdk/platform\";\r\nimport { TemplatePortal } from \"@angular/cdk/portal\";\r\nimport {\r\n  AfterContentInit,\r\n  AfterViewInit,\r\n  Directive,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  NgZone,\r\n  OnDestroy,\r\n  Optional,\r\n  Output,\r\n  ViewContainerRef,\r\n} from \"@angular/core\";\r\nimport { fromEvent, merge, Subject, Subscription } from \"rxjs\";\r\nimport {\r\n  auditTime,\r\n  debounceTime,\r\n  distinctUntilChanged,\r\n  filter,\r\n  map,\r\n  mapTo,\r\n  takeUntil,\r\n  tap,\r\n} from \"rxjs/operators\";\r\nimport { Position } from \"../popover.model\";\r\nimport { PopoverComponent } from \"../popover/popover.component\";\r\n\r\n@Directive({\r\n  selector: \"[sdPopoverTriggerFor]\",\r\n  host: {\r\n    \"aria-haspopup\": \"true\",\r\n    class: \"sd-popover-trigger\",\r\n  },\r\n  exportAs: \"sdPopoverTrigger\",\r\n})\r\nexport class PopoverTriggerDirective implements AfterViewInit, OnDestroy {\r\n  #overlayRef: OverlayRef | null = null;\r\n  #popoverClose$ = Subscription.EMPTY;\r\n  #portal: TemplatePortal;\r\n  #destroy$ = new Subject();\r\n\r\n  popoverOpen = false;\r\n\r\n  @Input(\"sdPopoverTriggerFor\")\r\n  get popover() {\r\n    return this.#popover;\r\n  }\r\n  set popover(popover: PopoverComponent) {\r\n    if (popover === this.#popover) {\r\n      return;\r\n    }\r\n    this.#popover = popover;\r\n    this.#popoverClose$.unsubscribe();\r\n    if (popover) {\r\n      this.#popoverClose$ = popover.closed.subscribe(() => {\r\n        this.#destroyPopover();\r\n      });\r\n    }\r\n  }\r\n  #popover: PopoverComponent;\r\n\r\n  @Input(\"sdPopoverData\")\r\n  popoverData: any;\r\n\r\n  @Output() popoverOpened = new EventEmitter<void>();\r\n  @Output() popoverClosed = new EventEmitter<void>();\r\n\r\n  constructor(\r\n    private _overlay: Overlay,\r\n    private _element: ElementRef<HTMLElement>,\r\n    private _ngZone: NgZone,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private elementRef: ElementRef,\r\n    private platform: Platform,\r\n    @Optional() private _dir: Directionality\r\n  ) {}\r\n\r\n  ngAfterViewInit(): void {\r\n    if (this.popover) {\r\n      const nativeElement = this.elementRef.nativeElement;\r\n\r\n      const hostMouseState$ = merge(\r\n        fromEvent(nativeElement, \"mouseenter\").pipe(mapTo(true)),\r\n        fromEvent(nativeElement, \"mouseleave\").pipe(mapTo(false))\r\n      );\r\n\r\n      const popoverMouseState$ = this.popover.mouseState$.pipe(\r\n        // chỉ lấy luồng emit open bởi chính trigger (tránh lỗi nhiều trigger cho một popover)\r\n        filter((v) => !this.popover.trigger || this.popover.trigger == this)\r\n      );\r\n\r\n      const mergedMouseState$ = merge(popoverMouseState$, hostMouseState$);\r\n\r\n      mergedMouseState$\r\n        .pipe(\r\n          debounceTime(100),\r\n          distinctUntilChanged(),\r\n          filter(() => this.platform.isBrowser),\r\n          takeUntil(this.#destroy$)\r\n        )\r\n        .subscribe((visible) => {\r\n          if (visible) {\r\n            this.openPopover();\r\n          } else {\r\n            this.closePopover();\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#destroy$.next();\r\n    this.#destroy$.complete();\r\n    if (this.#overlayRef) {\r\n      this.#overlayRef.dispose();\r\n      this.#overlayRef = null;\r\n    }\r\n  }\r\n\r\n  openPopover = () => {\r\n    if (this.popoverOpen) {\r\n      return;\r\n    }\r\n\r\n    const overlayRef = this.#createOverlay();\r\n    const overlayConfig = overlayRef.getConfig();\r\n    const positionStrategy =\r\n      overlayConfig.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    this.#setPosition(positionStrategy);\r\n    overlayConfig.hasBackdrop = false;\r\n    overlayRef.attach(this.#getPortal());\r\n    this.popover.trigger = this;\r\n    this.#setIsPopoverOpen(true);\r\n  };\r\n\r\n  closePopover = () => {\r\n    this.popover.closed.emit();\r\n  };\r\n\r\n  #setIsPopoverOpen = (isOpen: boolean) => {\r\n    this.popoverOpen = isOpen;\r\n    this.popoverOpen ? this.popoverOpened.emit() : this.popoverClosed.emit();\r\n  };\r\n\r\n  #getPortal = (): TemplatePortal => {\r\n    if (\r\n      !this.#portal ||\r\n      this.#portal.templateRef !== this.popover.templateRef ||\r\n      this.#portal.context?.data !== this.popoverData\r\n    ) {\r\n      this.#portal = new TemplatePortal(\r\n        this.popover.templateRef,\r\n        this.viewContainerRef,\r\n        {\r\n          data: this.popoverData\r\n        }\r\n      );\r\n    }\r\n\r\n    return this.#portal;\r\n  };\r\n\r\n  #createOverlay = () => {\r\n    if (!this.#overlayRef) {\r\n      const config = this.#getOverlayConfig();\r\n      this.#subscribeToPositions(\r\n        config.positionStrategy as FlexibleConnectedPositionStrategy\r\n      );\r\n      this.#overlayRef = this._overlay.create(config);\r\n    }\r\n\r\n    return this.#overlayRef;\r\n  };\r\n\r\n  #setPosition = (positionStrategy: FlexibleConnectedPositionStrategy) => {\r\n    let originX: \"start\" | \"center\" | \"end\" = \"center\";\r\n    let originY: \"top\" | \"center\" | \"bottom\" = \"top\";\r\n    let overlayX: \"start\" | \"center\" | \"end\" = \"center\";\r\n    let overlayY: \"top\" | \"center\" | \"bottom\" = \"bottom\";\r\n    let offsetX = 0;\r\n    let offsetY = 16;\r\n\r\n    switch (this.popover.position) {\r\n      case \"above\":\r\n        originY = \"top\";\r\n        overlayY = \"bottom\";\r\n        break;\r\n      case \"below\":\r\n        originY = \"bottom\";\r\n        overlayY = \"top\";\r\n        break;\r\n    }\r\n\r\n    positionStrategy.withPositions([\r\n      // theo input\r\n      { originX, originY, overlayX, overlayY, offsetY: originY == \"top\" ? -offsetY : offsetY },\r\n      // giữa trên\r\n      {\r\n        originX: \"center\",\r\n        originY: \"top\",\r\n        overlayX: \"center\",\r\n        overlayY: \"bottom\",\r\n        offsetX,\r\n        offsetY: -offsetY,\r\n      },\r\n      // giữa dưới\r\n      {\r\n        originX: \"center\",\r\n        originY: \"bottom\",\r\n        overlayX: \"center\",\r\n        overlayY: \"top\",\r\n        offsetX,\r\n        offsetY,\r\n      },\r\n    ]);\r\n  };\r\n\r\n  #getOverlayConfig = () => {\r\n    return new OverlayConfig({\r\n      positionStrategy: this._overlay\r\n        .position()\r\n        .flexibleConnectedTo(this._element)\r\n        .withLockedPosition()\r\n        .withGrowAfterOpen()\r\n        .withTransformOriginOn(\".sd-popover-panel\"),\r\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\r\n      panelClass: this.popover.panelClass,\r\n      direction: this._dir,\r\n      width: this.popover.width,\r\n      height: this.popover.height,\r\n    });\r\n  };\r\n\r\n  #subscribeToPositions = (position: FlexibleConnectedPositionStrategy) => {\r\n    if (this.popover.setPositionClasses) {\r\n      position.positionChanges.subscribe((change) => {\r\n        const pos: Position =\r\n          change.connectionPair.overlayY === \"top\" ? \"below\" : \"above\";\r\n\r\n        if (this._ngZone) {\r\n          this._ngZone.run(() => this.popover.setPositionClasses(pos));\r\n        } else {\r\n          this.popover.setPositionClasses(pos);\r\n        }\r\n\r\n        const originElement: HTMLElement = this.elementRef.nativeElement;\r\n        const overlayElement: HTMLElement = (\r\n          this.viewContainerRef.get(0) as any\r\n        )?.rootNodes[0];\r\n        if (originElement && overlayElement) {\r\n          const originRect = originElement.getBoundingClientRect();\r\n          const overlayRect = overlayElement.getBoundingClientRect();\r\n          const originLeft = originRect.left + originRect.width / 2;\r\n          const overlayLeft = overlayRect.left + overlayRect.width / 2;\r\n\r\n          const offset = originLeft - overlayLeft;\r\n\r\n          this.popover.addArrowTranslateX(offset);\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  #destroyPopover = () => {\r\n    if (!this.#overlayRef || !this.popoverOpen) {\r\n      return;\r\n    }\r\n    this.#overlayRef.detach();\r\n    this.#setIsPopoverOpen(false);\r\n  };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PopoverComponent } from './popover/popover.component';\r\nimport { PopoverTriggerDirective } from './directives/popover-trigger.directive';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { PopoverContentDirective } from './directives/popover-content.directive';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    PopoverComponent, \r\n    PopoverTriggerDirective, \r\n    PopoverContentDirective\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule\r\n  ],\r\n  exports: [\r\n    PopoverComponent, \r\n    PopoverTriggerDirective,\r\n    PopoverContentDirective\r\n  ]\r\n})\r\nexport class SdPopoverModule { }\r\n"]}
+{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/popover/src/lib/directives/popover-content.directive.ts","../../../../projects/sd-core/popover/src/lib/popover/popover.component.ts","../../../../projects/sd-core/popover/src/lib/directives/popover-trigger.directive.ts","../../../../projects/sd-core/popover/src/lib/popover.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","templateRef","this","Directive","args","selector","TemplateRef","PopoverComponent","cdRef","deviceService","_this","classList","panelId","uuid.v4","isMobileOrTablet","mouseState$","BehaviorSubject","trigger","panelClass","width","height","type","_xPosition","closed","EventEmitter","close","next","emit","setPositionClasses","pos","position","classes","_a","markForCheck","addArrowTranslateX","offset","arrowElement","document","querySelector","style","window","getComputedStyle","matrix","WebKitCSSMatrix","transform","translateX","m41","translateY","m42","error","setMouseState","visible","activeElement","panelElement","panel","nativeElement","contains","isDesktop","defineProperty","prototype","_hostClick","targetElement","ngOnChanges","changes","currentValue","preType","previousValue","sd-popover--normal","ngOnInit","ngOnDestroy","complete","Component","template","encapsulation","ViewEncapsulation","None","exportAs","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","DeviceDetectorService","ViewChild","ContentChild","PopoverContentDirective","Input","Output","HostListener","PopoverTriggerDirective","_overlay","_element","_ngZone","viewContainerRef","elementRef","platform","_dir","_overlayRef","_popoverClose$","Subscription","EMPTY","_portal","_destroy$","Subject","popoverOpen","_popover","disabled","popoverOpened","popoverClosed","openPopover","overlayRef","_createOverlay","overlayConfig","getConfig","positionStrategy","_setPosition","hasBackdrop","attach","_getPortal","popover","_setIsPopoverOpen","closePopover","isOpen","context","data","popoverData","TemplatePortal","config","_getOverlayConfig","_subscribeToPositions","originY","overlayY","withPositions","originX","overlayX","offsetY","offsetX","OverlayConfig","flexibleConnectedTo","withLockedPosition","withGrowAfterOpen","withTransformOriginOn","backdropClass","direction","positionChanges","subscribe","change","connectionPair","run","originElement","overlayElement","rootNodes","originRect","getBoundingClientRect","overlayRect","left","_destroyPopover","detach","unsubscribe","ngAfterViewInit","hostMouseState$","merge","fromEvent","pipe","mapTo","popoverMouseState$","filter","v","debounceTime","distinctUntilChanged","isBrowser","takeUntil","dispose","host","aria-haspopup","class","Overlay","ElementRef","NgZone","ViewContainerRef","Platform","Directionality","decorators","Optional","NgModule","declarations","imports","CommonModule","A11yModule","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdPopoverContent]'\r\n})\r\nexport class PopoverContentDirective {\r\n\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostListener,\r\n  Input,\r\n  OnDestroy,\r\n  OnInit,\r\n  Output,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ContentChild\r\n} from \"@angular/core\";\r\nimport { Position } from \"../popover.model\";\r\nimport * as uuid from \"uuid\";\r\nimport { DeviceDetectorService } from \"ngx-device-detector\";\r\nimport { BehaviorSubject } from \"rxjs\";\r\nimport { PopoverTriggerDirective } from \"../directives/popover-trigger.directive\";\r\nimport { PopoverContentDirective } from \"../directives/popover-content.directive\";\r\n\r\nexport interface SdPopover {\r\n  close: () => void;\r\n}\r\n\r\n@Component({\r\n  selector: \"sd-popover\",\r\n  templateUrl: \"./popover.component.html\",\r\n  styleUrls: [\"./popover.component.scss\"],\r\n  encapsulation: ViewEncapsulation.None,\r\n  exportAs: \"sdPopover\",\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class PopoverComponent implements SdPopover, OnChanges, OnInit, OnDestroy {\r\n  classList: Record<string, boolean> = {};\r\n  panelId = `sd-popover-panel-${uuid.v4()}`;\r\n  isMobileOrTablet = false;\r\n  mouseState$ = new BehaviorSubject<boolean>(false);\r\n  trigger: PopoverTriggerDirective = null;\r\n\r\n  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;\r\n  @ViewChild(\"panel\") panel: ElementRef<HTMLDivElement>;\r\n  @ContentChild(PopoverContentDirective) popoverContent: PopoverContentDirective\r\n\r\n  @Input() panelClass: string = \"\";\r\n  @Input() width: \"lg\" | \"md\" | \"sm\" | string = \"sm\";\r\n  @Input() height: string = \"auto\";\r\n  @Input() type: 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger' = \"normal\";\r\n  @Input()\r\n  get position(): Position {\r\n    return this.#xPosition;\r\n  }\r\n  set position(value: Position) {\r\n    this.#xPosition = value;\r\n    this.setPositionClasses();\r\n  }\r\n  #xPosition: Position;\r\n\r\n  @Output() readonly closed = new EventEmitter<void>();\r\n\r\n  @HostListener('document:click', ['$event.target'])\r\n  _hostClick(targetElement) {\r\n    if (this.panel?.nativeElement) {\r\n      const isInside = this.panel.nativeElement.contains(targetElement);\r\n      if (!isInside) {\r\n        this.setMouseState(false);\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(\r\n    private cdRef: ChangeDetectorRef,\r\n    private deviceService: DeviceDetectorService\r\n  ) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if(changes.type) {\r\n      const type = changes.type.currentValue;\r\n      const preType = changes.type.previousValue;\r\n      this.classList = this.classList ?? {\r\n        'sd-popover--normal': true\r\n      };\r\n      if (preType) {\r\n        this.classList[`sd-popover--${preType}`] = false;\r\n      }\r\n      if (type) {\r\n        this.classList[`sd-popover--${type}`] = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.setPositionClasses();\r\n    this.width = this.width || \"80vw\";\r\n    if (!this.isMobileOrTablet) {\r\n      switch (this.width) {\r\n        case \"lg\":\r\n          this.width = \"80vw\";\r\n          break;\r\n        case \"md\":\r\n          this.width = \"60vw\";\r\n          break;\r\n        case \"sm\":\r\n          this.width = \"40vw\";\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.closed.complete();\r\n    this.mouseState$.complete();\r\n  }\r\n\r\n  close = () => {\r\n    this.mouseState$.next(false);\r\n    this.closed.emit();\r\n  };\r\n\r\n  setPositionClasses = (pos: Position = this.position) => {\r\n    const classes = this.classList;\r\n    classes[\"sd-popover-above\"] = pos === \"above\";\r\n    classes[\"sd-popover-below\"] = pos === \"below\";\r\n\r\n    this.cdRef?.markForCheck();\r\n  };\r\n\r\n  addArrowTranslateX = (offset: number) => {\r\n    const arrowElement: HTMLElement = document.querySelector(`#${this.panelId} .sd-popover-arrow`);\r\n    if (arrowElement && offset) {\r\n      try {\r\n        const style = window.getComputedStyle(arrowElement);\r\n        const matrix = new WebKitCSSMatrix(style.transform);\r\n        const translateX = matrix.m41 + offset;\r\n        const translateY = matrix.m42;\r\n        arrowElement.style.transform = `translateX(${translateX}px) translateY(${translateY}px)`;\r\n      } catch (error) {}\r\n    }\r\n  };\r\n\r\n  setMouseState = (visible: boolean) => {\r\n    if (!visible) {\r\n      // chỉ được tắt khi đang không focus element nào bên trong panel\r\n      // tránh lỗi có control mở overlay khiến cho mất mouseenter ở panel\r\n      const activeElement = document.activeElement;\r\n      const panelElement = this.panel.nativeElement;\r\n      if (panelElement?.contains(activeElement)) {\r\n        return;\r\n      }\r\n    }\r\n    this.mouseState$.next(visible);\r\n  };\r\n}\r\n","import { Directionality } from \"@angular/cdk/bidi\";\r\nimport {\r\n  FlexibleConnectedPositionStrategy,\r\n  Overlay,\r\n  OverlayConfig,\r\n  OverlayRef,\r\n} from \"@angular/cdk/overlay\";\r\nimport { Platform } from \"@angular/cdk/platform\";\r\nimport { TemplatePortal } from \"@angular/cdk/portal\";\r\nimport {\r\n  AfterContentInit,\r\n  AfterViewInit,\r\n  Directive,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  NgZone,\r\n  OnDestroy,\r\n  Optional,\r\n  Output,\r\n  ViewContainerRef,\r\n} from \"@angular/core\";\r\nimport { fromEvent, merge, Subject, Subscription } from \"rxjs\";\r\nimport {\r\n  auditTime,\r\n  debounceTime,\r\n  distinctUntilChanged,\r\n  filter,\r\n  map,\r\n  mapTo,\r\n  takeUntil,\r\n  tap,\r\n} from \"rxjs/operators\";\r\nimport { Position } from \"../popover.model\";\r\nimport { PopoverComponent } from \"../popover/popover.component\";\r\n\r\n@Directive({\r\n  selector: \"[sdPopoverTriggerFor]\",\r\n  host: {\r\n    \"aria-haspopup\": \"true\",\r\n    class: \"sd-popover-trigger\",\r\n  },\r\n  exportAs: \"sdPopoverTrigger\",\r\n})\r\nexport class PopoverTriggerDirective implements AfterViewInit, OnDestroy {\r\n  #overlayRef: OverlayRef | null = null;\r\n  #popoverClose$ = Subscription.EMPTY;\r\n  #portal: TemplatePortal;\r\n  #destroy$ = new Subject();\r\n\r\n  popoverOpen = false;\r\n\r\n  @Input(\"sdPopoverTriggerFor\")\r\n  get popover() {\r\n    return this.#popover;\r\n  }\r\n  set popover(popover: PopoverComponent) {\r\n    if (popover === this.#popover) {\r\n      return;\r\n    }\r\n    this.#popover = popover;\r\n    this.#popoverClose$.unsubscribe();\r\n    if (popover) {\r\n      this.#popoverClose$ = popover.closed.subscribe(() => {\r\n        this.#destroyPopover();\r\n      });\r\n    }\r\n  }\r\n  #popover: PopoverComponent;\r\n\r\n  @Input(\"sdPopoverData\")\r\n  popoverData: any;\r\n\r\n  @Input(\"sdPopoverDisabled\")\r\n  disabled: boolean = false;\r\n\r\n  @Output() popoverOpened = new EventEmitter<void>();\r\n  @Output() popoverClosed = new EventEmitter<void>();\r\n\r\n  constructor(\r\n    private _overlay: Overlay,\r\n    private _element: ElementRef<HTMLElement>,\r\n    private _ngZone: NgZone,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private elementRef: ElementRef,\r\n    private platform: Platform,\r\n    @Optional() private _dir: Directionality\r\n  ) {}\r\n\r\n  ngAfterViewInit(): void {\r\n    if (this.popover) {\r\n      const nativeElement = this.elementRef.nativeElement;\r\n\r\n      const hostMouseState$ = merge(\r\n        fromEvent(nativeElement, \"mouseenter\").pipe(mapTo(true)),\r\n        fromEvent(nativeElement, \"mouseleave\").pipe(mapTo(false))\r\n      );\r\n\r\n      const popoverMouseState$ = this.popover.mouseState$.pipe(\r\n        // chỉ lấy luồng emit open bởi chính trigger (tránh lỗi nhiều trigger cho một popover)\r\n        filter((v) => !this.popover.trigger || this.popover.trigger == this)\r\n      );\r\n\r\n      const mergedMouseState$ = merge(popoverMouseState$, hostMouseState$);\r\n\r\n      mergedMouseState$\r\n        .pipe(\r\n          debounceTime(100),\r\n          distinctUntilChanged(),\r\n          filter(() => this.platform.isBrowser),\r\n          takeUntil(this.#destroy$)\r\n        )\r\n        .subscribe((visible) => {\r\n          if (visible && !this.disabled) {\r\n            this.openPopover();\r\n          } else {\r\n            this.closePopover();\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#destroy$.next();\r\n    this.#destroy$.complete();\r\n    if (this.#overlayRef) {\r\n      this.#overlayRef.dispose();\r\n      this.#overlayRef = null;\r\n    }\r\n  }\r\n\r\n  openPopover = () => {\r\n    if (this.popoverOpen) {\r\n      return;\r\n    }\r\n\r\n    const overlayRef = this.#createOverlay();\r\n    const overlayConfig = overlayRef.getConfig();\r\n    const positionStrategy =\r\n      overlayConfig.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    this.#setPosition(positionStrategy);\r\n    overlayConfig.hasBackdrop = false;\r\n    overlayRef.attach(this.#getPortal());\r\n    this.popover.trigger = this;\r\n    this.#setIsPopoverOpen(true);\r\n  };\r\n\r\n  closePopover = () => {\r\n    this.popover.closed.emit();\r\n  };\r\n\r\n  #setIsPopoverOpen = (isOpen: boolean) => {\r\n    this.popoverOpen = isOpen;\r\n    this.popoverOpen ? this.popoverOpened.emit() : this.popoverClosed.emit();\r\n  };\r\n\r\n  #getPortal = (): TemplatePortal => {\r\n    if (\r\n      !this.#portal ||\r\n      this.#portal.templateRef !== this.popover.templateRef ||\r\n      this.#portal.context?.data !== this.popoverData\r\n    ) {\r\n      this.#portal = new TemplatePortal(\r\n        this.popover.templateRef,\r\n        this.viewContainerRef,\r\n        {\r\n          data: this.popoverData\r\n        }\r\n      );\r\n    }\r\n\r\n    return this.#portal;\r\n  };\r\n\r\n  #createOverlay = () => {\r\n    if (!this.#overlayRef) {\r\n      const config = this.#getOverlayConfig();\r\n      this.#subscribeToPositions(\r\n        config.positionStrategy as FlexibleConnectedPositionStrategy\r\n      );\r\n      this.#overlayRef = this._overlay.create(config);\r\n    }\r\n\r\n    return this.#overlayRef;\r\n  };\r\n\r\n  #setPosition = (positionStrategy: FlexibleConnectedPositionStrategy) => {\r\n    let originX: \"start\" | \"center\" | \"end\" = \"center\";\r\n    let originY: \"top\" | \"center\" | \"bottom\" = \"top\";\r\n    let overlayX: \"start\" | \"center\" | \"end\" = \"center\";\r\n    let overlayY: \"top\" | \"center\" | \"bottom\" = \"bottom\";\r\n    let offsetX = 0;\r\n    let offsetY = 16;\r\n\r\n    switch (this.popover.position) {\r\n      case \"above\":\r\n        originY = \"top\";\r\n        overlayY = \"bottom\";\r\n        break;\r\n      case \"below\":\r\n        originY = \"bottom\";\r\n        overlayY = \"top\";\r\n        break;\r\n    }\r\n\r\n    positionStrategy.withPositions([\r\n      // theo input\r\n      { originX, originY, overlayX, overlayY, offsetY: originY == \"top\" ? -offsetY : offsetY },\r\n      // giữa trên\r\n      {\r\n        originX: \"center\",\r\n        originY: \"top\",\r\n        overlayX: \"center\",\r\n        overlayY: \"bottom\",\r\n        offsetX,\r\n        offsetY: -offsetY,\r\n      },\r\n      // giữa dưới\r\n      {\r\n        originX: \"center\",\r\n        originY: \"bottom\",\r\n        overlayX: \"center\",\r\n        overlayY: \"top\",\r\n        offsetX,\r\n        offsetY,\r\n      },\r\n    ]);\r\n  };\r\n\r\n  #getOverlayConfig = () => {\r\n    return new OverlayConfig({\r\n      positionStrategy: this._overlay\r\n        .position()\r\n        .flexibleConnectedTo(this._element)\r\n        .withLockedPosition()\r\n        .withGrowAfterOpen()\r\n        .withTransformOriginOn(\".sd-popover-panel\"),\r\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\r\n      panelClass: this.popover.panelClass,\r\n      direction: this._dir,\r\n      width: this.popover.width,\r\n      height: this.popover.height,\r\n    });\r\n  };\r\n\r\n  #subscribeToPositions = (position: FlexibleConnectedPositionStrategy) => {\r\n    if (this.popover.setPositionClasses) {\r\n      position.positionChanges.subscribe((change) => {\r\n        const pos: Position =\r\n          change.connectionPair.overlayY === \"top\" ? \"below\" : \"above\";\r\n\r\n        if (this._ngZone) {\r\n          this._ngZone.run(() => this.popover.setPositionClasses(pos));\r\n        } else {\r\n          this.popover.setPositionClasses(pos);\r\n        }\r\n\r\n        const originElement: HTMLElement = this.elementRef.nativeElement;\r\n        const overlayElement: HTMLElement = (\r\n          this.viewContainerRef.get(0) as any\r\n        )?.rootNodes[0];\r\n        if (originElement && overlayElement) {\r\n          const originRect = originElement.getBoundingClientRect();\r\n          const overlayRect = overlayElement.getBoundingClientRect();\r\n          const originLeft = originRect.left + originRect.width / 2;\r\n          const overlayLeft = overlayRect.left + overlayRect.width / 2;\r\n\r\n          const offset = originLeft - overlayLeft;\r\n\r\n          this.popover.addArrowTranslateX(offset);\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  #destroyPopover = () => {\r\n    if (!this.#overlayRef || !this.popoverOpen) {\r\n      return;\r\n    }\r\n    this.#overlayRef.detach();\r\n    this.#setIsPopoverOpen(false);\r\n  };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PopoverComponent } from './popover/popover.component';\r\nimport { PopoverTriggerDirective } from './directives/popover-trigger.directive';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { PopoverContentDirective } from './directives/popover-content.directive';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    PopoverComponent, \r\n    PopoverTriggerDirective, \r\n    PopoverContentDirective\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule\r\n  ],\r\n  exports: [\r\n    PopoverComponent, \r\n    PopoverTriggerDirective,\r\n    PopoverContentDirective\r\n  ]\r\n})\r\nexport class SdPopoverModule { }\r\n"]}

package/bundles/sd-angular-core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@sd-angular/core/common'), require('@sd-angular/core/label'), require('@sd-angular/core/input-upload-file'), require('@sd-angular/core/chip'), require('@sd-angular/core/textarea'), require('@sd-angular/core/checkbox'), require('@sd-angular/core/time'), require('@sd-angular/core/side-drawer'), require('@sd-angular/core/tab-router'), require('@sd-angular/core/excel'), require('@sd-angular/core/input'), require('@sd-angular/core/select'), require('@sd-angular/core/quick-action'), require('@sd-angular/core/image-preview'), require('@sd-angular/core/comment'), require('@sd-angular/core/filter'), require('@sd-angular/core/modal-resizable'), require('@sd-angular/core/db'), require('@sd-angular/core/group'), require('@sd-angular/core/json-editor'), require('@angular/core'), require('@angular/common'), require('@angular/material/form-field'), require('@angular/material/tooltip'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/slide-toggle'), require('@angular/material/select'), require('@angular/material/radio'), require('@angular/material/autocomplete'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/chips'), require('@angular/material/button'), require('@angular/material/dialog'), require('@angular/material/bottom-sheet'), require('@angular/material/progress-spinner'), require('@angular/material/expansion'), require('@angular/material/tabs'), require('@angular/cdk/drag-drop'), require('@angular/material/paginator'), require('@sd-angular/core/service'), require('@sd-angular/core/chart'), require('@sd-angular/core/grid-material'), require('@sd-angular/core/editor'), require('@sd-angular/core/konva'), require('@sd-angular/core/upload-excel'), require('@sd-angular/core/grid'), require('@sd-angular/core/form'), require('@sd-angular/core/api'), require('@sd-angular/core/loading'), require('@sd-angular/core/notify'), require('@sd-angular/core/setting'), require('@sd-angular/core/translate'), require('@sd-angular/core/utility'), require('@sd-angular/core/dynamic-report'), require('@sd-angular/core/upload-file'), require('@sd-angular/core/date-range'), require('@sd-angular/core/date-time'), require('@sd-angular/core/button'), require('@sd-angular/core/autocomplete'), require('@sd-angular/core/select-editor'), require('@sd-angular/core/modal'), require('@sd-angular/core/switch'), require('@sd-angular/core/radio'), require('@sd-angular/core/popover')) :
-    typeof define === 'function' && define.amd ? define('@sd-angular/core', ['exports', '@sd-angular/core/common', '@sd-angular/core/label', '@sd-angular/core/input-upload-file', '@sd-angular/core/chip', '@sd-angular/core/textarea', '@sd-angular/core/checkbox', '@sd-angular/core/time', '@sd-angular/core/side-drawer', '@sd-angular/core/tab-router', '@sd-angular/core/excel', '@sd-angular/core/input', '@sd-angular/core/select', '@sd-angular/core/quick-action', '@sd-angular/core/image-preview', '@sd-angular/core/comment', '@sd-angular/core/filter', '@sd-angular/core/modal-resizable', '@sd-angular/core/db', '@sd-angular/core/group', '@sd-angular/core/json-editor', '@angular/core', '@angular/common', '@angular/material/form-field', '@angular/material/tooltip', '@angular/material/input', '@angular/material/checkbox', '@angular/material/slide-toggle', '@angular/material/select', '@angular/material/radio', '@angular/material/autocomplete', '@angular/material/icon', '@angular/material/menu', '@angular/material/chips', '@angular/material/button', '@angular/material/dialog', '@angular/material/bottom-sheet', '@angular/material/progress-spinner', '@angular/material/expansion', '@angular/material/tabs', '@angular/cdk/drag-drop', '@angular/material/paginator', '@sd-angular/core/service', '@sd-angular/core/chart', '@sd-angular/core/grid-material', '@sd-angular/core/editor', '@sd-angular/core/konva', '@sd-angular/core/upload-excel', '@sd-angular/core/grid', '@sd-angular/core/form', '@sd-angular/core/api', '@sd-angular/core/loading', '@sd-angular/core/notify', '@sd-angular/core/setting', '@sd-angular/core/translate', '@sd-angular/core/utility', '@sd-angular/core/dynamic-report', '@sd-angular/core/upload-file', '@sd-angular/core/date-range', '@sd-angular/core/date-time', '@sd-angular/core/button', '@sd-angular/core/autocomplete', '@sd-angular/core/select-editor', '@sd-angular/core/modal', '@sd-angular/core/switch', '@sd-angular/core/radio', '@sd-angular/core/popover'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = {}), global['sd-angular'].core.common, global['sd-angular'].core.label, global['sd-angular'].core['input-upload-file'], global['sd-angular'].core.chip, global['sd-angular'].core.textarea, global['sd-angular'].core.checkbox, global['sd-angular'].core.time, global['sd-angular'].core['side-drawer'], global['sd-angular'].core['tab-router'], global['sd-angular'].core.excel, global['sd-angular'].core.input, global['sd-angular'].core.select, global['sd-angular'].core['quick-action'], global['sd-angular'].core['image-preview'], global['sd-angular'].core.comment, global['sd-angular'].core.filter, global['sd-angular'].core['modal-resizable'], global['sd-angular'].core.db, global['sd-angular'].core.group, global['sd-angular'].core['json-editor'], global.ng.core, global.ng.common, global.ng.material.formField, global.ng.material.tooltip, global.ng.material.input, global.ng.material.checkbox, global.ng.material.slideToggle, global.ng.material.select, global.ng.material.radio, global.ng.material.autocomplete, global.ng.material.icon, global.ng.material.menu, global.ng.material.chips, global.ng.material.button, global.ng.material.dialog, global.ng.material.bottomSheet, global.ng.material.progressSpinner, global.ng.material.expansion, global.ng.material.tabs, global.ng.cdk.dragDrop, global.ng.material.paginator, global['sd-angular'].core.service, global['sd-angular'].core.chart, global['sd-angular'].core['grid-material'], global['sd-angular'].core.editor, global['sd-angular'].core.konva, global['sd-angular'].core['upload-excel'], global['sd-angular'].core.grid, global['sd-angular'].core.form, global['sd-angular'].core.api, global['sd-angular'].core.loading, global['sd-angular'].core.notify, global['sd-angular'].core.setting, global['sd-angular'].core.translate, global['sd-angular'].core.utility, global['sd-angular'].core['dynamic-report'], global['sd-angular'].core['upload-file'], global['sd-angular'].core['date-range'], global['sd-angular'].core['date-time'], global['sd-angular'].core.button, global['sd-angular'].core.autocomplete, global['sd-angular'].core['select-editor'], global['sd-angular'].core.modal, global['sd-angular'].core.switch, global['sd-angular'].core.radio, global['sd-angular'].core.popover));
-}(this, (function (exports, common$1, label, inputUploadFile, chip, textarea, checkbox$1, time, sideDrawer, tabRouter, excel, input$1, select$1, quickAction, imagePreview, comment, filter, modalResizable, db, group, jsonEditor, core, common, formField, tooltip, input, checkbox, slideToggle, select, radio$1, autocomplete$1, icon, menu, chips, button$1, dialog, bottomSheet, progressSpinner, expansion, tabs, dragDrop, paginator, service, chart, gridMaterial, editor, konva, uploadExcel, grid, form, api, loading, notify, setting, translate, utility, dynamicReport, uploadFile, dateRange, dateTime, button, autocomplete, selectEditor, modal, _switch, radio, popover) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@sd-angular/core/common'), require('@sd-angular/core/label'), require('@sd-angular/core/input-upload-file'), require('@sd-angular/core/chip'), require('@sd-angular/core/textarea'), require('@sd-angular/core/checkbox'), require('@sd-angular/core/time'), require('@sd-angular/core/side-drawer'), require('@sd-angular/core/tab-router'), require('@sd-angular/core/excel'), require('@sd-angular/core/input'), require('@sd-angular/core/select'), require('@sd-angular/core/quick-action'), require('@sd-angular/core/image-preview'), require('@sd-angular/core/comment'), require('@sd-angular/core/filter'), require('@sd-angular/core/modal-resizable'), require('@sd-angular/core/db'), require('@sd-angular/core/group'), require('@sd-angular/core/json-editor'), require('@sd-angular/core/input-number'), require('@angular/core'), require('@angular/common'), require('@angular/material/form-field'), require('@angular/material/tooltip'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/slide-toggle'), require('@angular/material/select'), require('@angular/material/radio'), require('@angular/material/autocomplete'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/chips'), require('@angular/material/button'), require('@angular/material/dialog'), require('@angular/material/bottom-sheet'), require('@angular/material/progress-spinner'), require('@angular/material/expansion'), require('@angular/material/tabs'), require('@angular/cdk/drag-drop'), require('@angular/material/paginator'), require('@sd-angular/core/service'), require('@sd-angular/core/chart'), require('@sd-angular/core/grid-material'), require('@sd-angular/core/editor'), require('@sd-angular/core/konva'), require('@sd-angular/core/upload-excel'), require('@sd-angular/core/grid'), require('@sd-angular/core/form'), require('@sd-angular/core/api'), require('@sd-angular/core/loading'), require('@sd-angular/core/notify'), require('@sd-angular/core/setting'), require('@sd-angular/core/translate'), require('@sd-angular/core/utility'), require('@sd-angular/core/dynamic-report'), require('@sd-angular/core/upload-file'), require('@sd-angular/core/date-range'), require('@sd-angular/core/date-time'), require('@sd-angular/core/button'), require('@sd-angular/core/autocomplete'), require('@sd-angular/core/select-editor'), require('@sd-angular/core/modal'), require('@sd-angular/core/switch'), require('@sd-angular/core/radio'), require('@sd-angular/core/popover')) :
+    typeof define === 'function' && define.amd ? define('@sd-angular/core', ['exports', '@sd-angular/core/common', '@sd-angular/core/label', '@sd-angular/core/input-upload-file', '@sd-angular/core/chip', '@sd-angular/core/textarea', '@sd-angular/core/checkbox', '@sd-angular/core/time', '@sd-angular/core/side-drawer', '@sd-angular/core/tab-router', '@sd-angular/core/excel', '@sd-angular/core/input', '@sd-angular/core/select', '@sd-angular/core/quick-action', '@sd-angular/core/image-preview', '@sd-angular/core/comment', '@sd-angular/core/filter', '@sd-angular/core/modal-resizable', '@sd-angular/core/db', '@sd-angular/core/group', '@sd-angular/core/json-editor', '@sd-angular/core/input-number', '@angular/core', '@angular/common', '@angular/material/form-field', '@angular/material/tooltip', '@angular/material/input', '@angular/material/checkbox', '@angular/material/slide-toggle', '@angular/material/select', '@angular/material/radio', '@angular/material/autocomplete', '@angular/material/icon', '@angular/material/menu', '@angular/material/chips', '@angular/material/button', '@angular/material/dialog', '@angular/material/bottom-sheet', '@angular/material/progress-spinner', '@angular/material/expansion', '@angular/material/tabs', '@angular/cdk/drag-drop', '@angular/material/paginator', '@sd-angular/core/service', '@sd-angular/core/chart', '@sd-angular/core/grid-material', '@sd-angular/core/editor', '@sd-angular/core/konva', '@sd-angular/core/upload-excel', '@sd-angular/core/grid', '@sd-angular/core/form', '@sd-angular/core/api', '@sd-angular/core/loading', '@sd-angular/core/notify', '@sd-angular/core/setting', '@sd-angular/core/translate', '@sd-angular/core/utility', '@sd-angular/core/dynamic-report', '@sd-angular/core/upload-file', '@sd-angular/core/date-range', '@sd-angular/core/date-time', '@sd-angular/core/button', '@sd-angular/core/autocomplete', '@sd-angular/core/select-editor', '@sd-angular/core/modal', '@sd-angular/core/switch', '@sd-angular/core/radio', '@sd-angular/core/popover'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = {}), global['sd-angular'].core.common, global['sd-angular'].core.label, global['sd-angular'].core['input-upload-file'], global['sd-angular'].core.chip, global['sd-angular'].core.textarea, global['sd-angular'].core.checkbox, global['sd-angular'].core.time, global['sd-angular'].core['side-drawer'], global['sd-angular'].core['tab-router'], global['sd-angular'].core.excel, global['sd-angular'].core.input, global['sd-angular'].core.select, global['sd-angular'].core['quick-action'], global['sd-angular'].core['image-preview'], global['sd-angular'].core.comment, global['sd-angular'].core.filter, global['sd-angular'].core['modal-resizable'], global['sd-angular'].core.db, global['sd-angular'].core.group, global['sd-angular'].core['json-editor'], global['sd-angular'].core['input-number'], global.ng.core, global.ng.common, global.ng.material.formField, global.ng.material.tooltip, global.ng.material.input, global.ng.material.checkbox, global.ng.material.slideToggle, global.ng.material.select, global.ng.material.radio, global.ng.material.autocomplete, global.ng.material.icon, global.ng.material.menu, global.ng.material.chips, global.ng.material.button, global.ng.material.dialog, global.ng.material.bottomSheet, global.ng.material.progressSpinner, global.ng.material.expansion, global.ng.material.tabs, global.ng.cdk.dragDrop, global.ng.material.paginator, global['sd-angular'].core.service, global['sd-angular'].core.chart, global['sd-angular'].core['grid-material'], global['sd-angular'].core.editor, global['sd-angular'].core.konva, global['sd-angular'].core['upload-excel'], global['sd-angular'].core.grid, global['sd-angular'].core.form, global['sd-angular'].core.api, global['sd-angular'].core.loading, global['sd-angular'].core.notify, global['sd-angular'].core.setting, global['sd-angular'].core.translate, global['sd-angular'].core.utility, global['sd-angular'].core['dynamic-report'], global['sd-angular'].core['upload-file'], global['sd-angular'].core['date-range'], global['sd-angular'].core['date-time'], global['sd-angular'].core.button, global['sd-angular'].core.autocomplete, global['sd-angular'].core['select-editor'], global['sd-angular'].core.modal, global['sd-angular'].core.switch, global['sd-angular'].core.radio, global['sd-angular'].core.popover));
+}(this, (function (exports, common$1, label, inputUploadFile, chip, textarea, checkbox$1, time, sideDrawer, tabRouter, excel, input$1, select$1, quickAction, imagePreview, comment, filter, modalResizable, db, group, jsonEditor, inputNumber, core, common, formField, tooltip, input, checkbox, slideToggle, select, radio$1, autocomplete$1, icon, menu, chips, button$1, dialog, bottomSheet, progressSpinner, expansion, tabs, dragDrop, paginator, service, chart, gridMaterial, editor, konva, uploadExcel, grid, form, api, loading, notify, setting, translate, utility, dynamicReport, uploadFile, dateRange, dateTime, button, autocomplete, selectEditor, modal, _switch, radio, popover) { 'use strict';
 
     var MaterialModule = /** @class */ (function () {
         function MaterialModule() {

package/bundles/sd-angular-core.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@sd-angular/core/common"),require("@sd-angular/core/label"),require("@sd-angular/core/input-upload-file"),require("@sd-angular/core/chip"),require("@sd-angular/core/textarea"),require("@sd-angular/core/checkbox"),require("@sd-angular/core/time"),require("@sd-angular/core/side-drawer"),require("@sd-angular/core/tab-router"),require("@sd-angular/core/excel"),require("@sd-angular/core/input"),require("@sd-angular/core/select"),require("@sd-angular/core/quick-action"),require("@sd-angular/core/image-preview"),require("@sd-angular/core/comment"),require("@sd-angular/core/filter"),require("@sd-angular/core/modal-resizable"),require("@sd-angular/core/db"),require("@sd-angular/core/group"),require("@sd-angular/core/json-editor"),require("@angular/core"),require("@angular/common"),require("@angular/material/form-field"),require("@angular/material/tooltip"),require("@angular/material/input"),require("@angular/material/checkbox"),require("@angular/material/slide-toggle"),require("@angular/material/select"),require("@angular/material/radio"),require("@angular/material/autocomplete"),require("@angular/material/icon"),require("@angular/material/menu"),require("@angular/material/chips"),require("@angular/material/button"),require("@angular/material/dialog"),require("@angular/material/bottom-sheet"),require("@angular/material/progress-spinner"),require("@angular/material/expansion"),require("@angular/material/tabs"),require("@angular/cdk/drag-drop"),require("@angular/material/paginator"),require("@sd-angular/core/service"),require("@sd-angular/core/chart"),require("@sd-angular/core/grid-material"),require("@sd-angular/core/editor"),require("@sd-angular/core/konva"),require("@sd-angular/core/upload-excel"),require("@sd-angular/core/grid"),require("@sd-angular/core/form"),require("@sd-angular/core/api"),require("@sd-angular/core/loading"),require("@sd-angular/core/notify"),require("@sd-angular/core/setting"),require("@sd-angular/core/translate"),require("@sd-angular/core/utility"),require("@sd-angular/core/dynamic-report"),require("@sd-angular/core/upload-file"),require("@sd-angular/core/date-range"),require("@sd-angular/core/date-time"),require("@sd-angular/core/button"),require("@sd-angular/core/autocomplete"),require("@sd-angular/core/select-editor"),require("@sd-angular/core/modal"),require("@sd-angular/core/switch"),require("@sd-angular/core/radio"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core",["exports","@sd-angular/core/common","@sd-angular/core/label","@sd-angular/core/input-upload-file","@sd-angular/core/chip","@sd-angular/core/textarea","@sd-angular/core/checkbox","@sd-angular/core/time","@sd-angular/core/side-drawer","@sd-angular/core/tab-router","@sd-angular/core/excel","@sd-angular/core/input","@sd-angular/core/select","@sd-angular/core/quick-action","@sd-angular/core/image-preview","@sd-angular/core/comment","@sd-angular/core/filter","@sd-angular/core/modal-resizable","@sd-angular/core/db","@sd-angular/core/group","@sd-angular/core/json-editor","@angular/core","@angular/common","@angular/material/form-field","@angular/material/tooltip","@angular/material/input","@angular/material/checkbox","@angular/material/slide-toggle","@angular/material/select","@angular/material/radio","@angular/material/autocomplete","@angular/material/icon","@angular/material/menu","@angular/material/chips","@angular/material/button","@angular/material/dialog","@angular/material/bottom-sheet","@angular/material/progress-spinner","@angular/material/expansion","@angular/material/tabs","@angular/cdk/drag-drop","@angular/material/paginator","@sd-angular/core/service","@sd-angular/core/chart","@sd-angular/core/grid-material","@sd-angular/core/editor","@sd-angular/core/konva","@sd-angular/core/upload-excel","@sd-angular/core/grid","@sd-angular/core/form","@sd-angular/core/api","@sd-angular/core/loading","@sd-angular/core/notify","@sd-angular/core/setting","@sd-angular/core/translate","@sd-angular/core/utility","@sd-angular/core/dynamic-report","@sd-angular/core/upload-file","@sd-angular/core/date-range","@sd-angular/core/date-time","@sd-angular/core/button","@sd-angular/core/autocomplete","@sd-angular/core/select-editor","@sd-angular/core/modal","@sd-angular/core/switch","@sd-angular/core/radio","@sd-angular/core/popover"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core={}),e["sd-angular"].core.common,e["sd-angular"].core.label,e["sd-angular"].core["input-upload-file"],e["sd-angular"].core.chip,e["sd-angular"].core.textarea,e["sd-angular"].core.checkbox,e["sd-angular"].core.time,e["sd-angular"].core["side-drawer"],e["sd-angular"].core["tab-router"],e["sd-angular"].core.excel,e["sd-angular"].core.input,e["sd-angular"].core.select,e["sd-angular"].core["quick-action"],e["sd-angular"].core["image-preview"],e["sd-angular"].core.comment,e["sd-angular"].core.filter,e["sd-angular"].core["modal-resizable"],e["sd-angular"].core.db,e["sd-angular"].core.group,e["sd-angular"].core["json-editor"],e.ng.core,e.ng.common,e.ng.material.formField,e.ng.material.tooltip,e.ng.material.input,e.ng.material.checkbox,e.ng.material.slideToggle,e.ng.material.select,e.ng.material.radio,e.ng.material.autocomplete,e.ng.material.icon,e.ng.material.menu,e.ng.material.chips,e.ng.material.button,e.ng.material.dialog,e.ng.material.bottomSheet,e.ng.material.progressSpinner,e.ng.material.expansion,e.ng.material.tabs,e.ng.cdk.dragDrop,e.ng.material.paginator,e["sd-angular"].core.service,e["sd-angular"].core.chart,e["sd-angular"].core["grid-material"],e["sd-angular"].core.editor,e["sd-angular"].core.konva,e["sd-angular"].core["upload-excel"],e["sd-angular"].core.grid,e["sd-angular"].core.form,e["sd-angular"].core.api,e["sd-angular"].core.loading,e["sd-angular"].core.notify,e["sd-angular"].core.setting,e["sd-angular"].core.translate,e["sd-angular"].core.utility,e["sd-angular"].core["dynamic-report"],e["sd-angular"].core["upload-file"],e["sd-angular"].core["date-range"],e["sd-angular"].core["date-time"],e["sd-angular"].core.button,e["sd-angular"].core.autocomplete,e["sd-angular"].core["select-editor"],e["sd-angular"].core.modal,e["sd-angular"].core.switch,e["sd-angular"].core.radio,e["sd-angular"].core.popover)}(this,(function(e,r,a,o,u,n,t,l,i,d,c,g,s,f,m,p,b,M,q,y,h,j,O,k,S,P,x,E,v,w,T,C,D,F,A,G,B,I,z,K,N,R,U,_,H,J,L,Q,V,W,X,Y,Z,$,ee,re,ae,oe,ue,ne,te,le,ie,de,ce,ge,se){"use strict";var fe=function(){};fe.decorators=[{type:j.NgModule,args:[{imports:[S.MatTooltipModule,k.MatFormFieldModule,P.MatInputModule,v.MatSelectModule,T.MatAutocompleteModule,x.MatCheckboxModule,E.MatSlideToggleModule,w.MatRadioModule,C.MatIconModule,D.MatMenuModule,F.MatChipsModule,A.MatButtonModule,G.MatDialogModule,B.MatBottomSheetModule,I.MatProgressSpinnerModule,N.DragDropModule,z.MatExpansionModule,K.MatTabsModule,R.MatPaginatorModule],exports:[S.MatTooltipModule,k.MatFormFieldModule,P.MatInputModule,v.MatSelectModule,T.MatAutocompleteModule,x.MatCheckboxModule,E.MatSlideToggleModule,w.MatRadioModule,C.MatIconModule,D.MatMenuModule,F.MatChipsModule,A.MatButtonModule,G.MatDialogModule,B.MatBottomSheetModule,I.MatProgressSpinnerModule,N.DragDropModule,z.MatExpansionModule,K.MatTabsModule,R.MatPaginatorModule]}]}];var me=function(){};me.decorators=[{type:j.NgModule,args:[{imports:[O.CommonModule,fe,_.SdChartModule,L.SdKonvaModule,H.SdGridMaterialModule,Q.SdUploadExcelModule,V.SdGridModule,W.SdFormModule,U.SdServiceModule],declarations:[],exports:[_.SdChartModule,L.SdKonvaModule,H.SdGridMaterialModule,J.SdEditorModule,Q.SdUploadExcelModule,V.SdGridModule,W.SdFormModule,U.SdServiceModule,fe],providers:[]}]}],Object.keys(U).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return U[r]}})})),Object.keys(_).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return _[r]}})})),Object.keys(J).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return J[r]}})})),Object.keys(L).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return L[r]}})})),Object.keys(Q).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return Q[r]}})})),Object.keys(V).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return V[r]}})})),Object.keys(W).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return W[r]}})})),Object.keys(Y).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return Y[r]}})})),Object.keys(Z).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return Z[r]}})})),Object.keys($).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return $[r]}})})),Object.keys(ee).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ee[r]}})})),Object.keys(re).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return re[r]}})})),Object.keys(ae).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ae[r]}})})),Object.keys(oe).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return oe[r]}})})),Object.keys(ue).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ue[r]}})})),Object.keys(ne).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ne[r]}})})),Object.keys(te).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return te[r]}})})),Object.keys(le).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return le[r]}})})),Object.keys(ie).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ie[r]}})})),Object.keys(de).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return de[r]}})})),Object.keys(ce).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ce[r]}})})),Object.keys(ge).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ge[r]}})})),Object.keys(se).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return se[r]}})})),Object.defineProperty(e,"SdGridMaterial",{enumerable:!0,get:function(){return H.SdGridMaterial}}),Object.defineProperty(e,"SdApiModule",{enumerable:!0,get:function(){return X.SdApiModule}}),Object.defineProperty(e,"SdApiService",{enumerable:!0,get:function(){return X.SdApiService}}),e.MaterialModule=fe,e.SdCoreModule=me,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@sd-angular/core/common"),require("@sd-angular/core/label"),require("@sd-angular/core/input-upload-file"),require("@sd-angular/core/chip"),require("@sd-angular/core/textarea"),require("@sd-angular/core/checkbox"),require("@sd-angular/core/time"),require("@sd-angular/core/side-drawer"),require("@sd-angular/core/tab-router"),require("@sd-angular/core/excel"),require("@sd-angular/core/input"),require("@sd-angular/core/select"),require("@sd-angular/core/quick-action"),require("@sd-angular/core/image-preview"),require("@sd-angular/core/comment"),require("@sd-angular/core/filter"),require("@sd-angular/core/modal-resizable"),require("@sd-angular/core/db"),require("@sd-angular/core/group"),require("@sd-angular/core/json-editor"),require("@sd-angular/core/input-number"),require("@angular/core"),require("@angular/common"),require("@angular/material/form-field"),require("@angular/material/tooltip"),require("@angular/material/input"),require("@angular/material/checkbox"),require("@angular/material/slide-toggle"),require("@angular/material/select"),require("@angular/material/radio"),require("@angular/material/autocomplete"),require("@angular/material/icon"),require("@angular/material/menu"),require("@angular/material/chips"),require("@angular/material/button"),require("@angular/material/dialog"),require("@angular/material/bottom-sheet"),require("@angular/material/progress-spinner"),require("@angular/material/expansion"),require("@angular/material/tabs"),require("@angular/cdk/drag-drop"),require("@angular/material/paginator"),require("@sd-angular/core/service"),require("@sd-angular/core/chart"),require("@sd-angular/core/grid-material"),require("@sd-angular/core/editor"),require("@sd-angular/core/konva"),require("@sd-angular/core/upload-excel"),require("@sd-angular/core/grid"),require("@sd-angular/core/form"),require("@sd-angular/core/api"),require("@sd-angular/core/loading"),require("@sd-angular/core/notify"),require("@sd-angular/core/setting"),require("@sd-angular/core/translate"),require("@sd-angular/core/utility"),require("@sd-angular/core/dynamic-report"),require("@sd-angular/core/upload-file"),require("@sd-angular/core/date-range"),require("@sd-angular/core/date-time"),require("@sd-angular/core/button"),require("@sd-angular/core/autocomplete"),require("@sd-angular/core/select-editor"),require("@sd-angular/core/modal"),require("@sd-angular/core/switch"),require("@sd-angular/core/radio"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core",["exports","@sd-angular/core/common","@sd-angular/core/label","@sd-angular/core/input-upload-file","@sd-angular/core/chip","@sd-angular/core/textarea","@sd-angular/core/checkbox","@sd-angular/core/time","@sd-angular/core/side-drawer","@sd-angular/core/tab-router","@sd-angular/core/excel","@sd-angular/core/input","@sd-angular/core/select","@sd-angular/core/quick-action","@sd-angular/core/image-preview","@sd-angular/core/comment","@sd-angular/core/filter","@sd-angular/core/modal-resizable","@sd-angular/core/db","@sd-angular/core/group","@sd-angular/core/json-editor","@sd-angular/core/input-number","@angular/core","@angular/common","@angular/material/form-field","@angular/material/tooltip","@angular/material/input","@angular/material/checkbox","@angular/material/slide-toggle","@angular/material/select","@angular/material/radio","@angular/material/autocomplete","@angular/material/icon","@angular/material/menu","@angular/material/chips","@angular/material/button","@angular/material/dialog","@angular/material/bottom-sheet","@angular/material/progress-spinner","@angular/material/expansion","@angular/material/tabs","@angular/cdk/drag-drop","@angular/material/paginator","@sd-angular/core/service","@sd-angular/core/chart","@sd-angular/core/grid-material","@sd-angular/core/editor","@sd-angular/core/konva","@sd-angular/core/upload-excel","@sd-angular/core/grid","@sd-angular/core/form","@sd-angular/core/api","@sd-angular/core/loading","@sd-angular/core/notify","@sd-angular/core/setting","@sd-angular/core/translate","@sd-angular/core/utility","@sd-angular/core/dynamic-report","@sd-angular/core/upload-file","@sd-angular/core/date-range","@sd-angular/core/date-time","@sd-angular/core/button","@sd-angular/core/autocomplete","@sd-angular/core/select-editor","@sd-angular/core/modal","@sd-angular/core/switch","@sd-angular/core/radio","@sd-angular/core/popover"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core={}),e["sd-angular"].core.common,e["sd-angular"].core.label,e["sd-angular"].core["input-upload-file"],e["sd-angular"].core.chip,e["sd-angular"].core.textarea,e["sd-angular"].core.checkbox,e["sd-angular"].core.time,e["sd-angular"].core["side-drawer"],e["sd-angular"].core["tab-router"],e["sd-angular"].core.excel,e["sd-angular"].core.input,e["sd-angular"].core.select,e["sd-angular"].core["quick-action"],e["sd-angular"].core["image-preview"],e["sd-angular"].core.comment,e["sd-angular"].core.filter,e["sd-angular"].core["modal-resizable"],e["sd-angular"].core.db,e["sd-angular"].core.group,e["sd-angular"].core["json-editor"],e["sd-angular"].core["input-number"],e.ng.core,e.ng.common,e.ng.material.formField,e.ng.material.tooltip,e.ng.material.input,e.ng.material.checkbox,e.ng.material.slideToggle,e.ng.material.select,e.ng.material.radio,e.ng.material.autocomplete,e.ng.material.icon,e.ng.material.menu,e.ng.material.chips,e.ng.material.button,e.ng.material.dialog,e.ng.material.bottomSheet,e.ng.material.progressSpinner,e.ng.material.expansion,e.ng.material.tabs,e.ng.cdk.dragDrop,e.ng.material.paginator,e["sd-angular"].core.service,e["sd-angular"].core.chart,e["sd-angular"].core["grid-material"],e["sd-angular"].core.editor,e["sd-angular"].core.konva,e["sd-angular"].core["upload-excel"],e["sd-angular"].core.grid,e["sd-angular"].core.form,e["sd-angular"].core.api,e["sd-angular"].core.loading,e["sd-angular"].core.notify,e["sd-angular"].core.setting,e["sd-angular"].core.translate,e["sd-angular"].core.utility,e["sd-angular"].core["dynamic-report"],e["sd-angular"].core["upload-file"],e["sd-angular"].core["date-range"],e["sd-angular"].core["date-time"],e["sd-angular"].core.button,e["sd-angular"].core.autocomplete,e["sd-angular"].core["select-editor"],e["sd-angular"].core.modal,e["sd-angular"].core.switch,e["sd-angular"].core.radio,e["sd-angular"].core.popover)}(this,(function(e,r,a,o,u,n,t,l,i,d,c,g,s,f,m,p,b,M,q,y,h,j,O,k,S,P,x,E,v,w,T,C,D,F,A,G,B,I,z,K,N,R,U,_,H,J,L,Q,V,W,X,Y,Z,$,ee,re,ae,oe,ue,ne,te,le,ie,de,ce,ge,se,fe){"use strict";var me=function(){};me.decorators=[{type:O.NgModule,args:[{imports:[P.MatTooltipModule,S.MatFormFieldModule,x.MatInputModule,w.MatSelectModule,C.MatAutocompleteModule,E.MatCheckboxModule,v.MatSlideToggleModule,T.MatRadioModule,D.MatIconModule,F.MatMenuModule,A.MatChipsModule,G.MatButtonModule,B.MatDialogModule,I.MatBottomSheetModule,z.MatProgressSpinnerModule,R.DragDropModule,K.MatExpansionModule,N.MatTabsModule,U.MatPaginatorModule],exports:[P.MatTooltipModule,S.MatFormFieldModule,x.MatInputModule,w.MatSelectModule,C.MatAutocompleteModule,E.MatCheckboxModule,v.MatSlideToggleModule,T.MatRadioModule,D.MatIconModule,F.MatMenuModule,A.MatChipsModule,G.MatButtonModule,B.MatDialogModule,I.MatBottomSheetModule,z.MatProgressSpinnerModule,R.DragDropModule,K.MatExpansionModule,N.MatTabsModule,U.MatPaginatorModule]}]}];var pe=function(){};pe.decorators=[{type:O.NgModule,args:[{imports:[k.CommonModule,me,H.SdChartModule,Q.SdKonvaModule,J.SdGridMaterialModule,V.SdUploadExcelModule,W.SdGridModule,X.SdFormModule,_.SdServiceModule],declarations:[],exports:[H.SdChartModule,Q.SdKonvaModule,J.SdGridMaterialModule,L.SdEditorModule,V.SdUploadExcelModule,W.SdGridModule,X.SdFormModule,_.SdServiceModule,me],providers:[]}]}],Object.keys(_).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return _[r]}})})),Object.keys(H).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return H[r]}})})),Object.keys(L).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return L[r]}})})),Object.keys(Q).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return Q[r]}})})),Object.keys(V).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return V[r]}})})),Object.keys(W).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return W[r]}})})),Object.keys(X).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return X[r]}})})),Object.keys(Z).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return Z[r]}})})),Object.keys($).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return $[r]}})})),Object.keys(ee).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ee[r]}})})),Object.keys(re).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return re[r]}})})),Object.keys(ae).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ae[r]}})})),Object.keys(oe).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return oe[r]}})})),Object.keys(ue).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ue[r]}})})),Object.keys(ne).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ne[r]}})})),Object.keys(te).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return te[r]}})})),Object.keys(le).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return le[r]}})})),Object.keys(ie).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ie[r]}})})),Object.keys(de).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return de[r]}})})),Object.keys(ce).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ce[r]}})})),Object.keys(ge).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return ge[r]}})})),Object.keys(se).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return se[r]}})})),Object.keys(fe).forEach((function(r){"default"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return fe[r]}})})),Object.defineProperty(e,"SdGridMaterial",{enumerable:!0,get:function(){return J.SdGridMaterial}}),Object.defineProperty(e,"SdApiModule",{enumerable:!0,get:function(){return Y.SdApiModule}}),Object.defineProperty(e,"SdApiService",{enumerable:!0,get:function(){return Y.SdApiService}}),e.MaterialModule=me,e.SdCoreModule=pe,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core.umd.min.js.map

package/bundles/sd-angular-core.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../projects/sd-core/src/lib/material.module.ts","../../../../projects/sd-core/src/lib/core.module.ts"],"names":["NgModule","args","imports","MatTooltipModule","MatFormFieldModule","MatInputModule","MatSelectModule","MatAutocompleteModule","MatCheckboxModule","MatSlideToggleModule","MatRadioModule","MatIconModule","MatMenuModule","MatChipsModule","MatButtonModule","MatDialogModule","MatBottomSheetModule","MatProgressSpinnerModule","DragDropModule","MatExpansionModule","MatTabsModule","MatPaginatorModule","exports","CommonModule","MaterialModule","SdChartModule","SdKonvaModule","SdGridMaterialModule","SdUploadExcelModule","SdGridModule","SdFormModule","SdServiceModule","declarations","SdEditorModule","providers"],"mappings":"g5MAkEA,kCA5CCA,EAAAA,SAAQC,KAAA,CAAC,CACRC,QAAS,CACPC,EAAAA,iBACAC,EAAAA,mBACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,sBACAC,EAAAA,kBACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,gBACAC,EAAAA,qBACAC,EAAAA,yBACAC,EAAAA,eACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,oBAEFC,QAAS,CACPnB,EAAAA,iBACAC,EAAAA,mBACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,sBACAC,EAAAA,kBACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,gBACAC,EAAAA,qBACAC,EAAAA,yBACAC,EAAAA,eACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,+BCtBJ,kCA5BCrB,EAAAA,SAAQC,KAAA,CAAC,CACRC,QAAS,CACPqB,EAAAA,aACAC,GACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,oBACAC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,iBAEFC,aAAc,GAEdV,QAAS,CACPG,EAAAA,cACAC,EAAAA,cACAC,EAAAA,qBACAM,EAAAA,eACAL,EAAAA,oBACAC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,gBACAP,IAEFU,UAAW","sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\n\r\n@NgModule({\r\n  imports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ],\r\n  exports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ]\r\n})\r\nexport class MaterialModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MaterialModule } from './material.module';\r\n\r\nimport { SdServiceModule } from '@sd-angular/core/service';\r\nimport { SdChartModule } from '@sd-angular/core/chart';\r\nimport { SdGridMaterialModule } from '@sd-angular/core/grid-material';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdKonvaModule } from '@sd-angular/core/konva';\r\nimport { SdUploadExcelModule } from '@sd-angular/core/upload-excel';\r\nimport { SdGridModule } from '@sd-angular/core/grid';\r\nimport { SdFormModule } from '@sd-angular/core/form';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MaterialModule,\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdServiceModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  exports: [\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdEditorModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdServiceModule,\r\n    MaterialModule,\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCoreModule { }\r\n"]}
+{"version":3,"sources":["../../../../projects/sd-core/src/lib/material.module.ts","../../../../projects/sd-core/src/lib/core.module.ts"],"names":["NgModule","args","imports","MatTooltipModule","MatFormFieldModule","MatInputModule","MatSelectModule","MatAutocompleteModule","MatCheckboxModule","MatSlideToggleModule","MatRadioModule","MatIconModule","MatMenuModule","MatChipsModule","MatButtonModule","MatDialogModule","MatBottomSheetModule","MatProgressSpinnerModule","DragDropModule","MatExpansionModule","MatTabsModule","MatPaginatorModule","exports","CommonModule","MaterialModule","SdChartModule","SdKonvaModule","SdGridMaterialModule","SdUploadExcelModule","SdGridModule","SdFormModule","SdServiceModule","declarations","SdEditorModule","providers"],"mappings":"igNAkEA,kCA5CCA,EAAAA,SAAQC,KAAA,CAAC,CACRC,QAAS,CACPC,EAAAA,iBACAC,EAAAA,mBACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,sBACAC,EAAAA,kBACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,gBACAC,EAAAA,qBACAC,EAAAA,yBACAC,EAAAA,eACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,oBAEFC,QAAS,CACPnB,EAAAA,iBACAC,EAAAA,mBACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,sBACAC,EAAAA,kBACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,gBACAC,EAAAA,qBACAC,EAAAA,yBACAC,EAAAA,eACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,+BCtBJ,kCA5BCrB,EAAAA,SAAQC,KAAA,CAAC,CACRC,QAAS,CACPqB,EAAAA,aACAC,GACAC,EAAAA,cACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,oBACAC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,iBAEFC,aAAc,GAEdV,QAAS,CACPG,EAAAA,cACAC,EAAAA,cACAC,EAAAA,qBACAM,EAAAA,eACAL,EAAAA,oBACAC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,gBACAP,IAEFU,UAAW","sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\n\r\n@NgModule({\r\n  imports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ],\r\n  exports: [\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatSelectModule,\r\n    MatAutocompleteModule,\r\n    MatCheckboxModule,\r\n    MatSlideToggleModule,\r\n    MatRadioModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatChipsModule,\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatBottomSheetModule,\r\n    MatProgressSpinnerModule,\r\n    DragDropModule,\r\n    MatExpansionModule,\r\n    MatTabsModule,\r\n    MatPaginatorModule\r\n  ]\r\n})\r\nexport class MaterialModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MaterialModule } from './material.module';\r\n\r\nimport { SdServiceModule } from '@sd-angular/core/service';\r\nimport { SdChartModule } from '@sd-angular/core/chart';\r\nimport { SdGridMaterialModule } from '@sd-angular/core/grid-material';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdKonvaModule } from '@sd-angular/core/konva';\r\nimport { SdUploadExcelModule } from '@sd-angular/core/upload-excel';\r\nimport { SdGridModule } from '@sd-angular/core/grid';\r\nimport { SdFormModule } from '@sd-angular/core/form';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MaterialModule,\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdServiceModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  exports: [\r\n    SdChartModule,\r\n    SdKonvaModule,\r\n    SdGridMaterialModule,\r\n    SdEditorModule,\r\n    SdUploadExcelModule,\r\n    SdGridModule,\r\n    SdFormModule,\r\n    SdServiceModule,\r\n    MaterialModule,\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdCoreModule { }\r\n"]}

package/comment/sd-angular-core-comment.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":25,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdComment"}],"exports":[{"__symbolic":"reference","name":"SdComment"}],"providers":[]}]}],"members":{}},"SdCommentOption":{"__symbolic":"interface"},"Comment":{"__symbolic":"interface"},"SdComment":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sd-comment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\" *ngIf=\"commentOption?.style==='basic'\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">•</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-body-style1\" *ngIf=\"commentOption?.style==='style1'\">\r\n    <ng-container *ngFor=\"let item of items | async; let i = index\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment {{i + 1 === (count | async) ? 'c-comment-border': ''}}\">\r\n          <div class=\"c-info mb-4\">\r\n            <div class=\"c-col-left\">\r\n              <div class=\"c-creator\">\r\n                {{item.creator}}\r\n              </div>\r\n              <div class=\"c-email\">\r\n                {{item.email}}\r\n              </div>\r\n            </div>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <div class=\"c-col-right\"\r\n                   [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy H:mm'\">{{item.createdDate | date:'dd/MM/yyyy H:mm'}}</div>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12 c-position-relative\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n                       [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n          </div>\r\n          <div *ngIf=\"commentOption?.fullComment?.enabled\" class=\"c-full-comment-backdrop\"\r\n               (click)=\"modalFullComment.open()\"></div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"Gửi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sd-modal [title]=\"'Comments' | sdTranslate\" width=\"sm\" [closeClickOutSide]=\"commentOption?.fullComment?.closeClickOutSide\" #modalFullComment>\r\n  <sd-modal-body>\r\n    <sd-editor [(model)]=\"message\" [styles]=\"fullCommentStyles\"\r\n               [toolbar]=\"commentOption?.editor?.toolbar\"\r\n               [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n               [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n               [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <sd-button class=\"ml-8\" title=\"Xóa toàn bộ\" size=\"sm\" type=\"link\"\r\n               (action)=\"clearAllData()\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"!commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Đóng\" size=\"sm\" (action)=\"modalFullComment.close()\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Gửi\" size=\"sm\" (action)=\"onSend();modalFullComment.close();\" [disabled]=\"!message\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n","styles":[".text-black400{color:#757575}.c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-body-style1{background:#fff;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body-style1:hover{overflow-y:auto}.c-container .c-body-style1 .c-comment{background:#fff;border-bottom:3px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.c-container .c-body-style1 .c-comment .c-info{color:#757575}.c-container .c-body-style1 .c-comment .c-info .c-creator{color:#000;font-weight:500;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-email{color:#000;font-weight:400;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-col-left{display:inline-block;overflow:hidden;vertical-align:top;width:calc(100% - 128px)}.c-container .c-body-style1 .c-comment .c-info .c-col-right{display:inline-block;margin-left:8px;width:120px}.c-container .c-body-style1 .c-comment-border{border-bottom:none}.c-container .c-footer{background:#fff;min-height:120px}.c-container .c-footer .c-position-relative{position:relative}.c-container .c-footer .c-full-comment-backdrop{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}"]}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextarea","line":21,"character":13}]}]}],"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommentModule":"./src/lib/comment.module","SdCommentOption":"./src/lib/comment.model","Comment":"./src/lib/comment.model","SdComment":"./src/lib/comment.component"},"importAs":"@sd-angular/core/comment"}
+{"__symbolic":"module","version":4,"metadata":{"SdCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":25,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdComment"}],"exports":[{"__symbolic":"reference","name":"SdComment"}],"providers":[]}]}],"members":{}},"SdCommentOption":{"__symbolic":"interface"},"Comment":{"__symbolic":"interface"},"SdComment":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sd-comment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\" *ngIf=\"commentOption?.style==='basic'\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">•</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-body-style1\" *ngIf=\"commentOption?.style==='style1'\" sdScroll>\r\n    <ng-container *ngFor=\"let item of items | async; let i = index\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment {{i + 1 === (count | async) ? 'c-comment-border': ''}}\">\r\n          <div class=\"c-info mb-4\">\r\n            <div class=\"c-col-left\">\r\n              <div class=\"c-creator\">\r\n                {{item.creator}}\r\n              </div>\r\n              <div class=\"c-email\">\r\n                {{item.email}}\r\n              </div>\r\n            </div>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <div class=\"c-col-right\"\r\n                   [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy H:mm'\">{{item.createdDate | date:'dd/MM/yyyy H:mm'}}</div>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12 c-position-relative\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n                       [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n          </div>\r\n          <div *ngIf=\"commentOption?.fullComment?.enabled\" class=\"c-full-comment-backdrop\"\r\n               (click)=\"modalFullComment.open()\"></div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"Gửi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sd-modal [title]=\"'Comments' | sdTranslate\" width=\"sm\" [closeClickOutSide]=\"commentOption?.fullComment?.closeClickOutSide\" #modalFullComment>\r\n  <sd-modal-body>\r\n    <sd-editor [(model)]=\"message\" [styles]=\"fullCommentStyles\"\r\n               [toolbar]=\"commentOption?.editor?.toolbar\"\r\n               [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n               [mentionValues]=\"commentOption?.editor?.mentionValues\"\r\n               [hashTagValues]=\"commentOption?.editor?.hashTagValues\"></sd-editor>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <sd-button class=\"ml-8\" title=\"Xóa toàn bộ\" size=\"sm\" type=\"link\"\r\n               (action)=\"clearAllData()\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"!commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Đóng\" size=\"sm\" (action)=\"modalFullComment.close()\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"commentOption?.fullComment?.enableSendButton\" class=\"ml-8\" title=\"Gửi\" size=\"sm\" (action)=\"onSend();modalFullComment.close();\" [disabled]=\"!message\"\r\n               color=\"primary\" type=\"fill\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n","styles":[".text-black400{color:#757575}.c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-body-style1{background:#fff;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body-style1 .c-comment{background:#fff;border-bottom:3px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.c-container .c-body-style1 .c-comment .c-info{color:#757575}.c-container .c-body-style1 .c-comment .c-info .c-creator{color:#000;font-weight:500;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-email{color:#000;font-weight:400;white-space:nowrap}.c-container .c-body-style1 .c-comment .c-info .c-col-left{display:inline-block;overflow:hidden;vertical-align:top;width:calc(100% - 128px)}.c-container .c-body-style1 .c-comment .c-info .c-col-right{display:inline-block;margin-left:8px;width:120px}.c-container .c-body-style1 .c-comment-border{border-bottom:none}.c-container .c-footer{background:#fff;min-height:120px}.c-container .c-footer .c-position-relative{position:relative}.c-container .c-footer .c-full-comment-backdrop{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}"]}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextarea","line":21,"character":13}]}]}],"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommentModule":"./src/lib/comment.module","SdCommentOption":"./src/lib/comment.model","Comment":"./src/lib/comment.model","SdComment":"./src/lib/comment.component"},"importAs":"@sd-angular/core/comment"}