nxt-dropzone-wrapper 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +162 -0
- package/esm2020/lib/dropzone.component.mjs +174 -0
- package/esm2020/lib/dropzone.directive.mjs +257 -0
- package/esm2020/lib/dropzone.interfaces.mjs +51 -0
- package/esm2020/lib/dropzone.module.mjs +19 -0
- package/esm2020/nxt-dropzone-wrapper.mjs +5 -0
- package/esm2020/public-api.mjs +5 -0
- package/fesm2015/nxt-dropzone-wrapper.mjs +497 -0
- package/fesm2015/nxt-dropzone-wrapper.mjs.map +1 -0
- package/fesm2020/nxt-dropzone-wrapper.mjs +493 -0
- package/fesm2020/nxt-dropzone-wrapper.mjs.map +1 -0
- package/lib/dropzone.component.d.ts +48 -0
- package/lib/dropzone.component.d.ts.map +1 -0
- package/lib/dropzone.directive.d.ts +54 -0
- package/lib/dropzone.directive.d.ts.map +1 -0
- package/lib/dropzone.interfaces.d.ts +146 -0
- package/lib/dropzone.interfaces.d.ts.map +1 -0
- package/lib/dropzone.module.d.ts +10 -0
- package/lib/dropzone.module.d.ts.map +1 -0
- package/nxt-dropzone-wrapper.d.ts +6 -0
- package/nxt-dropzone-wrapper.d.ts.map +1 -0
- package/package.json +39 -0
- package/public-api.d.ts +5 -0
- package/public-api.d.ts.map +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
# Angular Dropzone Wrapper
|
|
2
|
+
|
|
3
|
+
<a href="https://badge.fury.io/js/nxt-dropzone-wrapper"><img src="https://badge.fury.io/js/nxt-dropzone-wrapper.svg" align="right" alt="npm version" height="18"></a>
|
|
4
|
+
|
|
5
|
+
This is an Angular wrapper library for the [Dropzone](http://www.dropzonejs.com/). To use this library you should get familiar with the Dropzone documentation as well since this documentation only explains details specific to this wrapper.
|
|
6
|
+
|
|
7
|
+
This documentation is for the latest 13.x.x version which requires Angular 13 or newer.
|
|
8
|
+
|
|
9
|
+
### Quick links
|
|
10
|
+
|
|
11
|
+
[Example application](https://liquid-js.github.io/nxt-dropzone-wrapper/)
|
|
12
|
+
\|
|
|
13
|
+
[StackBlitz example](https://stackblitz.com/github/Liquid-JS/nxt-dropzone-wrapper/tree/master)
|
|
14
|
+
\|
|
|
15
|
+
[Dropzone documentation](http://www.dropzonejs.com/#configuration-options)
|
|
16
|
+
|
|
17
|
+
### Building the library
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm install
|
|
21
|
+
npm run build
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
### Running the example
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npm install
|
|
28
|
+
npm run start
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### Installing and usage
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
npm install nxt-dropzone-wrapper --save
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
##### Load the module for your app (with global configuration):
|
|
38
|
+
|
|
39
|
+
Providing the global configuration is optional and when used you should only provide the configuration in your root module.
|
|
40
|
+
|
|
41
|
+
```javascript
|
|
42
|
+
import { DropzoneModule } from 'nxt-dropzone-wrapper';
|
|
43
|
+
import { DROPZONE_CONFIG } from 'nxt-dropzone-wrapper';
|
|
44
|
+
import { DropzoneConfigInterface } from 'nxt-dropzone-wrapper';
|
|
45
|
+
|
|
46
|
+
const DEFAULT_DROPZONE_CONFIG: DropzoneConfigInterface = {
|
|
47
|
+
// Change this to your upload POST address:
|
|
48
|
+
url: 'https://httpbin.org/post',
|
|
49
|
+
maxFilesize: 50,
|
|
50
|
+
acceptedFiles: 'image/*'
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
@NgModule({
|
|
54
|
+
...
|
|
55
|
+
imports: [
|
|
56
|
+
...
|
|
57
|
+
DropzoneModule
|
|
58
|
+
],
|
|
59
|
+
providers: [
|
|
60
|
+
{
|
|
61
|
+
provide: DROPZONE_CONFIG,
|
|
62
|
+
useValue: DEFAULT_DROPZONE_CONFIG
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
})
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
##### Use it in your HTML template (with custom configuration):
|
|
69
|
+
|
|
70
|
+
This library provides two ways to create a Dropzone element, component for simple use cases and directive for more custom use cases.
|
|
71
|
+
|
|
72
|
+
**COMPONENT USAGE**
|
|
73
|
+
|
|
74
|
+
Simply replace the element that would ordinarily be passed to `Dropzone` with the dropzone component.
|
|
75
|
+
|
|
76
|
+
**NOTE:** Component provides couple additional features from directive such as the placeholder image. If you don't need them or want to create custom component then you might want to use the directive instead.
|
|
77
|
+
|
|
78
|
+
```html
|
|
79
|
+
<dropzone [config]="config" [message]="'Click or drag images here to upload'" (error)="onUploadError($event)" (success)="onUploadSuccess($event)"></dropzone>
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
```javascript
|
|
83
|
+
[config] // Custom config to override the global defaults.
|
|
84
|
+
|
|
85
|
+
[disabled] // Disables / detaches Dropzone from the element.
|
|
86
|
+
|
|
87
|
+
[message] // Message to show for the user on the upload area.
|
|
88
|
+
[placeholder] // Placeholder image to be shown as the upload area.
|
|
89
|
+
|
|
90
|
+
[useDropzoneClass] // Use 'dropzone' class (use provided default styles).
|
|
91
|
+
|
|
92
|
+
(error) // Event handler for the Dropzone upload error event.
|
|
93
|
+
(success) // Event handler for the Dropzone upload success event.
|
|
94
|
+
(canceled) // Event handler for the Dropzone upload canceled event.
|
|
95
|
+
|
|
96
|
+
(<dropzoneEvent>) // All Dropzone events / callbacks work as bindings.
|
|
97
|
+
// Event names are in camel case (not lower case).
|
|
98
|
+
// Example: maxfilesreached -> maxFilesReached
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
**DIRECTIVE USAGE**
|
|
102
|
+
|
|
103
|
+
When using only the directive you need to provide your own theming or import the default theme:
|
|
104
|
+
|
|
105
|
+
```css
|
|
106
|
+
@import '~dropzone/dist/min/dropzone.min.css';
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
Dropzone directive can be used in form or div element with optional custom configuration:
|
|
110
|
+
|
|
111
|
+
```html
|
|
112
|
+
<div class="dropzone" [dropzone]="config" (error)="onUploadError($event)" (success)="onUploadSuccess($event)"></div>
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
```javascript
|
|
116
|
+
[dropzone] // Can be used to provide optional custom config.
|
|
117
|
+
|
|
118
|
+
[disabled] // Disables / detaches Dropzone from the element.
|
|
119
|
+
|
|
120
|
+
(error) // Event handler for the Dropzone upload error event.
|
|
121
|
+
(success) // Event handler for the Dropzone upload success event.
|
|
122
|
+
(canceled) // Event handler for the Dropzone upload canceled event.
|
|
123
|
+
|
|
124
|
+
(<dropzoneEvent>) // All Dropzone events / callbacks work as bindings.
|
|
125
|
+
// Event names are in camel case (not lower case).
|
|
126
|
+
// Example: maxfilesreached -> maxFilesReached
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
##### Available configuration options (custom / global configuration):
|
|
130
|
+
|
|
131
|
+
This library supports all Dropzone configuration options and few extra options for easier usage.
|
|
132
|
+
|
|
133
|
+
**LIBRARY OPTIONS**
|
|
134
|
+
|
|
135
|
+
```javascript
|
|
136
|
+
autoReset // Time for resetting component after upload (Default: null).
|
|
137
|
+
errorReset // Time for resetting component after an error (Default: null).
|
|
138
|
+
cancelReset // Time for resetting component after canceling (Default: null).
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
**DROPZONE OPTIONS**
|
|
142
|
+
|
|
143
|
+
```javascript
|
|
144
|
+
url // Upload url where to send the upload request (Default: '').
|
|
145
|
+
method // HTTP method to use communicating with the server (Default: 'post').
|
|
146
|
+
headers // Object of additional headers to send to the server (Default: null).
|
|
147
|
+
paramName // Name of the file parameter that gets transferred (Default: 'file').
|
|
148
|
+
maxFilesize // Maximum file size for the upload files in megabytes (Default: null).
|
|
149
|
+
acceptedFiles // Comma separated list of mime types or file extensions (Default: null).
|
|
150
|
+
```
|
|
151
|
+
|
|
152
|
+
For more detailed documentation with all the supported Dropzone events / options see the Dropzone documentation.
|
|
153
|
+
|
|
154
|
+
##### Available control / helper functions (provided by the directive):
|
|
155
|
+
|
|
156
|
+
```javascript
|
|
157
|
+
dropzone() // Returns reference to the Dropzone instance for full API access.
|
|
158
|
+
|
|
159
|
+
reset(cancel?) // Removes all processed files (optionally cancels uploads as well).
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
Above functions can be accessed through the directive reference (available as directiveRef in the component).
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { PLATFORM_ID } from '@angular/core';
|
|
2
|
+
import { isPlatformBrowser } from '@angular/common';
|
|
3
|
+
import { Inject, Component, Input, Output, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
4
|
+
import { DropzoneDirective } from './dropzone.directive';
|
|
5
|
+
import { DropzoneEvents } from './dropzone.interfaces';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "./dropzone.directive";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
export class DropzoneComponent {
|
|
10
|
+
constructor(platformId) {
|
|
11
|
+
this.platformId = platformId;
|
|
12
|
+
this.disabled = false;
|
|
13
|
+
this.message = 'Click or drag files to upload';
|
|
14
|
+
this.placeholder = '';
|
|
15
|
+
this.useDropzoneClass = true;
|
|
16
|
+
this.DZ_INIT = new EventEmitter();
|
|
17
|
+
this.DZ_ERROR = new EventEmitter();
|
|
18
|
+
this.DZ_SUCCESS = new EventEmitter();
|
|
19
|
+
this.DZ_SENDING = new EventEmitter();
|
|
20
|
+
this.DZ_CANCELED = new EventEmitter();
|
|
21
|
+
this.DZ_COMPLETE = new EventEmitter();
|
|
22
|
+
this.DZ_PROCESSING = new EventEmitter();
|
|
23
|
+
this.DZ_DROP = new EventEmitter();
|
|
24
|
+
this.DZ_DRAGSTART = new EventEmitter();
|
|
25
|
+
this.DZ_DRAGEND = new EventEmitter();
|
|
26
|
+
this.DZ_DRAGENTER = new EventEmitter();
|
|
27
|
+
this.DZ_DRAGOVER = new EventEmitter();
|
|
28
|
+
this.DZ_DRAGLEAVE = new EventEmitter();
|
|
29
|
+
this.DZ_THUMBNAIL = new EventEmitter();
|
|
30
|
+
this.DZ_ADDEDFILE = new EventEmitter();
|
|
31
|
+
this.DZ_ADDEDFILES = new EventEmitter();
|
|
32
|
+
this.DZ_REMOVEDFILE = new EventEmitter();
|
|
33
|
+
this.DZ_UPLOADPROGRESS = new EventEmitter();
|
|
34
|
+
this.DZ_MAXFILESREACHED = new EventEmitter();
|
|
35
|
+
this.DZ_MAXFILESEXCEEDED = new EventEmitter();
|
|
36
|
+
this.DZ_ERRORMULTIPLE = new EventEmitter();
|
|
37
|
+
this.DZ_SUCCESSMULTIPLE = new EventEmitter();
|
|
38
|
+
this.DZ_SENDINGMULTIPLE = new EventEmitter();
|
|
39
|
+
this.DZ_CANCELEDMULTIPLE = new EventEmitter();
|
|
40
|
+
this.DZ_COMPLETEMULTIPLE = new EventEmitter();
|
|
41
|
+
this.DZ_PROCESSINGMULTIPLE = new EventEmitter();
|
|
42
|
+
this.DZ_RESET = new EventEmitter();
|
|
43
|
+
this.DZ_QUEUECOMPLETE = new EventEmitter();
|
|
44
|
+
this.DZ_TOTALUPLOADPROGRESS = new EventEmitter();
|
|
45
|
+
}
|
|
46
|
+
ngOnInit() {
|
|
47
|
+
if (!isPlatformBrowser(this.platformId)) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
window.setTimeout(() => {
|
|
51
|
+
DropzoneEvents.forEach((eventName) => {
|
|
52
|
+
if (this.directiveRef) {
|
|
53
|
+
const output = `DZ_${eventName.toUpperCase()}`;
|
|
54
|
+
const directiveOutput = output;
|
|
55
|
+
const componentOutput = output;
|
|
56
|
+
this.directiveRef[directiveOutput] = this[componentOutput];
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}, 0);
|
|
60
|
+
}
|
|
61
|
+
getPlaceholder() {
|
|
62
|
+
return 'url(' + encodeURI(this.placeholder) + ')';
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
DropzoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DropzoneComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
DropzoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DropzoneComponent, selector: "dropzone", inputs: { disabled: "disabled", config: "config", message: "message", placeholder: "placeholder", useDropzoneClass: "useDropzoneClass" }, outputs: { DZ_INIT: "init", DZ_ERROR: "error", DZ_SUCCESS: "success", DZ_SENDING: "sending", DZ_CANCELED: "canceled", DZ_COMPLETE: "complete", DZ_PROCESSING: "processing", DZ_DROP: "drop", DZ_DRAGSTART: "dragStart", DZ_DRAGEND: "dragEnd", DZ_DRAGENTER: "dragEnter", DZ_DRAGOVER: "dragOver", DZ_DRAGLEAVE: "dragLeave", DZ_THUMBNAIL: "thumbnail", DZ_ADDEDFILE: "addedFile", DZ_ADDEDFILES: "addedFiles", DZ_REMOVEDFILE: "removedFile", DZ_UPLOADPROGRESS: "uploadProgress", DZ_MAXFILESREACHED: "maxFilesReached", DZ_MAXFILESEXCEEDED: "maxFilesExceeded", DZ_ERRORMULTIPLE: "errorMultiple", DZ_SUCCESSMULTIPLE: "successMultiple", DZ_SENDINGMULTIPLE: "sendingMultiple", DZ_CANCELEDMULTIPLE: "canceledMultiple", DZ_COMPLETEMULTIPLE: "completeMultiple", DZ_PROCESSINGMULTIPLE: "processingMultiple", DZ_RESET: "reset", DZ_QUEUECOMPLETE: "queueComplete", DZ_TOTALUPLOADPROGRESS: "totalUploadProgress" }, viewQueries: [{ propertyName: "directiveRef", first: true, predicate: DropzoneDirective, descendants: true, static: true }], exportAs: ["ngxDropzone"], ngImport: i0, template: "<div class=\"dz-wrapper\" [class.dropzone]=\"useDropzoneClass\" [dropzone]=\"config\" [disabled]=\"disabled\" (init)=\"DZ_INIT.emit($event)\">\n <div class=\"dz-message\" [class.disabled]=\"disabled\" [class.dz-placeholder]=\"placeholder\">\n <div class=\"dz-text\" [innerHTML]=\"config?.dictDefaultMessage || message\"></div>\n\n <div *ngIf=\"placeholder\" class=\"dz-image\" [style.background-image]=\"getPlaceholder()\"></div>\n </div>\n\n <ng-content></ng-content>\n</div>\n", styles: ["dropzone{display:block;width:100%;height:auto}dropzone[fxflex]{display:flex;flex-direction:inherit;min-width:0;min-height:0}dropzone[fxflex]>.dropzone.dz-wrapper{flex:1 1 auto;min-width:0;min-height:0;-webkit-box-flex:1}dropzone[fxlayout]{align-items:inherit;align-content:inherit;justify-content:inherit;-webkit-box-align:inherit;-webkit-box-pack:inherit}dropzone[fxlayout]>.dropzone.dz-wrapper.dz-single{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}dropzone[fxlayout]>.dropzone.dz-wrapper.dz-multiple{display:flex;flex-flow:row wrap;align-items:flex-start;align-content:flex-start;justify-content:space-between;-webkit-box-align:flex-start;-webkit-box-pack:flex-start}dropzone>.dropzone.dz-wrapper{position:relative;overflow:auto;width:100%;min-height:0;max-height:100%;padding:0;border:none;color:#666;background:transparent}dropzone>.dropzone.dz-wrapper .dz-message{position:relative;display:inline-block;overflow:auto;width:calc(100% - 16px);min-width:calc(100% - 16px);min-height:40px;max-width:calc(100% - 16px);max-height:100%;margin:8px;border:2px dashed #aaa;background-color:#eee}dropzone>.dropzone.dz-wrapper .dz-message .dz-text{position:absolute;top:50%;width:100%;padding:8px 16px;text-align:center;transform:translateY(-50%)}dropzone>.dropzone.dz-wrapper .dz-message .dz-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}dropzone>.dropzone.dz-wrapper .dz-message.disabled{cursor:not-allowed}dropzone>.dropzone.dz-wrapper .dz-message.disabled .dz-text{opacity:.5}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder{border-color:rgba(#aaa,0)}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder .dz-text{position:absolute;z-index:1;top:0;right:10%;left:10%;opacity:0;font-weight:700;background-color:rgba(#fff,.5);transform:translateY(-50%);transition:filter .25s ease-in-out,opacity .25s ease-in-out,border-color .25s ease-in-out}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled){border-color:#aaa}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-text{opacity:1}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-image{filter:blur(8px)}dropzone>.dropzone.dz-wrapper .dz-preview{margin:8px}dropzone>.dropzone.dz-wrapper .dz-preview .dz-details{padding:24px}dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress{width:80%;margin-left:-40%;border:1px solid #aaa;border-radius:4px}dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload{background-color:#666}dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span{display:block;overflow:hidden;width:100%;max-width:100%;text-overflow:ellipsis}dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span:hover{overflow:visible;white-space:normal;word-wrap:break-word}dropzone>.dropzone.dz-wrapper.dz-single .dz-message{width:100%;height:100%}dropzone>.dropzone.dz-wrapper.dz-single.dz-started .dz-message{display:none}dropzone>.dropzone.dz-wrapper.dz-single .dz-preview{width:calc(100% - 16px);height:100%}dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image{width:100%;height:100%;border-radius:0}dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image img{display:block;width:100%;height:auto;margin:0}dropzone>.dropzone.dz-wrapper.dz-single .dz-error-message{top:50%;left:50%;transform:translate(-50%) translateY(100%)}dropzone>.dropzone.dz-wrapper.dz-multiple.dz-started .dz-message{display:inline-block}\n", "@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;transition:width .3s ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:\"\";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}\n"], directives: [{ type: i1.DropzoneDirective, selector: "[dropzone]", inputs: ["disabled", "dropzone"], outputs: ["init", "error", "success", "sending", "canceled", "complete", "processing", "drop", "dragStart", "dragEnd", "dragEnter", "dragOver", "dragLeave", "thumbnail", "addedFile", "addedFiles", "removedFile", "uploadProgress", "maxFilesReached", "maxFilesExceeded", "errorMultiple", "successMultiple", "sendingMultiple", "canceledMultiple", "completeMultiple", "processingMultiple", "reset", "queueComplete", "totalUploadProgress"], exportAs: ["ngxDropzone"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DropzoneComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'dropzone', exportAs: 'ngxDropzone', encapsulation: ViewEncapsulation.None, template: "<div class=\"dz-wrapper\" [class.dropzone]=\"useDropzoneClass\" [dropzone]=\"config\" [disabled]=\"disabled\" (init)=\"DZ_INIT.emit($event)\">\n <div class=\"dz-message\" [class.disabled]=\"disabled\" [class.dz-placeholder]=\"placeholder\">\n <div class=\"dz-text\" [innerHTML]=\"config?.dictDefaultMessage || message\"></div>\n\n <div *ngIf=\"placeholder\" class=\"dz-image\" [style.background-image]=\"getPlaceholder()\"></div>\n </div>\n\n <ng-content></ng-content>\n</div>\n", styles: ["dropzone{display:block;width:100%;height:auto}dropzone[fxflex]{display:flex;flex-direction:inherit;min-width:0;min-height:0}dropzone[fxflex]>.dropzone.dz-wrapper{flex:1 1 auto;min-width:0;min-height:0;-webkit-box-flex:1}dropzone[fxlayout]{align-items:inherit;align-content:inherit;justify-content:inherit;-webkit-box-align:inherit;-webkit-box-pack:inherit}dropzone[fxlayout]>.dropzone.dz-wrapper.dz-single{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}dropzone[fxlayout]>.dropzone.dz-wrapper.dz-multiple{display:flex;flex-flow:row wrap;align-items:flex-start;align-content:flex-start;justify-content:space-between;-webkit-box-align:flex-start;-webkit-box-pack:flex-start}dropzone>.dropzone.dz-wrapper{position:relative;overflow:auto;width:100%;min-height:0;max-height:100%;padding:0;border:none;color:#666;background:transparent}dropzone>.dropzone.dz-wrapper .dz-message{position:relative;display:inline-block;overflow:auto;width:calc(100% - 16px);min-width:calc(100% - 16px);min-height:40px;max-width:calc(100% - 16px);max-height:100%;margin:8px;border:2px dashed #aaa;background-color:#eee}dropzone>.dropzone.dz-wrapper .dz-message .dz-text{position:absolute;top:50%;width:100%;padding:8px 16px;text-align:center;transform:translateY(-50%)}dropzone>.dropzone.dz-wrapper .dz-message .dz-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}dropzone>.dropzone.dz-wrapper .dz-message.disabled{cursor:not-allowed}dropzone>.dropzone.dz-wrapper .dz-message.disabled .dz-text{opacity:.5}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder{border-color:rgba(#aaa,0)}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder .dz-text{position:absolute;z-index:1;top:0;right:10%;left:10%;opacity:0;font-weight:700;background-color:rgba(#fff,.5);transform:translateY(-50%);transition:filter .25s ease-in-out,opacity .25s ease-in-out,border-color .25s ease-in-out}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled){border-color:#aaa}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-text{opacity:1}dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-image{filter:blur(8px)}dropzone>.dropzone.dz-wrapper .dz-preview{margin:8px}dropzone>.dropzone.dz-wrapper .dz-preview .dz-details{padding:24px}dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress{width:80%;margin-left:-40%;border:1px solid #aaa;border-radius:4px}dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload{background-color:#666}dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span{display:block;overflow:hidden;width:100%;max-width:100%;text-overflow:ellipsis}dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span:hover{overflow:visible;white-space:normal;word-wrap:break-word}dropzone>.dropzone.dz-wrapper.dz-single .dz-message{width:100%;height:100%}dropzone>.dropzone.dz-wrapper.dz-single.dz-started .dz-message{display:none}dropzone>.dropzone.dz-wrapper.dz-single .dz-preview{width:calc(100% - 16px);height:100%}dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image{width:100%;height:100%;border-radius:0}dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image img{display:block;width:100%;height:auto;margin:0}dropzone>.dropzone.dz-wrapper.dz-single .dz-error-message{top:50%;left:50%;transform:translate(-50%) translateY(100%)}dropzone>.dropzone.dz-wrapper.dz-multiple.dz-started .dz-message{display:inline-block}\n", "@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;transition:width .3s ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:\"\";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}\n"] }]
|
|
70
|
+
}], ctorParameters: function () { return [{ type: Object, decorators: [{
|
|
71
|
+
type: Inject,
|
|
72
|
+
args: [PLATFORM_ID]
|
|
73
|
+
}] }]; }, propDecorators: { disabled: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], config: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], message: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], placeholder: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], useDropzoneClass: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], DZ_INIT: [{
|
|
84
|
+
type: Output,
|
|
85
|
+
args: ['init']
|
|
86
|
+
}], DZ_ERROR: [{
|
|
87
|
+
type: Output,
|
|
88
|
+
args: ['error']
|
|
89
|
+
}], DZ_SUCCESS: [{
|
|
90
|
+
type: Output,
|
|
91
|
+
args: ['success']
|
|
92
|
+
}], DZ_SENDING: [{
|
|
93
|
+
type: Output,
|
|
94
|
+
args: ['sending']
|
|
95
|
+
}], DZ_CANCELED: [{
|
|
96
|
+
type: Output,
|
|
97
|
+
args: ['canceled']
|
|
98
|
+
}], DZ_COMPLETE: [{
|
|
99
|
+
type: Output,
|
|
100
|
+
args: ['complete']
|
|
101
|
+
}], DZ_PROCESSING: [{
|
|
102
|
+
type: Output,
|
|
103
|
+
args: ['processing']
|
|
104
|
+
}], DZ_DROP: [{
|
|
105
|
+
type: Output,
|
|
106
|
+
args: ['drop']
|
|
107
|
+
}], DZ_DRAGSTART: [{
|
|
108
|
+
type: Output,
|
|
109
|
+
args: ['dragStart']
|
|
110
|
+
}], DZ_DRAGEND: [{
|
|
111
|
+
type: Output,
|
|
112
|
+
args: ['dragEnd']
|
|
113
|
+
}], DZ_DRAGENTER: [{
|
|
114
|
+
type: Output,
|
|
115
|
+
args: ['dragEnter']
|
|
116
|
+
}], DZ_DRAGOVER: [{
|
|
117
|
+
type: Output,
|
|
118
|
+
args: ['dragOver']
|
|
119
|
+
}], DZ_DRAGLEAVE: [{
|
|
120
|
+
type: Output,
|
|
121
|
+
args: ['dragLeave']
|
|
122
|
+
}], DZ_THUMBNAIL: [{
|
|
123
|
+
type: Output,
|
|
124
|
+
args: ['thumbnail']
|
|
125
|
+
}], DZ_ADDEDFILE: [{
|
|
126
|
+
type: Output,
|
|
127
|
+
args: ['addedFile']
|
|
128
|
+
}], DZ_ADDEDFILES: [{
|
|
129
|
+
type: Output,
|
|
130
|
+
args: ['addedFiles']
|
|
131
|
+
}], DZ_REMOVEDFILE: [{
|
|
132
|
+
type: Output,
|
|
133
|
+
args: ['removedFile']
|
|
134
|
+
}], DZ_UPLOADPROGRESS: [{
|
|
135
|
+
type: Output,
|
|
136
|
+
args: ['uploadProgress']
|
|
137
|
+
}], DZ_MAXFILESREACHED: [{
|
|
138
|
+
type: Output,
|
|
139
|
+
args: ['maxFilesReached']
|
|
140
|
+
}], DZ_MAXFILESEXCEEDED: [{
|
|
141
|
+
type: Output,
|
|
142
|
+
args: ['maxFilesExceeded']
|
|
143
|
+
}], DZ_ERRORMULTIPLE: [{
|
|
144
|
+
type: Output,
|
|
145
|
+
args: ['errorMultiple']
|
|
146
|
+
}], DZ_SUCCESSMULTIPLE: [{
|
|
147
|
+
type: Output,
|
|
148
|
+
args: ['successMultiple']
|
|
149
|
+
}], DZ_SENDINGMULTIPLE: [{
|
|
150
|
+
type: Output,
|
|
151
|
+
args: ['sendingMultiple']
|
|
152
|
+
}], DZ_CANCELEDMULTIPLE: [{
|
|
153
|
+
type: Output,
|
|
154
|
+
args: ['canceledMultiple']
|
|
155
|
+
}], DZ_COMPLETEMULTIPLE: [{
|
|
156
|
+
type: Output,
|
|
157
|
+
args: ['completeMultiple']
|
|
158
|
+
}], DZ_PROCESSINGMULTIPLE: [{
|
|
159
|
+
type: Output,
|
|
160
|
+
args: ['processingMultiple']
|
|
161
|
+
}], DZ_RESET: [{
|
|
162
|
+
type: Output,
|
|
163
|
+
args: ['reset']
|
|
164
|
+
}], DZ_QUEUECOMPLETE: [{
|
|
165
|
+
type: Output,
|
|
166
|
+
args: ['queueComplete']
|
|
167
|
+
}], DZ_TOTALUPLOADPROGRESS: [{
|
|
168
|
+
type: Output,
|
|
169
|
+
args: ['totalUploadProgress']
|
|
170
|
+
}], directiveRef: [{
|
|
171
|
+
type: ViewChild,
|
|
172
|
+
args: [DropzoneDirective, { static: true }]
|
|
173
|
+
}] } });
|
|
174
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcHpvbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbGliL3NyYy9saWIvZHJvcHpvbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbGliL3NyYy9saWIvZHJvcHpvbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFDaEIsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQ25DLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV6RCxPQUFPLEVBQWlCLGNBQWMsRUFBMkIsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQVkvRixNQUFNLE9BQU8saUJBQWlCO0lBK0M1QixZQUF5QyxVQUFrQjtRQUFsQixlQUFVLEdBQVYsVUFBVSxDQUFRO1FBOUNsRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBSTFCLFlBQU8sR0FBVywrQkFBK0IsQ0FBQztRQUNsRCxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixxQkFBZ0IsR0FBWSxJQUFJLENBQUM7UUFFUixZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFdEQsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3RELGVBQVUsR0FBb0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0RCxlQUFVLEdBQW9CLElBQUksWUFBWSxFQUFPLENBQUM7UUFDdEQsZ0JBQVcsR0FBbUIsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0RCxnQkFBVyxHQUFtQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3RE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QyxlQUFlO2dCQUNXLHNCQUFzQjtzQkFBdkQsTUFBTTt1QkFBQyxxQkFBcUI7Z0JBRW1CLFlBQVk7c0JBQTNELFNBQVM7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUExBVEZPUk1fSUQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEluamVjdCwgQ29tcG9uZW50LFxuICBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlcixcbiAgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEcm9wem9uZURpcmVjdGl2ZSB9IGZyb20gJy4vZHJvcHpvbmUuZGlyZWN0aXZlJztcblxuaW1wb3J0IHsgRHJvcHpvbmVFdmVudCwgRHJvcHpvbmVFdmVudHMsIERyb3B6b25lQ29uZmlnSW50ZXJmYWNlIH0gZnJvbSAnLi9kcm9wem9uZS5pbnRlcmZhY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZHJvcHpvbmUnLFxuICBleHBvcnRBczogJ25neERyb3B6b25lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3B6b25lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vZHJvcHpvbmUuY29tcG9uZW50LmNzcycsXG4gICAgJy4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9kcm9wem9uZS9kaXN0L21pbi9kcm9wem9uZS5taW4uY3NzJ1xuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIERyb3B6b25lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBjb25maWc/OiBEcm9wem9uZUNvbmZpZ0ludGVyZmFjZTtcblxuICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmcgPSAnQ2xpY2sgb3IgZHJhZyBmaWxlcyB0byB1cGxvYWQnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgdXNlRHJvcHpvbmVDbGFzczogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgnaW5pdCcgICAgICAgICAgICAgICAgICApIERaX0lOSVQgICAgICAgICAgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBPdXRwdXQoJ2Vycm9yJyAgICAgICAgICAgICAgICAgKSBEWl9FUlJPUiAgICAgICAgICAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgnc3VjY2VzcycgICAgICAgICAgICAgICApIERaX1NVQ0NFU1MgICAgICAgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdzZW5kaW5nJyAgICAgICAgICAgICAgICkgRFpfU0VORElORyAgICAgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ2NhbmNlbGVkJyAgICAgICAgICAgICAgKSBEWl9DQU5DRUxFRCAgICAgICAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgnY29tcGxldGUnICAgICAgICAgICAgICApIERaX0NPTVBMRVRFICAgICAgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdwcm9jZXNzaW5nJyAgICAgICAgICAgICkgRFpfUFJPQ0VTU0lORyAgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQE91dHB1dCgnZHJvcCcgICAgICAgICAgICAgICAgICApIERaX0RST1AgICAgICAgICAgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdkcmFnU3RhcnQnICAgICAgICAgICAgICkgRFpfRFJBR1NUQVJUICAgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ2RyYWdFbmQnICAgICAgICAgICAgICAgKSBEWl9EUkFHRU5EICAgICAgICAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgnZHJhZ0VudGVyJyAgICAgICAgICAgICApIERaX0RSQUdFTlRFUiAgICAgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdkcmFnT3ZlcicgICAgICAgICAgICAgICkgRFpfRFJBR09WRVIgICAgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ2RyYWdMZWF2ZScgICAgICAgICAgICAgKSBEWl9EUkFHTEVBVkUgICAgICAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBAT3V0cHV0KCd0aHVtYm5haWwnICAgICAgICAgICAgICkgRFpfVEhVTUJOQUlMICAgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ2FkZGVkRmlsZScgICAgICAgICAgICAgKSBEWl9BRERFREZJTEUgICAgICAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgnYWRkZWRGaWxlcycgICAgICAgICAgICApIERaX0FEREVERklMRVMgICAgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdyZW1vdmVkRmlsZScgICAgICAgICAgICkgRFpfUkVNT1ZFREZJTEUgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ3VwbG9hZFByb2dyZXNzJyAgICAgICAgKSBEWl9VUExPQURQUk9HUkVTUyAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgnbWF4RmlsZXNSZWFjaGVkJyAgICAgICApIERaX01BWEZJTEVTUkVBQ0hFRCAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdtYXhGaWxlc0V4Y2VlZGVkJyAgICAgICkgRFpfTUFYRklMRVNFWENFRURFRCAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQE91dHB1dCgnZXJyb3JNdWx0aXBsZScgICAgICAgICApIERaX0VSUk9STVVMVElQTEUgICAgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdzdWNjZXNzTXVsdGlwbGUnICAgICAgICkgRFpfU1VDQ0VTU01VTFRJUExFICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ3NlbmRpbmdNdWx0aXBsZScgICAgICAgKSBEWl9TRU5ESU5HTVVMVElQTEUgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgnY2FuY2VsZWRNdWx0aXBsZScgICAgICApIERaX0NBTkNFTEVETVVMVElQTEUgICAgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCdjb21wbGV0ZU11bHRpcGxlJyAgICAgICkgRFpfQ09NUExFVEVNVUxUSVBMRSAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ3Byb2Nlc3NpbmdNdWx0aXBsZScgICAgKSBEWl9QUk9DRVNTSU5HTVVMVElQTEUgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBAT3V0cHV0KCdyZXNldCcgICAgICAgICAgICAgICAgICkgRFpfUkVTRVQgICAgICAgICAgICAgICAgICAgID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoJ3F1ZXVlQ29tcGxldGUnICAgICAgICAgKSBEWl9RVUVVRUNPTVBMRVRFICAgICAgICAgICAgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgndG90YWxVcGxvYWRQcm9ncmVzcycgICApIERaX1RPVEFMVVBMT0FEUFJPR1JFU1MgICAgICA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBWaWV3Q2hpbGQoRHJvcHpvbmVEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIGRpcmVjdGl2ZVJlZj86IERyb3B6b25lRGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcGxhdGZvcm1JZDogT2JqZWN0KSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIERyb3B6b25lRXZlbnRzLmZvckVhY2goKGV2ZW50TmFtZTogRHJvcHpvbmVFdmVudCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5kaXJlY3RpdmVSZWYpIHtcbiAgICAgICAgICBjb25zdCBvdXRwdXQgPSBgRFpfJHtldmVudE5hbWUudG9VcHBlckNhc2UoKX1gO1xuXG4gICAgICAgICAgY29uc3QgZGlyZWN0aXZlT3V0cHV0ID0gb3V0cHV0IGFzIGtleW9mIERyb3B6b25lRGlyZWN0aXZlO1xuICAgICAgICAgIGNvbnN0IGNvbXBvbmVudE91dHB1dCA9IG91dHB1dCBhcyBrZXlvZiBEcm9wem9uZUNvbXBvbmVudDtcblxuICAgICAgICAgIHRoaXMuZGlyZWN0aXZlUmVmW2RpcmVjdGl2ZU91dHB1dF0gPSB0aGlzW2NvbXBvbmVudE91dHB1dF0gYXMgYW55O1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9LCAwKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRQbGFjZWhvbGRlcigpOiBzdHJpbmcge1xuICAgIHJldHVybiAndXJsKCcgKyBlbmNvZGVVUkkodGhpcy5wbGFjZWhvbGRlcikgKyAnKSc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkei13cmFwcGVyXCIgW2NsYXNzLmRyb3B6b25lXT1cInVzZURyb3B6b25lQ2xhc3NcIiBbZHJvcHpvbmVdPVwiY29uZmlnXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGluaXQpPVwiRFpfSU5JVC5lbWl0KCRldmVudClcIj5cbiAgPGRpdiBjbGFzcz1cImR6LW1lc3NhZ2VcIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbY2xhc3MuZHotcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHotdGV4dFwiIFtpbm5lckhUTUxdPVwiY29uZmlnPy5kaWN0RGVmYXVsdE1lc3NhZ2UgfHwgbWVzc2FnZVwiPjwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cInBsYWNlaG9sZGVyXCIgY2xhc3M9XCJkei1pbWFnZVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cImdldFBsYWNlaG9sZGVyKClcIj48L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|