\n\n \n
\n","\n
\n\n \n \n \n
\n\n \n \n \n
\n \n
\n","\n \n\n \n \n \n\n
\n\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n \n
\n\n \n
\n \n \n
\n\n \n
\n\n
\n\n \n \n
\n {{hintLabel}}
\n \r\n
\r\n","\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n{{dropZoneLabel}}
\r\n \r\n \r\n
\r\n \n
\n\n\n {{placeholder || '\\u00A0'}}\n \n {{triggerValue || '\\u00A0'}}\n
\n\n \n
\n \n
\n \n\n","import { Directive, TemplateRef, EventEmitter, Component, NgZone, Renderer2, Input, Output, ContentChild, ViewChild, NgModule } from '@angular/core';\nimport { timer } from 'rxjs';\nimport { CommonModule } from '@angular/common';\n\n/**\r\n * fileEntry is an instance of {@link FileSystemFileEntry} or {@link FileSystemDirectoryEntry}.\r\n * Which one is it can be checked using {@link FileSystemEntry.isFile} or {@link FileSystemEntry.isDirectory}\r\n * properties of the given {@link FileSystemEntry}.\r\n */\r\nimport * as ɵngcc0 from '@angular/core';\nimport * as ɵngcc1 from '@angular/common';\n\nconst _c0 = [\"fileSelector\"];\nfunction NgxFileDropComponent_ng_template_4_div_0_Template(rf, ctx) { if (rf & 1) {\n ɵngcc0.ɵɵelementStart(0, \"div\", 8);\n ɵngcc0.ɵɵtext(1);\n ɵngcc0.ɵɵelementEnd();\n} if (rf & 2) {\n const ctx_r4 = ɵngcc0.ɵɵnextContext(2);\n ɵngcc0.ɵɵadvance(1);\n ɵngcc0.ɵɵtextInterpolate(ctx_r4.dropZoneLabel);\n} }\nfunction NgxFileDropComponent_ng_template_4_div_1_Template(rf, ctx) { if (rf & 1) {\n const _r7 = ɵngcc0.ɵɵgetCurrentView();\n ɵngcc0.ɵɵelementStart(0, \"div\");\n ɵngcc0.ɵɵelementStart(1, \"input\", 9);\n ɵngcc0.ɵɵlistener(\"click\", function NgxFileDropComponent_ng_template_4_div_1_Template_input_click_1_listener($event) { ɵngcc0.ɵɵrestoreView(_r7); const ctx_r6 = ɵngcc0.ɵɵnextContext(2); return ctx_r6.openFileSelector($event); });\n ɵngcc0.ɵɵelementEnd();\n ɵngcc0.ɵɵelementEnd();\n} if (rf & 2) {\n const ctx_r5 = ɵngcc0.ɵɵnextContext(2);\n ɵngcc0.ɵɵadvance(1);\n ɵngcc0.ɵɵpropertyInterpolate(\"value\", ctx_r5.browseBtnLabel);\n ɵngcc0.ɵɵproperty(\"className\", ctx_r5.browseBtnClassName);\n} }\nfunction NgxFileDropComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {\n ɵngcc0.ɵɵtemplate(0, NgxFileDropComponent_ng_template_4_div_0_Template, 2, 1, \"div\", 6);\n ɵngcc0.ɵɵtemplate(1, NgxFileDropComponent_ng_template_4_div_1_Template, 2, 2, \"div\", 7);\n} if (rf & 2) {\n const ctx_r2 = ɵngcc0.ɵɵnextContext();\n ɵngcc0.ɵɵproperty(\"ngIf\", ctx_r2.dropZoneLabel);\n ɵngcc0.ɵɵadvance(1);\n ɵngcc0.ɵɵproperty(\"ngIf\", ctx_r2.showBrowseBtn);\n} }\nfunction NgxFileDropComponent_ng_template_6_Template(rf, ctx) { }\nconst _c1 = function (a0) { return { openFileSelector: a0 }; };\nclass NgxFileDropEntry {\r\n constructor(relativePath, fileEntry) {\r\n this.relativePath = relativePath;\r\n this.fileEntry = fileEntry;\r\n }\r\n}\n\nclass NgxFileDropContentTemplateDirective {\r\n constructor(template) {\r\n this.template = template;\r\n }\r\n}\nNgxFileDropContentTemplateDirective.ɵfac = function NgxFileDropContentTemplateDirective_Factory(t) { return new (t || NgxFileDropContentTemplateDirective)(ɵngcc0.ɵɵdirectiveInject(ɵngcc0.TemplateRef)); };\nNgxFileDropContentTemplateDirective.ɵdir = ɵngcc0.ɵɵdefineDirective({ type: NgxFileDropContentTemplateDirective, selectors: [[\"\", \"ngx-file-drop-content-tmp\", \"\"]] });\r\nNgxFileDropContentTemplateDirective.ctorParameters = () => [\r\n { type: TemplateRef }\r\n];\n/*@__PURE__*/ (function () { ɵngcc0.ɵsetClassMetadata(NgxFileDropContentTemplateDirective, [{\n type: Directive,\n args: [{ selector: '[ngx-file-drop-content-tmp]' }]\n }], function () { return [{ type: ɵngcc0.TemplateRef }]; }, null); })();\n\nclass NgxFileDropComponent {\r\n constructor(zone, renderer) {\r\n this.zone = zone;\r\n this.renderer = renderer;\r\n this.accept = '*';\r\n this.directory = false;\r\n this.multiple = true;\r\n this.dropZoneLabel = '';\r\n this.dropZoneClassName = 'ngx-file-drop__drop-zone';\r\n this.useDragEnter = false;\r\n this.contentClassName = 'ngx-file-drop__content';\r\n this.showBrowseBtn = false;\r\n this.browseBtnClassName = 'btn btn-primary btn-xs ngx-file-drop__browse-btn';\r\n this.browseBtnLabel = 'Browse files';\r\n this.onFileDrop = new EventEmitter();\r\n this.onFileOver = new EventEmitter();\r\n this.onFileLeave = new EventEmitter();\r\n this.isDraggingOverDropZone = false;\r\n this.globalDraggingInProgress = false;\r\n this.files = [];\r\n this.numOfActiveReadEntries = 0;\r\n this.helperFormEl = null;\r\n this.fileInputPlaceholderEl = null;\r\n this.dropEventTimerSubscription = null;\r\n this._disabled = false;\r\n this.openFileSelector = (event) => {\r\n if (this.fileSelector && this.fileSelector.nativeElement) {\r\n this.fileSelector.nativeElement.click();\r\n }\r\n };\r\n this.globalDragStartListener = this.renderer.listen('document', 'dragstart', (evt) => {\r\n this.globalDraggingInProgress = true;\r\n });\r\n this.globalDragEndListener = this.renderer.listen('document', 'dragend', (evt) => {\r\n this.globalDraggingInProgress = false;\r\n });\r\n }\r\n get disabled() { return this._disabled; }\r\n set disabled(value) {\r\n this._disabled = (value != null && `${value}` !== 'false');\r\n }\r\n ngOnDestroy() {\r\n if (this.dropEventTimerSubscription) {\r\n this.dropEventTimerSubscription.unsubscribe();\r\n this.dropEventTimerSubscription = null;\r\n }\r\n this.globalDragStartListener();\r\n this.globalDragEndListener();\r\n this.files = [];\r\n this.helperFormEl = null;\r\n this.fileInputPlaceholderEl = null;\r\n }\r\n onDragOver(event) {\r\n if (this.useDragEnter) {\r\n this.preventAndStop(event);\r\n if (event.dataTransfer) {\r\n event.dataTransfer.dropEffect = 'copy';\r\n }\r\n }\r\n else if (!this.isDropzoneDisabled() && !this.useDragEnter && event.dataTransfer) {\r\n if (!this.isDraggingOverDropZone) {\r\n this.isDraggingOverDropZone = true;\r\n this.onFileOver.emit(event);\r\n }\r\n this.preventAndStop(event);\r\n event.dataTransfer.dropEffect = 'copy';\r\n }\r\n }\r\n onDragEnter(event) {\r\n if (!this.isDropzoneDisabled() && this.useDragEnter) {\r\n if (!this.isDraggingOverDropZone) {\r\n this.isDraggingOverDropZone = true;\r\n this.onFileOver.emit(event);\r\n }\r\n this.preventAndStop(event);\r\n }\r\n }\r\n onDragLeave(event) {\r\n if (!this.isDropzoneDisabled()) {\r\n if (this.isDraggingOverDropZone) {\r\n this.isDraggingOverDropZone = false;\r\n this.onFileLeave.emit(event);\r\n }\r\n this.preventAndStop(event);\r\n }\r\n }\r\n dropFiles(event) {\r\n if (!this.isDropzoneDisabled()) {\r\n this.isDraggingOverDropZone = false;\r\n if (event.dataTransfer) {\r\n let items;\r\n if (event.dataTransfer.items) {\r\n items = event.dataTransfer.items;\r\n }\r\n else {\r\n items = event.dataTransfer.files;\r\n }\r\n this.preventAndStop(event);\r\n this.checkFiles(items);\r\n }\r\n }\r\n }\r\n /**\r\n * Processes the change event of the file input and adds the given files.\r\n * @param Event event\r\n */\r\n uploadFiles(event) {\r\n if (!this.isDropzoneDisabled()) {\r\n if (event.target) {\r\n const items = event.target.files || [];\r\n this.checkFiles(items);\r\n this.resetFileInput();\r\n }\r\n }\r\n }\r\n checkFiles(items) {\r\n for (let i = 0; i < items.length; i++) {\r\n const item = items[i];\r\n let entry = null;\r\n if (this.canGetAsEntry(item)) {\r\n entry = item.webkitGetAsEntry();\r\n }\r\n if (!entry) {\r\n if (item) {\r\n const fakeFileEntry = {\r\n name: item.name,\r\n isDirectory: false,\r\n isFile: true,\r\n file: (callback) => {\r\n callback(item);\r\n },\r\n };\r\n const toUpload = new NgxFileDropEntry(fakeFileEntry.name, fakeFileEntry);\r\n this.addToQueue(toUpload);\r\n }\r\n }\r\n else {\r\n if (entry.isFile) {\r\n const toUpload = new NgxFileDropEntry(entry.name, entry);\r\n this.addToQueue(toUpload);\r\n }\r\n else if (entry.isDirectory) {\r\n this.traverseFileTree(entry, entry.name);\r\n }\r\n }\r\n }\r\n if (this.dropEventTimerSubscription) {\r\n this.dropEventTimerSubscription.unsubscribe();\r\n }\r\n this.dropEventTimerSubscription = timer(200, 200)\r\n .subscribe(() => {\r\n if (this.files.length > 0 && this.numOfActiveReadEntries === 0) {\r\n const files = this.files;\r\n this.files = [];\r\n this.onFileDrop.emit(files);\r\n }\r\n });\r\n }\r\n traverseFileTree(item, path) {\r\n if (item.isFile) {\r\n const toUpload = new NgxFileDropEntry(path, item);\r\n this.files.push(toUpload);\r\n }\r\n else {\r\n path = path + '/';\r\n const dirReader = item.createReader();\r\n let entries = [];\r\n const readEntries = () => {\r\n this.numOfActiveReadEntries++;\r\n dirReader.readEntries((result) => {\r\n if (!result.length) {\r\n // add empty folders\r\n if (entries.length === 0) {\r\n const toUpload = new NgxFileDropEntry(path, item);\r\n this.zone.run(() => {\r\n this.addToQueue(toUpload);\r\n });\r\n }\r\n else {\r\n for (let i = 0; i < entries.length; i++) {\r\n this.zone.run(() => {\r\n this.traverseFileTree(entries[i], path + entries[i].name);\r\n });\r\n }\r\n }\r\n }\r\n else {\r\n // continue with the reading\r\n entries = entries.concat(result);\r\n readEntries();\r\n }\r\n this.numOfActiveReadEntries--;\r\n });\r\n };\r\n readEntries();\r\n }\r\n }\r\n /**\r\n * Clears any added files from the file input element so the same file can subsequently be added multiple times.\r\n */\r\n resetFileInput() {\r\n if (this.fileSelector && this.fileSelector.nativeElement) {\r\n const fileInputEl = this.fileSelector.nativeElement;\r\n const fileInputContainerEl = fileInputEl.parentElement;\r\n const helperFormEl = this.getHelperFormElement();\r\n const fileInputPlaceholderEl = this.getFileInputPlaceholderElement();\r\n // Just a quick check so we do not mess up the DOM (will never happen though).\r\n if (fileInputContainerEl !== helperFormEl) {\r\n // Insert the form input placeholder in the DOM before the form input element.\r\n this.renderer.insertBefore(fileInputContainerEl, fileInputPlaceholderEl, fileInputEl);\r\n // Add the form input as child of the temporary form element, removing the form input from the DOM.\r\n this.renderer.appendChild(helperFormEl, fileInputEl);\r\n // Reset the form, thus clearing the input element of any files.\r\n helperFormEl.reset();\r\n // Add the file input back to the DOM in place of the file input placeholder element.\r\n this.renderer.insertBefore(fileInputContainerEl, fileInputEl, fileInputPlaceholderEl);\r\n // Remove the input placeholder from the DOM\r\n this.renderer.removeChild(fileInputContainerEl, fileInputPlaceholderEl);\r\n }\r\n }\r\n }\r\n /**\r\n * Get a cached HTML form element as a helper element to clear the file input element.\r\n */\r\n getHelperFormElement() {\r\n if (!this.helperFormEl) {\r\n this.helperFormEl = this.renderer.createElement('form');\r\n }\r\n return this.helperFormEl;\r\n }\r\n /**\r\n * Get a cached HTML div element to be used as placeholder for the file input element when clearing said element.\r\n */\r\n getFileInputPlaceholderElement() {\r\n if (!this.fileInputPlaceholderEl) {\r\n this.fileInputPlaceholderEl = this.renderer.createElement('div');\r\n }\r\n return this.fileInputPlaceholderEl;\r\n }\r\n canGetAsEntry(item) {\r\n return !!item.webkitGetAsEntry;\r\n }\r\n isDropzoneDisabled() {\r\n return (this.globalDraggingInProgress || this.disabled);\r\n }\r\n addToQueue(item) {\r\n this.files.push(item);\r\n }\r\n preventAndStop(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n}\nNgxFileDropComponent.ɵfac = function NgxFileDropComponent_Factory(t) { return new (t || NgxFileDropComponent)(ɵngcc0.ɵɵdirectiveInject(ɵngcc0.NgZone), ɵngcc0.ɵɵdirectiveInject(ɵngcc0.Renderer2)); };\nNgxFileDropComponent.ɵcmp = ɵngcc0.ɵɵdefineComponent({ type: NgxFileDropComponent, selectors: [[\"ngx-file-drop\"]], contentQueries: function NgxFileDropComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {\n ɵngcc0.ɵɵcontentQuery(dirIndex, NgxFileDropContentTemplateDirective, true, TemplateRef);\n } if (rf & 2) {\n let _t;\n ɵngcc0.ɵɵqueryRefresh(_t = ɵngcc0.ɵɵloadQuery()) && (ctx.contentTemplate = _t.first);\n } }, viewQuery: function NgxFileDropComponent_Query(rf, ctx) { if (rf & 1) {\n ɵngcc0.ɵɵstaticViewQuery(_c0, true);\n } if (rf & 2) {\n let _t;\n ɵngcc0.ɵɵqueryRefresh(_t = ɵngcc0.ɵɵloadQuery()) && (ctx.fileSelector = _t.first);\n } }, inputs: { accept: \"accept\", directory: \"directory\", multiple: \"multiple\", dropZoneLabel: \"dropZoneLabel\", dropZoneClassName: \"dropZoneClassName\", useDragEnter: \"useDragEnter\", contentClassName: \"contentClassName\", showBrowseBtn: \"showBrowseBtn\", browseBtnClassName: \"browseBtnClassName\", browseBtnLabel: \"browseBtnLabel\", disabled: \"disabled\" }, outputs: { onFileDrop: \"onFileDrop\", onFileOver: \"onFileOver\", onFileLeave: \"onFileLeave\" }, decls: 7, vars: 15, consts: [[3, \"className\", \"drop\", \"dragover\", \"dragenter\", \"dragleave\"], [3, \"className\"], [\"type\", \"file\", 1, \"ngx-file-drop__file-input\", 3, \"accept\", \"multiple\", \"change\"], [\"fileSelector\", \"\"], [\"defaultContentTemplate\", \"\"], [3, \"ngTemplateOutlet\", \"ngTemplateOutletContext\"], [\"class\", \"ngx-file-drop__drop-zone-label\", 4, \"ngIf\"], [4, \"ngIf\"], [1, \"ngx-file-drop__drop-zone-label\"], [\"type\", \"button\", 3, \"className\", \"value\", \"click\"]], template: function NgxFileDropComponent_Template(rf, ctx) { if (rf & 1) {\n ɵngcc0.ɵɵelementStart(0, \"div\", 0);\n ɵngcc0.ɵɵlistener(\"drop\", function NgxFileDropComponent_Template_div_drop_0_listener($event) { return ctx.dropFiles($event); })(\"dragover\", function NgxFileDropComponent_Template_div_dragover_0_listener($event) { return ctx.onDragOver($event); })(\"dragenter\", function NgxFileDropComponent_Template_div_dragenter_0_listener($event) { return ctx.onDragEnter($event); })(\"dragleave\", function NgxFileDropComponent_Template_div_dragleave_0_listener($event) { return ctx.onDragLeave($event); });\n ɵngcc0.ɵɵelementStart(1, \"div\", 1);\n ɵngcc0.ɵɵelementStart(2, \"input\", 2, 3);\n ɵngcc0.ɵɵlistener(\"change\", function NgxFileDropComponent_Template_input_change_2_listener($event) { return ctx.uploadFiles($event); });\n ɵngcc0.ɵɵelementEnd();\n ɵngcc0.ɵɵtemplate(4, NgxFileDropComponent_ng_template_4_Template, 2, 2, \"ng-template\", null, 4, ɵngcc0.ɵɵtemplateRefExtractor);\n ɵngcc0.ɵɵtemplate(6, NgxFileDropComponent_ng_template_6_Template, 0, 0, \"ng-template\", 5);\n ɵngcc0.ɵɵelementEnd();\n ɵngcc0.ɵɵelementEnd();\n } if (rf & 2) {\n const _r1 = ɵngcc0.ɵɵreference(5);\n ɵngcc0.ɵɵclassProp(\"ngx-file-drop__drop-zone--over\", ctx.isDraggingOverDropZone);\n ɵngcc0.ɵɵproperty(\"className\", ctx.dropZoneClassName);\n ɵngcc0.ɵɵadvance(1);\n ɵngcc0.ɵɵproperty(\"className\", ctx.contentClassName);\n ɵngcc0.ɵɵadvance(1);\n ɵngcc0.ɵɵproperty(\"accept\", ctx.accept)(\"multiple\", ctx.multiple);\n ɵngcc0.ɵɵattribute(\"directory\", ctx.directory || undefined)(\"webkitdirectory\", ctx.directory || undefined)(\"mozdirectory\", ctx.directory || undefined)(\"msdirectory\", ctx.directory || undefined)(\"odirectory\", ctx.directory || undefined);\n ɵngcc0.ɵɵadvance(4);\n ɵngcc0.ɵɵproperty(\"ngTemplateOutlet\", ctx.contentTemplate || _r1)(\"ngTemplateOutletContext\", ɵngcc0.ɵɵpureFunction1(13, _c1, ctx.openFileSelector));\n } }, directives: [ɵngcc1.NgTemplateOutlet, ɵngcc1.NgIf], styles: [\".ngx-file-drop__drop-zone[_ngcontent-%COMP%]{border:2px dotted #0782d0;border-radius:30px;height:100px;margin:auto}.ngx-file-drop__drop-zone--over[_ngcontent-%COMP%]{background-color:hsla(0,0%,57.6%,.5)}.ngx-file-drop__content[_ngcontent-%COMP%]{align-items:center;color:#0782d0;display:flex;height:100px;justify-content:center}.ngx-file-drop__drop-zone-label[_ngcontent-%COMP%]{text-align:center}.ngx-file-drop__file-input[_ngcontent-%COMP%]{display:none}\"] });\r\nNgxFileDropComponent.ctorParameters = () => [\r\n { type: NgZone },\r\n { type: Renderer2 }\r\n];\r\nNgxFileDropComponent.propDecorators = {\r\n accept: [{ type: Input }],\r\n directory: [{ type: Input }],\r\n multiple: [{ type: Input }],\r\n dropZoneLabel: [{ type: Input }],\r\n dropZoneClassName: [{ type: Input }],\r\n useDragEnter: [{ type: Input }],\r\n contentClassName: [{ type: Input }],\r\n showBrowseBtn: [{ type: Input }],\r\n browseBtnClassName: [{ type: Input }],\r\n browseBtnLabel: [{ type: Input }],\r\n onFileDrop: [{ type: Output }],\r\n onFileOver: [{ type: Output }],\r\n onFileLeave: [{ type: Output }],\r\n contentTemplate: [{ type: ContentChild, args: [NgxFileDropContentTemplateDirective, { read: TemplateRef },] }],\r\n fileSelector: [{ type: ViewChild, args: ['fileSelector', { static: true },] }],\r\n disabled: [{ type: Input }]\r\n};\n/*@__PURE__*/ (function () { ɵngcc0.ɵsetClassMetadata(NgxFileDropComponent, [{\n type: Component,\n args: [{\n selector: 'ngx-file-drop',\n template: \"\\r\\n
\\r\\n\",\n styles: [\".ngx-file-drop__drop-zone{border:2px dotted #0782d0;border-radius:30px;height:100px;margin:auto}.ngx-file-drop__drop-zone--over{background-color:hsla(0,0%,57.6%,.5)}.ngx-file-drop__content{align-items:center;color:#0782d0;display:flex;height:100px;justify-content:center}.ngx-file-drop__drop-zone-label{text-align:center}.ngx-file-drop__file-input{display:none}\"]\n }]\n }], function () { return [{ type: ɵngcc0.NgZone }, { type: ɵngcc0.Renderer2 }]; }, { accept: [{\n type: Input\n }], directory: [{\n type: Input\n }], multiple: [{\n type: Input\n }], dropZoneLabel: [{\n type: Input\n }], dropZoneClassName: [{\n type: Input\n }], useDragEnter: [{\n type: Input\n }], contentClassName: [{\n type: Input\n }], showBrowseBtn: [{\n type: Input\n }], browseBtnClassName: [{\n type: Input\n }], browseBtnLabel: [{\n type: Input\n }], onFileDrop: [{\n type: Output\n }], onFileOver: [{\n type: Output\n }], onFileLeave: [{\n type: Output\n }], disabled: [{\n type: Input\n }], contentTemplate: [{\n type: ContentChild,\n args: [NgxFileDropContentTemplateDirective, { read: TemplateRef }]\n }], fileSelector: [{\n type: ViewChild,\n args: ['fileSelector', { static: true }]\n }] }); })();\n\nclass NgxFileDropModule {\r\n}\nNgxFileDropModule.ɵmod = ɵngcc0.ɵɵdefineNgModule({ type: NgxFileDropModule, bootstrap: function () { return [NgxFileDropComponent]; } });\nNgxFileDropModule.ɵinj = ɵngcc0.ɵɵdefineInjector({ factory: function NgxFileDropModule_Factory(t) { return new (t || NgxFileDropModule)(); }, providers: [], imports: [[\n CommonModule\n ]] });\n(function () { (typeof ngJitMode === \"undefined\" || ngJitMode) && ɵngcc0.ɵɵsetNgModuleScope(NgxFileDropModule, { declarations: function () { return [NgxFileDropComponent, NgxFileDropContentTemplateDirective]; }, imports: function () { return [CommonModule]; }, exports: function () { return [NgxFileDropComponent, NgxFileDropContentTemplateDirective]; } }); })();\n/*@__PURE__*/ (function () { ɵngcc0.ɵsetClassMetadata(NgxFileDropModule, [{\n type: NgModule,\n args: [{\n declarations: [\n NgxFileDropComponent,\n NgxFileDropContentTemplateDirective,\n ],\n imports: [\n CommonModule\n ],\n exports: [\n NgxFileDropComponent,\n NgxFileDropContentTemplateDirective,\n ],\n providers: [],\n bootstrap: [\n NgxFileDropComponent\n ]\n }]\n }], null, null); })();\n\n/**\r\n * Generated bundle index. Do not edit.\r\n */\n\nexport { NgxFileDropComponent, NgxFileDropContentTemplateDirective, NgxFileDropEntry, NgxFileDropModule };\n\n//# sourceMappingURL=ngx-file-drop.js.map","\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n{{dropZoneLabel}}
\\r\\n \\r\\n \\r\\n
\\r\\n \n
\n\n","import { Injectable } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog'\r\nimport { MatConfirmDialogComponent } from './components/mat-confirm-dialog/mat-confirm-dialog.component'\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class DialogService {\r\n\r\n constructor(private dialog:MatDialog) { }\r\n openConfirmDialog(msg){\r\n return this.dialog.open(MatConfirmDialogComponent,{\r\n width:'390px',\r\n panelClass:'confirm-dialog-container',\r\n disableClose:true,\r\n data:{\r\n message:msg\r\n } \r\n });\r\n }\r\n}\r\n","import { R3TargetBinder } from '@angular/compiler';\r\nimport { Component, OnInit, Output, EventEmitter } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport {\r\n MultilevelNodes, Configuration, ExpandedRTL,\r\n ExpandedLTR, MultilevelMenuService, ExpandCollapseStatusEnum, SlideInOut\r\n} from 'ng-material-multilevel-menu';\r\nimport { List, PagesForMenu } from 'src/app/shared/interface';\r\nimport { SharedataService } from 'src/app/shared/sharedata.service';\r\n//import { SharedataService } from 'src/app/shared/sharedata.service';\r\nimport { TokenStorageService } from 'src/app/_services/token-storage.service';\r\nimport { NaomitsuService } from '../../shared/databaseService';\r\n@Component({\r\n selector: 'app-MultiLevelMenu',\r\n templateUrl: './MultiLevelMenu.component.html',\r\n styleUrls: ['./MultiLevelMenu.component.scss'],\r\n animations: [\r\n SlideInOut,\r\n ExpandedLTR,\r\n ExpandedRTL,\r\n ]\r\n})\r\n\r\nexport class MultiLevelMenuComponent implements OnInit {\r\n @Output() openLeftMenu = new EventEmitter();\r\n module = {\r\n admin: \"admin\",\r\n general: \"\"\r\n }\r\n MenuData = [];\r\n data: any[];\r\n loading = false;\r\n selectedIndex: number;\r\n loggedIn: boolean;\r\n expandCollapseStatus = 'expand';\r\n appitem = [];\r\n config: any;\r\n token: string = '';\r\n menuWithID: MultilevelNodes[] = null\r\n constructor(\r\n private multilevelMenuService: MultilevelMenuService,\r\n //private shareddata: SharedataService,\r\n private navigate: Router,\r\n private dataservice: NaomitsuService,\r\n private tokenStorage: TokenStorageService,\r\n private shareddata: SharedataService\r\n ) {\r\n\r\n this.loggedIn = tokenStorage.getToken() == null ? false : true;\r\n }\r\n menuIsReady(menus: MultilevelNodes[]) {\r\n this.menuWithID = menus;\r\n }\r\n getClass(item) {\r\n return item.faIcon;//]: true\r\n\r\n }\r\n selectMenuID(MenuID) {\r\n // console.log('menuid', MenuID);\r\n this.multilevelMenuService.selectMenuByID(MenuID);\r\n }\r\n setExpandCollapseStatus(type: ExpandCollapseStatusEnum) {\r\n this.multilevelMenuService.setMenuExapandCollpaseStatus(type);\r\n }\r\n\r\n selectedItem(menu: any) {\r\n debugger;\r\n //console.log('menu', menu);\r\n this.openLeftMenu.emit('1');\r\n this.navigate.navigate([menu.link]);\r\n }\r\n selectedLabel(event) {\r\n console.log('selectedLabel', event);\r\n }\r\n ngOnInit(): void {\r\n this.loading == true;\r\n this.config = {\r\n //customTemplate: true,\r\n paddingAtStart: true,\r\n interfaceWithRoute: false,\r\n //classname: 'my-custom-class',\r\n //listBackgroundColor: `rgb(208, 241, 239)`,\r\n fontColor:'rgb(255,255,255,.6)',\r\n\r\n //backgroundColor: '#',//`rgb(208, 241, 239)`,\r\n selectedListFontColor: `white`,//`rgb(197, 101, 76)`,\r\n selectedListFontStyle: 'bold',\r\n highlightOnSelect: true,\r\n collapseOnSelect: true,\r\n useDividers: false,\r\n rtlLayout: false,\r\n customTemplate: false\r\n };\r\n this.GetMenuData();\r\n }\r\n ngAfterViewInit(): void {\r\n //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.\r\n //Add 'implements AfterViewInit' to the class.\r\n\r\n\r\n this.loading = false;\r\n }\r\n setRow(_index: number) {\r\n this.selectedIndex = _index;\r\n }\r\n GetMenuData() {\r\n debugger;\r\n let containAdmin = window.location.href.toLowerCase().indexOf('admin');\r\n let strFilter = '';\r\n\r\n if (containAdmin > -1)\r\n strFilter = \"Active eq 1 and Module eq 2\";\r\n else\r\n strFilter = \"Active eq 1 and Module eq 1\"\r\n\r\n let list: List = new List();\r\n list.fields = [\r\n \"PageId\"\r\n , \"label\"\r\n , \"faIcon\"\r\n , \"link\"\r\n , \"ParentId\"\r\n , \"HasSubmenu\"\r\n ,\"UpdateDate\"\r\n ];\r\n //this.list.lookupFields = [\"PageGroup\", \"PageHistories\"];\r\n list.PageName = \"Pages\";\r\n list.orderBy = \"DisplayOrder\";\r\n list.filter = [strFilter];\r\n //const columns = [\"PageId\", \"Page Title\", \"PageGroupName\", \"Active\", \"Action\"];\r\n //if(!this.loggedIn)\r\n\r\n this.dataservice.get(list).subscribe((data: any) => {\r\n this.MenuData = [...data.value];\r\n let NewsNEvents = this.MenuData.filter(item => {\r\n return item.label.toUpperCase() == 'NEWS N EVENTS'\r\n })\r\n if (NewsNEvents.length > 0) {\r\n this.shareddata.ChangeNewsNEventId(NewsNEvents[0].PageId);\r\n }\r\n\r\n this.shareddata.ChangePageData(this.MenuData);\r\n this.buildMenu();\r\n });\r\n\r\n\r\n }\r\n\r\n async buildMenu() {\r\n \r\n let arr = [];\r\n this.shareddata.CurrentPagesData.subscribe(m => (arr = m));\r\n //console.log('accessing menu data from left menu', arr);\r\n //let arr = [...arrPageMenu[\"value\"]];\r\n let topmenu = [];\r\n arr.forEach((ele, key) => {\r\n ele.items = [];\r\n topmenu.push(ele);\r\n\r\n });\r\n\r\n //console.log('after copy',topmenu); \r\n let adminId: any;\r\n let top = topmenu.filter(ele => {\r\n return ele.ParentId == 0\r\n })\r\n\r\n if (!this.loggedIn) {\r\n top = top.filter(item => item.label.toLowerCase() != \"admin\");\r\n }\r\n top = top.filter(item => item.label.toUpperCase() != \"NEWS N EVENTS\");\r\n top.forEach(item => {\r\n\r\n if (item.HasSubmenu == true) {\r\n let subelement = topmenu.filter((inner, index) => {\r\n return inner.ParentId == item.PageId\r\n })\r\n subelement.forEach(filtered => {\r\n item.items.push(filtered)\r\n })\r\n item.items.sort((prev, current) => current.DisplayOrder - prev.DisplayOrder)\r\n }\r\n });\r\n //console.log('top',top);\r\n this.appitem = [];\r\n let final: IMenu[] = [];\r\n this.appitem = top.map\n
\n\n \n 1\"\n [appearance]=\"_formFieldAppearance!\"\n [color]=\"color\"\n class=\"mat-paginator-page-size-select\">\n \n \n {{pageSizeOption}}\n \n \n \n\n {{pageSize}}
\n \n {{_intl.itemsPerPageLabel}}\n
\n\n \n
\n \n {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\n
\n\n \n \n \n \n \r\n
\r\n","\n\n\n \n \n\n
\n","\n
\n\n \n \n \n \n \n
\n","\n\n\n\n\n
\n \n\n \n \n {{getSelectedIcon()}}\n \n \n \n ![\"{{node.label}}\"](\"{{getSelectedImageIcon()}}\"\n)
\n
\n {{node.label}}\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n","\n"],"sourceRoot":"webpack:///"}