| {"__symbolic":"module","version":4,"metadata":{"CovalentDialogsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":41,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":51,"character":4}],"declarations":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"},{"__symbolic":"reference","name":"TdDialogComponent"},{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"__symbolic":"reference","name":"TdDialogContentDirective"},{"__symbolic":"reference","name":"ɵa"}]],"exports":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"},{"__symbolic":"reference","name":"TdDialogComponent"},{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"__symbolic":"reference","name":"TdDialogContentDirective"},{"__symbolic":"reference","name":"ɵa"}]],"providers":[{"__symbolic":"reference","name":"TdDialogService"}]}]}],"members":{}},"TdDialogTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"td-dialog-title"}]}],"members":{}},"TdDialogContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"td-dialog-content"}]}],"members":{}},"TdDialogActionsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"td-dialog-actions"}]}],"members":{}},"TdDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"td-dialog","template":"<div class=\"td-dialog-wrapper\">\n <h3 class=\"td-dialog-title\" *ngIf=\"dialogTitle.length > 0\">\n <ng-content select=\"td-dialog-title\"></ng-content>\n </h3>\n <div class=\"td-dialog-content\" *ngIf=\"dialogContent.length > 0\">\n <ng-content select=\"td-dialog-content\"></ng-content>\n </div>\n <div class=\"td-dialog-actions\" *ngIf=\"dialogActions.length > 0\">\n <span class=\"td-dialog-spacer\"></span>\n <ng-content select=\"td-dialog-actions\"></ng-content>\n </div>\n</div>\n","styles":[".td-dialog-title{margin-bottom:20px;margin-top:0}.td-dialog-content{margin-bottom:16px}.td-dialog-actions{left:16px;position:relative;top:16px}::ng-deep [dir=rtl] .td-dialog-actions{left:auto;right:16px}:host{display:block}:host .td-dialog-actions{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}:host .td-dialog-actions .td-dialog-spacer{-ms-flex:1;flex:1}:host .td-dialog-actions ::ng-deep button{margin-left:8px;min-width:64px;padding-left:8px;padding-right:8px;text-transform:uppercase}[dir=rtl] :host .td-dialog-actions ::ng-deep button{margin-left:inherit;margin-right:8px}"]}]}],"members":{"dialogTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"descendants":true}]}]}],"dialogContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogContentDirective"},{"descendants":true}]}]}],"dialogActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"descendants":true}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"TdAlertDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-alert-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{ title }}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{ message }}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button color=\"accent\" (click)=\"close()\">{{ closeButton }}</button>\n </td-dialog-actions>\n</td-dialog>\n","styles":[".td-dialog-message{word-break:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdAlertDialogComponent"}]}]}],"close":[{"__symbolic":"method"}]}},"TdConfirmDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-confirm-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{ title }}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{ message }}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{ cancelButton }}</button>\n <button\n mat-button\n [color]=\"isDestructive ? 'warn' : 'accent'\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n (click)=\"accept()\"\n >\n {{ acceptButton }}\n </button>\n </td-dialog-actions>\n</td-dialog>\n","styles":[".td-dialog-message{word-break:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdConfirmDialogComponent"}]}]}],"cancel":[{"__symbolic":"method"}],"accept":[{"__symbolic":"method"}]}},"TdPromptDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-prompt-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{ title }}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{ message }}</span>\n <form #form=\"ngForm\" novalidate>\n <div class=\"td-dialog-input-wrapper\">\n <mat-form-field class=\"td-dialog-input\">\n <input\n matInput\n #input\n (focus)=\"handleInputFocus()\"\n (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n [(ngModel)]=\"value\"\n name=\"value\"\n required\n />\n </mat-form-field>\n </div>\n </form>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{ cancelButton }}</button>\n <button\n mat-button\n color=\"accent\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n [disabled]=\"!form.valid\"\n (click)=\"accept()\"\n >\n {{ acceptButton }}\n </button>\n </td-dialog-actions>\n</td-dialog>\n","styles":[".td-dialog-input-wrapper{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-dialog-input-wrapper .td-dialog-input{-ms-flex:1;box-sizing:border-box;flex:1}.td-dialog-message{word-break:break-word}"]}]}],"members":{"_input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["input",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdPromptDialogComponent"}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleInputFocus":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"accept":[{"__symbolic":"method"}]}},"IDialogConfig":{"__symbolic":"interface"},"IAlertConfig":{"__symbolic":"interface"},"IConfirmConfig":{"__symbolic":"interface"},"IPromptConfig":{"__symbolic":"interface"},"IDraggableConfig":{"__symbolic":"interface"},"IDraggableRefs":{"__symbolic":"interface"},"TdDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":44,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":49,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":50,"character":28},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDrop","line":51,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"RendererFactory2","line":52,"character":29}]}],"open":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"openAlert":[{"__symbolic":"method"}],"openConfirm":[{"__symbolic":"method"}],"openPrompt":[{"__symbolic":"method"}],"openDraggable":[{"__symbolic":"method"}],"_createConfig":[{"__symbolic":"method"}]}},"ResizableDraggableDialog":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":44,"character":24},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragRef","line":46,"character":22}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"_getDialogWrapper":[{"__symbolic":"method"}],"_getViewportDimensions":[{"__symbolic":"method"}],"_getDialogWrapperDimensions":[{"__symbolic":"method"}],"_initialPositionReset":[{"__symbolic":"method"}],"_attachCorners":[{"__symbolic":"method"}],"_handleMouseDown":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-window-dialog","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"template":"<mat-toolbar\n [color]=\"toolbarColor\"\n class=\"td-window-dialog-toolbar\"\n [style.min-height.px]=\"toolbarHeight\"\n [style.cursor]=\"docked ? 'inherit' : 'move'\"\n>\n <mat-toolbar-row [style.height.px]=\"toolbarHeight\">\n <div layout=\"row\" layout-align=\"start center\" flex>\n <span class=\"mat-title td-window-dialog-title truncate\" flex>\n {{ title }}\n </span>\n <!-- TODO: Resizing a drag-and-drop element was not working so removed docking/undocking for now-->\n <!-- <button mat-icon-button [matTooltip]=\"toggleDockedStateLabel\" (click)=\"toggleDockedState()\">\n <mat-icon [attr.aria-label]=\"toggleDockedStateLabel\">\n {{ docked ? 'unfold_more' : 'unfold_less' }}\n </mat-icon>\n </button> -->\n\n <button\n mat-icon-button\n [matTooltip]=\"closeLabel\"\n (click)=\"closed.emit()\"\n class=\"td-window-dialog-close\"\n [attr.data-test]=\"'close-button'\"\n >\n <mat-icon [attr.aria-label]=\"closeLabel\">close</mat-icon>\n </button>\n </div>\n </mat-toolbar-row>\n</mat-toolbar>\n<ng-content></ng-content>\n","styles":[":host{-ms-flex-direction:column;display:-ms-flexbox;display:flex;flex-direction:column;height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-window-dialog-toolbar{background:none}.td-window-dialog-title{margin-bottom:0}.td-window-dialog-close{margin-right:-8px}::ng-deep .td-window-dialog .mat-dialog-container{padding:0}"]}]}],"members":{"toolbarColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"docked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"toggleDockedStateLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"closeLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"dockToggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"toggleDockedState":[{"__symbolic":"method"}]}}},"origins":{"CovalentDialogsModule":"./dialogs.module","TdDialogTitleDirective":"./dialog.component","TdDialogContentDirective":"./dialog.component","TdDialogActionsDirective":"./dialog.component","TdDialogComponent":"./dialog.component","TdAlertDialogComponent":"./alert-dialog/alert-dialog.component","TdConfirmDialogComponent":"./confirm-dialog/confirm-dialog.component","TdPromptDialogComponent":"./prompt-dialog/prompt-dialog.component","IDialogConfig":"./services/dialog.service","IAlertConfig":"./services/dialog.service","IConfirmConfig":"./services/dialog.service","IPromptConfig":"./services/dialog.service","IDraggableConfig":"./services/dialog.service","IDraggableRefs":"./services/dialog.service","TdDialogService":"./services/dialog.service","ResizableDraggableDialog":"./resizable-draggable-dialog/resizable-draggable-dialog","ɵa":"./window-dialog/window-dialog.component"},"importAs":"@covalent/core/dialogs"} |