@colijnit/sharedcomponents 1.0.57 → 1.0.58

package/esm2015/lib/components/files-upload/components/drag-drop-container.component.js

@@ -0,0 +1,115 @@
+import { __decorate } from "tslib";
+import { ElementRef, Input, Directive, Renderer2, Output, EventEmitter, HostBinding } from "@angular/core";
+import { InputBoolean } from "../../../decorator/input-boolean.decorator";
+import { DragDropContainer } from "../../../businessobject/drag-drop-container";
+import { CoOrientation } from "@colijnit/corecomponents_v12";
+import { ArrayUtils } from "@colijnit/sharedapi/build/utils/array-utils";
+import { DragDropService } from "../../../service/drag-drop.service";
+export class DragDropContainerComponent {
+    constructor(_elementRef, _renderer, _dragDropService) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._dragDropService = _dragDropService;
+        this.handleSort = false;
+        /**
+         * Class of the handle to drag operations
+         */
+        this.dragHandle = "";
+        // Emits when the order of sortableList items changed after a drag-drop action.
+        this.sortingChange = new EventEmitter();
+        this.showClass = true;
+        this._enabled = true;
+        this._initialized = false;
+        this._dragDropService.renderer = this._renderer;
+        this._container = new DragDropContainer(_elementRef.nativeElement, CoOrientation.Vertical);
+    }
+    set enabled(value) {
+        this._enabled = value;
+        this.handleEnabledChange();
+    }
+    ngAfterViewInit() {
+        this._initialized = true;
+        this._createDragDrop();
+        if (this._initialized) {
+            this._updateEnableDisableContainer();
+        }
+    }
+    /**
+     * Cleanup...
+     */
+    ngOnDestroy() {
+        this._removeDragDrop();
+        this._elementRef = undefined;
+    }
+    handleEnabledChange() {
+        if (!this._initialized) {
+            return;
+        }
+        if (this._enabled) {
+            this._dragDropService.enableContainer(this._container);
+            this._createDragDrop();
+        }
+        else {
+            this._dragDropService.disableContainer(this._container);
+            this._removeDragDrop();
+            this._initialized = false;
+        }
+    }
+    _createDragDrop() {
+        this._dragDropService.addContainer(this._container);
+        this._dragDropService.addDragHandle(this.dragHandle);
+        if (this.handleSort) { // subscribe drop event to be able to adapt the order of dropped items
+            this._handleOrderSub = this._dragDropService.drop.subscribe((event) => {
+                this._handleOrder(event.container, event.elementIndex, event.targetIndex);
+            });
+        }
+        this._initialized = true;
+    }
+    _removeDragDrop() {
+        this._dragDropService.removeContainer(this._container);
+        this._dragDropService.removeDragHandle(this.dragHandle);
+        if (this._handleOrderSub) {
+            this._handleOrderSub.unsubscribe();
+        }
+    }
+    _handleOrder(container, oldIndex, newIndex) {
+        if (container !== this._container) {
+            return;
+        }
+        if (newIndex === -1) {
+            newIndex = this.sortableList.length;
+        }
+        ArrayUtils.MoveElement(this.sortableList[oldIndex], newIndex, this.sortableList);
+        this.sortingChange.emit(this.sortableList);
+    }
+    _updateEnableDisableContainer() {
+        if (this._enabled) {
+            this._dragDropService.enableContainer(this._container);
+        }
+        else {
+            this._dragDropService.disableContainer(this._container);
+        }
+    }
+}
+DragDropContainerComponent.decorators = [
+    { type: Directive, args: [{
+                selector: "drag-drop-container"
+            },] }
+];
+DragDropContainerComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: DragDropService }
+];
+DragDropContainerComponent.propDecorators = {
+    sortableList: [{ type: Input }],
+    handleSort: [{ type: Input }],
+    enabled: [{ type: Input }],
+    dragHandle: [{ type: Input }],
+    sortingChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-drag-drop-container",] }]
+};
+__decorate([
+    InputBoolean()
+], DragDropContainerComponent.prototype, "handleSort", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1kcm9wLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWxlcy11cGxvYWQvY29tcG9uZW50cy9kcmFnLWRyb3AtY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxFQUdULFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUNaLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDeEUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sNkNBQTZDLENBQUM7QUFDOUUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUV2RSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFLbkUsTUFBTSxPQUFPLDBCQUEwQjtJQW9DbkMsWUFBb0IsV0FBdUIsRUFBVSxTQUFvQixFQUFVLGdCQUFpQztRQUFoRyxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFBVSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBMUI3RyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBUW5DOztXQUVHO1FBRUksZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUUvQiwrRUFBK0U7UUFFeEUsa0JBQWEsR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUcvRCxjQUFTLEdBQVksSUFBSSxDQUFDO1FBR3pCLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFFekIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFHbEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2hELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMvRixDQUFDO0lBM0JELElBQ1csT0FBTyxDQUFDLEtBQWM7UUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQXlCRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMsNkJBQTZCLEVBQUUsQ0FBQztTQUN4QztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDUCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUM7SUFDakMsQ0FBQztJQUVNLG1CQUFtQjtRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNwQixPQUFPO1NBQ1Y7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUN2RCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDMUI7YUFBTTtZQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDeEQsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzdCO0lBQ0wsQ0FBQztJQUVPLGVBQWU7UUFDbkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDckQsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsc0VBQXNFO1lBQ3pGLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFrQixFQUFFLEVBQUU7Z0JBQy9FLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUM5RSxDQUFDLENBQUMsQ0FBQztTQUNOO1FBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQztJQUVPLGVBQWU7UUFDbkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDdkQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN4RCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN0QztJQUNMLENBQUM7SUFFTyxZQUFZLENBQUMsU0FBNEIsRUFBRSxRQUFnQixFQUFFLFFBQWdCO1FBQ2pGLElBQUksU0FBUyxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDL0IsT0FBTztTQUNWO1FBQ0QsSUFBSSxRQUFRLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDakIsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO1NBQ3ZDO1FBQ0QsVUFBVSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTyw2QkFBNkI7UUFDakMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDMUQ7YUFBTTtZQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDM0Q7SUFDTCxDQUFDOzs7WUE5R0osU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7YUFDaEM7OztZQXBCQyxVQUFVO1lBS1YsU0FBUztZQVdILGVBQWU7OzsyQkFVbEIsS0FBSzt5QkFHTCxLQUFLO3NCQUlMLEtBQUs7eUJBU0wsS0FBSzs0QkFJTCxNQUFNO3dCQUdOLFdBQVcsU0FBQyw4QkFBOEI7O0FBbEIzQztJQURDLFlBQVksRUFBRTs4REFDb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgRGlyZWN0aXZlLFxyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIFJlbmRlcmVyMixcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtTdWJzY3JpcHRpb259IGZyb20gXCJyeGpzXCI7XHJcbmltcG9ydCB7SW5wdXRCb29sZWFufSBmcm9tIFwiLi4vLi4vLi4vZGVjb3JhdG9yL2lucHV0LWJvb2xlYW4uZGVjb3JhdG9yXCI7XHJcbmltcG9ydCB7RHJhZ0Ryb3BDb250YWluZXJ9IGZyb20gXCIuLi8uLi8uLi9idXNpbmVzc29iamVjdC9kcmFnLWRyb3AtY29udGFpbmVyXCI7XHJcbmltcG9ydCB7Q29PcmllbnRhdGlvbn0gZnJvbSBcIkBjb2xpam5pdC9jb3JlY29tcG9uZW50c192MTJcIjtcclxuaW1wb3J0IHtBcnJheVV0aWxzfSBmcm9tIFwiQGNvbGlqbml0L3NoYXJlZGFwaS9idWlsZC91dGlscy9hcnJheS11dGlsc1wiO1xyXG5pbXBvcnQge0NvRHJvcEV2ZW50fSBmcm9tIFwiLi4vLi4vLi4vZXZlbnQvY28tZHJvcC1ldmVudFwiO1xyXG5pbXBvcnQge0RyYWdEcm9wU2VydmljZX0gZnJvbSBcIi4uLy4uLy4uL3NlcnZpY2UvZHJhZy1kcm9wLnNlcnZpY2VcIjtcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiBcImRyYWctZHJvcC1jb250YWluZXJcIlxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHJhZ0Ryb3BDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogTW9kZWwgb2YgbGlzdCBjb250YWluaW5nIGRyYWdnYWJsZSBpdGVtc1xyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNvcnRhYmxlTGlzdDogYW55W107XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIEBJbnB1dEJvb2xlYW4oKVxyXG4gICAgcHVibGljIGhhbmRsZVNvcnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNldCBlbmFibGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICAgICAgdGhpcy5fZW5hYmxlZCA9IHZhbHVlO1xyXG4gICAgICAgIHRoaXMuaGFuZGxlRW5hYmxlZENoYW5nZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogQ2xhc3Mgb2YgdGhlIGhhbmRsZSB0byBkcmFnIG9wZXJhdGlvbnNcclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBkcmFnSGFuZGxlOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICAgIC8vIEVtaXRzIHdoZW4gdGhlIG9yZGVyIG9mIHNvcnRhYmxlTGlzdCBpdGVtcyBjaGFuZ2VkIGFmdGVyIGEgZHJhZy1kcm9wIGFjdGlvbi5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgcHVibGljIHNvcnRpbmdDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnlbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueVtdPigpO1xyXG5cclxuICAgIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLWRyYWctZHJvcC1jb250YWluZXJcIilcclxuICAgIHB1YmxpYyBzaG93Q2xhc3M6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAgIHByaXZhdGUgX2NvbnRhaW5lcjogRHJhZ0Ryb3BDb250YWluZXI7XHJcbiAgICBwcml2YXRlIF9lbmFibGVkOiBib29sZWFuID0gdHJ1ZTtcclxuICAgIHByaXZhdGUgX2hhbmRsZU9yZGVyU3ViOiBTdWJzY3JpcHRpb247XHJcbiAgICBwcml2YXRlIF9pbml0aWFsaXplZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgX2RyYWdEcm9wU2VydmljZTogRHJhZ0Ryb3BTZXJ2aWNlKSB7XHJcbiAgICAgICAgdGhpcy5fZHJhZ0Ryb3BTZXJ2aWNlLnJlbmRlcmVyID0gdGhpcy5fcmVuZGVyZXI7XHJcbiAgICAgICAgdGhpcy5fY29udGFpbmVyID0gbmV3IERyYWdEcm9wQ29udGFpbmVyKF9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIENvT3JpZW50YXRpb24uVmVydGljYWwpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLl9pbml0aWFsaXplZCA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5fY3JlYXRlRHJhZ0Ryb3AoKTtcclxuICAgICAgICBpZiAodGhpcy5faW5pdGlhbGl6ZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5fdXBkYXRlRW5hYmxlRGlzYWJsZUNvbnRhaW5lcigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIENsZWFudXAuLi5cclxuICAgICAqL1xyXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fcmVtb3ZlRHJhZ0Ryb3AoKTtcclxuICAgICAgICB0aGlzLl9lbGVtZW50UmVmID0gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBoYW5kbGVFbmFibGVkQ2hhbmdlKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICghdGhpcy5faW5pdGlhbGl6ZWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAodGhpcy5fZW5hYmxlZCkge1xyXG4gICAgICAgICAgICB0aGlzLl9kcmFnRHJvcFNlcnZpY2UuZW5hYmxlQ29udGFpbmVyKHRoaXMuX2NvbnRhaW5lcik7XHJcbiAgICAgICAgICAgIHRoaXMuX2NyZWF0ZURyYWdEcm9wKCk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5fZHJhZ0Ryb3BTZXJ2aWNlLmRpc2FibGVDb250YWluZXIodGhpcy5fY29udGFpbmVyKTtcclxuICAgICAgICAgICAgdGhpcy5fcmVtb3ZlRHJhZ0Ryb3AoKTtcclxuICAgICAgICAgICAgdGhpcy5faW5pdGlhbGl6ZWQgPSBmYWxzZTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfY3JlYXRlRHJhZ0Ryb3AoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fZHJhZ0Ryb3BTZXJ2aWNlLmFkZENvbnRhaW5lcih0aGlzLl9jb250YWluZXIpO1xyXG4gICAgICAgIHRoaXMuX2RyYWdEcm9wU2VydmljZS5hZGREcmFnSGFuZGxlKHRoaXMuZHJhZ0hhbmRsZSk7XHJcbiAgICAgICAgaWYgKHRoaXMuaGFuZGxlU29ydCkgeyAvLyBzdWJzY3JpYmUgZHJvcCBldmVudCB0byBiZSBhYmxlIHRvIGFkYXB0IHRoZSBvcmRlciBvZiBkcm9wcGVkIGl0ZW1zXHJcbiAgICAgICAgICAgIHRoaXMuX2hhbmRsZU9yZGVyU3ViID0gdGhpcy5fZHJhZ0Ryb3BTZXJ2aWNlLmRyb3Auc3Vic2NyaWJlKChldmVudDogQ29Ecm9wRXZlbnQpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuX2hhbmRsZU9yZGVyKGV2ZW50LmNvbnRhaW5lciwgZXZlbnQuZWxlbWVudEluZGV4LCBldmVudC50YXJnZXRJbmRleCk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLl9pbml0aWFsaXplZCA9IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfcmVtb3ZlRHJhZ0Ryb3AoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fZHJhZ0Ryb3BTZXJ2aWNlLnJlbW92ZUNvbnRhaW5lcih0aGlzLl9jb250YWluZXIpO1xyXG4gICAgICAgIHRoaXMuX2RyYWdEcm9wU2VydmljZS5yZW1vdmVEcmFnSGFuZGxlKHRoaXMuZHJhZ0hhbmRsZSk7XHJcbiAgICAgICAgaWYgKHRoaXMuX2hhbmRsZU9yZGVyU3ViKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2hhbmRsZU9yZGVyU3ViLnVuc3Vic2NyaWJlKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2hhbmRsZU9yZGVyKGNvbnRhaW5lcjogRHJhZ0Ryb3BDb250YWluZXIsIG9sZEluZGV4OiBudW1iZXIsIG5ld0luZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgICAgICBpZiAoY29udGFpbmVyICE9PSB0aGlzLl9jb250YWluZXIpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAobmV3SW5kZXggPT09IC0xKSB7XHJcbiAgICAgICAgICAgIG5ld0luZGV4ID0gdGhpcy5zb3J0YWJsZUxpc3QubGVuZ3RoO1xyXG4gICAgICAgIH1cclxuICAgICAgICBBcnJheVV0aWxzLk1vdmVFbGVtZW50KHRoaXMuc29ydGFibGVMaXN0W29sZEluZGV4XSwgbmV3SW5kZXgsIHRoaXMuc29ydGFibGVMaXN0KTtcclxuICAgICAgICB0aGlzLnNvcnRpbmdDaGFuZ2UuZW1pdCh0aGlzLnNvcnRhYmxlTGlzdCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfdXBkYXRlRW5hYmxlRGlzYWJsZUNvbnRhaW5lcigpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5fZW5hYmxlZCkge1xyXG4gICAgICAgICAgICB0aGlzLl9kcmFnRHJvcFNlcnZpY2UuZW5hYmxlQ29udGFpbmVyKHRoaXMuX2NvbnRhaW5lcik7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5fZHJhZ0Ryb3BTZXJ2aWNlLmRpc2FibGVDb250YWluZXIodGhpcy5fY29udGFpbmVyKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/files-upload/files-upload.component.js

@@ -0,0 +1,131 @@
+import { __awaiter, __decorate } from "tslib";
+import { Component, ComponentFactoryResolver, ContentChild, EventEmitter, forwardRef, HostBinding, Input, Output, ViewChild, ViewContainerRef, ViewEncapsulation } from "@angular/core";
+import { BaseFileUploadComponent } from "./components/base-file-upload.component";
+import { SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME } from "@colijnit/corecomponents_v12";
+import { DictionaryService } from "../../service/dictionary.service";
+import { InputBoolean } from "../../decorator/input-boolean.decorator";
+// A component that lets the user make a list of files from its device. Doesn't actually upload, but outputs chosen files as filesChanged.
+export class FilesUploadComponent extends BaseFileUploadComponent {
+    constructor(
+    //promptService: PromptService,
+    dictionaryService, 
+    //userService: UserService,
+    _container, _factory) {
+        super(dictionaryService, _container, _factory);
+        this._container = _container;
+        this._factory = _factory;
+        // Input button label
+        this.label = "UPLOAD_FILE";
+        this.customImageClick = false;
+        this.isEditable = false;
+        this.hideAvatars = false;
+        this.editSlideoutSubmit = new EventEmitter();
+        this.tagsChangeEvent = new EventEmitter();
+        this.imageClick = new EventEmitter();
+        this.slideoutShown = false;
+        this.isDropzone = false;
+    }
+    set dropzone(value) {
+        this.isDropzone = value;
+    }
+    showClass() {
+        return true;
+    }
+    get editable() {
+        return this.canAdd;
+    }
+    get empty() {
+        return !this.documents || this.documents.length === 0;
+    }
+    ngOnDestroy() {
+        this.slideoutTemplate = undefined;
+        this.input = undefined;
+        super.ngOnDestroy();
+    }
+    openFileBrowser() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.input && this.input.nativeElement) {
+                this.input.nativeElement.click();
+            }
+        });
+    }
+    handleAddClick() {
+        this.openFileBrowser();
+    }
+}
+FilesUploadComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-files-upload",
+                template: `
+        <div class="files-upload-wrapper">
+            <drag-drop-container
+                                 [sortableList]="documents"
+                                 (sortingChange)="handleSortingChange($event)"
+                                 [handleSort]="true"
+                                 dragHandle="tile"
+                                 [enabled]="!noDragDropOrdering">
+                <co-file-upload *ngIf="canAdd && addWithButton" class="add-file"
+                             isAddingTile
+                             icon="plus_round_open"
+                             [link]="true"
+                             [label]="label | localize"
+                             (mouseover)="mouseOverAdd = true"
+                             (mouseout)="mouseOverAdd = false"
+                             (click)="handleAddClick()"></co-file-upload> <!-- (click)="handleAddClick()" -->
+                <co-file-upload *ngFor="let file of documents" class="tile"
+                             [readonly]="file.readonly || readonly"
+                             [class.hidden]="hideAvatars ? file.isAvatar : false"
+                             [file]="file"
+                             [label]="file.fileName"
+                             [showTrashCan]="canDelete"
+                             [fileSavesOnPopupOkClick]="fileSavesOnPopupOkClick"
+                             [isEditable]="isEditable"
+                             [customImageClick]="customImageClick"
+                             (imageClick)="imageClick.emit($event)"
+                             (deleteClick)="handleDelete(file)"
+                             (editClick)="handleEditDocumentClick($event)"></co-file-upload>
+            </drag-drop-container>
+            <span class="maxuploadsize" textContent="getMaxFileSizeNotition()" [class.show]="mouseOverAdd"></span>
+            <input #inputFile [accept]="acceptedUploadFormats" (change)="handleFileChange($event)" type="file" hidden multiple/>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None,
+                providers: [
+                    {
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => FilesUploadComponent)
+                    }
+                ]
+            },] }
+];
+FilesUploadComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: ViewContainerRef },
+    { type: ComponentFactoryResolver }
+];
+FilesUploadComponent.propDecorators = {
+    dropzone: [{ type: Input }],
+    slideoutTemplate: [{ type: ContentChild, args: ["slideoutTemplate", { static: true },] }],
+    input: [{ type: ViewChild, args: ["inputFile", { static: true },] }],
+    label: [{ type: Input }],
+    cfgNames: [{ type: Input }],
+    customImageClick: [{ type: Input }],
+    isEditable: [{ type: Input }],
+    hideAvatars: [{ type: Input }],
+    fileSavesOnPopupOkClick: [{ type: Input }],
+    selected: [{ type: Input }],
+    editSlideoutSubmit: [{ type: Output }],
+    tagsChangeEvent: [{ type: Output }],
+    imageClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-files-upload',] }],
+    editable: [{ type: HostBinding, args: ["class.editable",] }],
+    empty: [{ type: HostBinding, args: ["class.empty",] }],
+    isDropzone: [{ type: HostBinding, args: ['class.dropzone',] }]
+};
+__decorate([
+    InputBoolean()
+], FilesUploadComponent.prototype, "isEditable", void 0);
+__decorate([
+    InputBoolean()
+], FilesUploadComponent.prototype, "hideAvatars", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZXMtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZGNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ZpbGVzLXVwbG9hZC9maWxlcy11cGxvYWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHdCQUF3QixFQUN4QixZQUFZLEVBRVosWUFBWSxFQUFFLFVBQVUsRUFDeEIsV0FBVyxFQUNYLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxFQUNULGdCQUFnQixFQUNoQixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFDLDhDQUE4QyxFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDNUYsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFHbkUsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBNkNyRSwwSUFBMEk7QUFDMUksTUFBTSxPQUFPLG9CQUFxQixTQUFRLHVCQUF1QjtJQW9FN0Q7SUFDSSwrQkFBK0I7SUFDL0IsaUJBQW9DO0lBQ3BDLDJCQUEyQjtJQUNqQixVQUE0QixFQUM1QixRQUFrQztRQVE1QyxLQUFLLENBQUMsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBVHJDLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBQzVCLGFBQVEsR0FBUixRQUFRLENBQTBCO1FBMURoRCxxQkFBcUI7UUFFZCxVQUFLLEdBQVcsYUFBYSxDQUFDO1FBTTlCLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUlsQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRzVCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBU3BCLHVCQUFrQixHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzNFLG9CQUFlLEdBQWdDLElBQUksWUFBWSxFQUFpQixDQUFDO1FBR2pGLGVBQVUsR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQW1CdEUsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFFL0IsZUFBVSxHQUFZLEtBQUssQ0FBQztJQWdCbkMsQ0FBQztJQWhGRCxJQUNXLFFBQVEsQ0FBQyxLQUFjO1FBQzlCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUE0Q00sU0FBUztRQUNkLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELElBQ1csUUFBUTtRQUNmLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFDVyxLQUFLO1FBQ1osT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDO0lBQzFELENBQUM7SUF1QkQsV0FBVztRQUNQLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7UUFDdkIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFWSxlQUFlOztZQUN4QixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUU7Z0JBQ3hDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ3BDO1FBQ0wsQ0FBQztLQUFBO0lBRU0sY0FBYztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7O1lBOUlKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBZ0NUO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxTQUFTLEVBQUU7b0JBQ1A7d0JBQ0ksT0FBTyxFQUFFLDhDQUE4Qzt3QkFDdkQsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztxQkFDdEQ7aUJBQ0o7YUFDSjs7O1lBL0NPLGlCQUFpQjtZQUx2QixnQkFBZ0I7WUFWaEIsd0JBQXdCOzs7dUJBa0VyQixLQUFLOytCQU1MLFlBQVksU0FBQyxrQkFBa0IsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7b0JBSS9DLFNBQVMsU0FBQyxXQUFXLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO29CQUlyQyxLQUFLO3VCQUdMLEtBQUs7K0JBR0wsS0FBSzt5QkFHTCxLQUFLOzBCQUlMLEtBQUs7c0NBR0wsS0FBSzt1QkFHTCxLQUFLO2lDQUdMLE1BQU07OEJBR04sTUFBTTt5QkFHTixNQUFNO3dCQUlOLFdBQVcsU0FBQyx1QkFBdUI7dUJBS25DLFdBQVcsU0FBQyxnQkFBZ0I7b0JBSzVCLFdBQVcsU0FBQyxhQUFhO3lCQU96QixXQUFXLFNBQUMsZ0JBQWdCOztBQXRDN0I7SUFEQyxZQUFZLEVBQUU7d0RBQ29CO0FBR25DO0lBRFUsWUFBWSxFQUFFO3lEQUNZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT3V0cHV0LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3Q29udGFpbmVyUmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtCYXNlRmlsZVVwbG9hZENvbXBvbmVudH0gZnJvbSBcIi4vY29tcG9uZW50cy9iYXNlLWZpbGUtdXBsb2FkLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge1NDUkVFTl9DT05GSUdfQURBUFRFUl9DT01QT05FTlRfSU5URVJGQUNFX05BTUV9IGZyb20gXCJAY29saWpuaXQvY29yZWNvbXBvbmVudHNfdjEyXCI7XHJcbmltcG9ydCB7RGljdGlvbmFyeVNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlL2RpY3Rpb25hcnkuc2VydmljZVwiO1xyXG5pbXBvcnQge0NvRG9jdW1lbnR9IGZyb20gXCJAY29saWpuaXQvbWFpbmFwaS9idWlsZC9tb2RlbC9jby1kb2N1bWVudFwiO1xyXG5pbXBvcnQge1RhZ1RyZWVJdGVtfSBmcm9tIFwiQGNvbGlqbml0L21haW5hcGkvYnVpbGQvbW9kZWwvdGFnLXRyZWUtaXRlbS5ib1wiO1xyXG5pbXBvcnQge0lucHV0Qm9vbGVhbn0gZnJvbSBcIi4uLy4uL2RlY29yYXRvci9pbnB1dC1ib29sZWFuLmRlY29yYXRvclwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogXCJjby1maWxlcy11cGxvYWRcIixcclxuICAgIHRlbXBsYXRlOiBgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZpbGVzLXVwbG9hZC13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxkcmFnLWRyb3AtY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzb3J0YWJsZUxpc3RdPVwiZG9jdW1lbnRzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKHNvcnRpbmdDaGFuZ2UpPVwiaGFuZGxlU29ydGluZ0NoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2hhbmRsZVNvcnRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRyYWdIYW5kbGU9XCJ0aWxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VuYWJsZWRdPVwiIW5vRHJhZ0Ryb3BPcmRlcmluZ1wiPlxyXG4gICAgICAgICAgICAgICAgPGNvLWZpbGUtdXBsb2FkICpuZ0lmPVwiY2FuQWRkICYmIGFkZFdpdGhCdXR0b25cIiBjbGFzcz1cImFkZC1maWxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpc0FkZGluZ1RpbGVcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwicGx1c19yb3VuZF9vcGVuXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGlua109XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwibGFiZWwgfCBsb2NhbGl6ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG1vdXNlb3Zlcik9XCJtb3VzZU92ZXJBZGQgPSB0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAobW91c2VvdXQpPVwibW91c2VPdmVyQWRkID0gZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVBZGRDbGljaygpXCI+PC9jby1maWxlLXVwbG9hZD4gPCEtLSAoY2xpY2spPVwiaGFuZGxlQWRkQ2xpY2soKVwiIC0tPlxyXG4gICAgICAgICAgICAgICAgPGNvLWZpbGUtdXBsb2FkICpuZ0Zvcj1cImxldCBmaWxlIG9mIGRvY3VtZW50c1wiIGNsYXNzPVwidGlsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cImZpbGUucmVhZG9ubHkgfHwgcmVhZG9ubHlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5oaWRkZW5dPVwiaGlkZUF2YXRhcnMgPyBmaWxlLmlzQXZhdGFyIDogZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmaWxlXT1cImZpbGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJmaWxlLmZpbGVOYW1lXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1RyYXNoQ2FuXT1cImNhbkRlbGV0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ZpbGVTYXZlc09uUG9wdXBPa0NsaWNrXT1cImZpbGVTYXZlc09uUG9wdXBPa0NsaWNrXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXNFZGl0YWJsZV09XCJpc0VkaXRhYmxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY3VzdG9tSW1hZ2VDbGlja109XCJjdXN0b21JbWFnZUNsaWNrXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoaW1hZ2VDbGljayk9XCJpbWFnZUNsaWNrLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGRlbGV0ZUNsaWNrKT1cImhhbmRsZURlbGV0ZShmaWxlKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGVkaXRDbGljayk9XCJoYW5kbGVFZGl0RG9jdW1lbnRDbGljaygkZXZlbnQpXCI+PC9jby1maWxlLXVwbG9hZD5cclxuICAgICAgICAgICAgPC9kcmFnLWRyb3AtY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1heHVwbG9hZHNpemVcIiB0ZXh0Q29udGVudD1cImdldE1heEZpbGVTaXplTm90aXRpb24oKVwiIFtjbGFzcy5zaG93XT1cIm1vdXNlT3ZlckFkZFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPGlucHV0ICNpbnB1dEZpbGUgW2FjY2VwdF09XCJhY2NlcHRlZFVwbG9hZEZvcm1hdHNcIiAoY2hhbmdlKT1cImhhbmRsZUZpbGVDaGFuZ2UoJGV2ZW50KVwiIHR5cGU9XCJmaWxlXCIgaGlkZGVuIG11bHRpcGxlLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIGAsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBTQ1JFRU5fQ09ORklHX0FEQVBURVJfQ09NUE9ORU5UX0lOVEVSRkFDRV9OQU1FLFxyXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBGaWxlc1VwbG9hZENvbXBvbmVudClcclxuICAgICAgICB9XHJcbiAgICBdXHJcbn0pXHJcbi8vIEEgY29tcG9uZW50IHRoYXQgbGV0cyB0aGUgdXNlciBtYWtlIGEgbGlzdCBvZiBmaWxlcyBmcm9tIGl0cyBkZXZpY2UuIERvZXNuJ3QgYWN0dWFsbHkgdXBsb2FkLCBidXQgb3V0cHV0cyBjaG9zZW4gZmlsZXMgYXMgZmlsZXNDaGFuZ2VkLlxyXG5leHBvcnQgY2xhc3MgRmlsZXNVcGxvYWRDb21wb25lbnQgZXh0ZW5kcyBCYXNlRmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBzZXQgZHJvcHpvbmUodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLmlzRHJvcHpvbmUgPSB2YWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICAvL3RvZG8gc2VlIGlmIHRoaXMgaXMgdXNlZCBhbnl3aGVyZSBpZiBub3QsIHJlbW92ZVxyXG4gICAgQENvbnRlbnRDaGlsZChcInNsaWRlb3V0VGVtcGxhdGVcIiwge3N0YXRpYzogdHJ1ZX0pXHJcbiAgICBwdWJsaWMgc2xpZGVvdXRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgICAvLyAoSGlkZGVuKSBpbnB1dCBmb3IgZmlsZSB1cGxvYWQgZmFjaWxpdGllc1xyXG4gICAgQFZpZXdDaGlsZChcImlucHV0RmlsZVwiLCB7c3RhdGljOiB0cnVlfSlcclxuICAgIHB1YmxpYyBpbnB1dDogRWxlbWVudFJlZjtcclxuXHJcbiAgICAvLyBJbnB1dCBidXR0b24gbGFiZWxcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgbGFiZWw6IHN0cmluZyA9IFwiVVBMT0FEX0ZJTEVcIjtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIGNmZ05hbWVzOiBhbnk7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBjdXN0b21JbWFnZUNsaWNrOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIEBJbnB1dEJvb2xlYW4oKVxyXG4gICAgcHVibGljIGlzRWRpdGFibGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBASW5wdXQoKSBASW5wdXRCb29sZWFuKClcclxuICAgIHB1YmxpYyBoaWRlQXZhdGFyczogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZmlsZVNhdmVzT25Qb3B1cE9rQ2xpY2s6IHN0cmluZztcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNlbGVjdGVkOiBzdHJpbmc7XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBwdWJsaWMgcmVhZG9ubHkgZWRpdFNsaWRlb3V0U3VibWl0OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBwdWJsaWMgdGFnc0NoYW5nZUV2ZW50OiBFdmVudEVtaXR0ZXI8VGFnVHJlZUl0ZW1bXT4gPSBuZXcgRXZlbnRFbWl0dGVyPFRhZ1RyZWVJdGVtW10+KCk7XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBwdWJsaWMgaW1hZ2VDbGljazogRXZlbnRFbWl0dGVyPENvRG9jdW1lbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxDb0RvY3VtZW50PigpO1xyXG5cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLWZpbGVzLXVwbG9hZCcpXHJcbiAgICBwdWJsaWMgc2hvd0NsYXNzKCkge1xyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoXCJjbGFzcy5lZGl0YWJsZVwiKVxyXG4gICAgcHVibGljIGdldCBlZGl0YWJsZSgpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5jYW5BZGQ7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuZW1wdHlcIilcclxuICAgIHB1YmxpYyBnZXQgZW1wdHkoKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuICF0aGlzLmRvY3VtZW50cyB8fCB0aGlzLmRvY3VtZW50cy5sZW5ndGggPT09IDA7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG1vdXNlT3ZlckFkZDogYm9vbGVhbjtcclxuICAgIHB1YmxpYyBzbGlkZW91dFNob3duOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRyb3B6b25lJylcclxuICAgIHB1YmxpYyBpc0Ryb3B6b25lOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgLy9wcm9tcHRTZXJ2aWNlOiBQcm9tcHRTZXJ2aWNlLFxyXG4gICAgICAgIGRpY3Rpb25hcnlTZXJ2aWNlOiBEaWN0aW9uYXJ5U2VydmljZSxcclxuICAgICAgICAvL3VzZXJTZXJ2aWNlOiBVc2VyU2VydmljZSxcclxuICAgICAgICBwcm90ZWN0ZWQgX2NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcclxuICAgICAgICBwcm90ZWN0ZWQgX2ZhY3Rvcnk6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcclxuICAgICAgICAvL3Byb3RlY3RlZCBfZGF0YVNlcnZpY2U6IERhdGFTZXJ2aWNlLFxyXG4gICAgICAgIC8vcHJvdGVjdGVkIF9iYXNlRGF0YURhbFJlcG9zaXRvcnk6IEJhc2VEYXRhRGFsUmVwb3NpdG9yeSxcclxuICAgICAgIC8vIHByb3RlY3RlZCBfZ2VuZXJhbERhbFJlcG9zaXRvcnk6IEdlbmVyYWxEYWxSZXBvc2l0b3J5LFxyXG4gICAgICAgIC8vcHJvdGVjdGVkIF9jb0RvY3VtZW50RGF0YUxvYWRlcjogQ29Eb2N1bWVudERhdGFMb2FkZXJTZXJ2aWNlLFxyXG4gICAgICAgIC8vcHJpdmF0ZSBfd29ya2FiaWxpdHk6IEFwcFdvcmthYmlsaXR5U2VydmljZSxcclxuICAgICAgICAvL3ByaXZhdGUgX2ZpbGVUeXBlSW1nUGlwZTogRmlsZVR5cGVJbWFnZVBpcGVcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGRpY3Rpb25hcnlTZXJ2aWNlLCBfY29udGFpbmVyLCBfZmFjdG9yeSk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zbGlkZW91dFRlbXBsYXRlID0gdW5kZWZpbmVkO1xyXG4gICAgICAgIHRoaXMuaW5wdXQgPSB1bmRlZmluZWQ7XHJcbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgYXN5bmMgb3BlbkZpbGVCcm93c2VyKCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgICAgIGlmICh0aGlzLmlucHV0ICYmIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudCkge1xyXG4gICAgICAgICAgICB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGhhbmRsZUFkZENsaWNrKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMub3BlbkZpbGVCcm93c2VyKCk7XHJcbiAgICB9XHJcblxyXG4gICAgLy90b2RvIGNoZWNrIGlmIHRoaXMgY2FuIGJlIHJlbW92ZWQgYXQgdGhlIGVuZCBvZiB0aGUgcnVuXHJcbiAgICAvKnB1YmxpYyBvbkN1c3RvbUNsb3NlKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuZG9jdW1lbnRVbmRlckVkaXQgPSB1bmRlZmluZWQ7XHJcbiAgICB9Ki9cclxufVxyXG4iXX0=

package/esm2015/lib/components/files-upload/files-upload.module.js

@@ -0,0 +1,47 @@
+import { NgModule } from "@angular/core";
+import { ButtonModule, CoDialogModule, FormModule, IconModule, InputCheckboxModule, InputTextModule, ScreenConfigurationModule } from "@colijnit/corecomponents_v12";
+import { LocalizationModule } from "../../localization/localization.module";
+import { DragDropContainerComponent } from "./components/drag-drop-container.component";
+import { ImageDisplayModule } from "../image-display/image-display.module";
+import { CommonModule } from "@angular/common";
+import { Overlay } from "@angular/cdk/overlay";
+import { FileTypeImagePipe } from "../../pipe/file-type-image.pipe";
+import { FilesUploadComponent } from "./files-upload.component";
+import { FileUploadModule } from "../file-upload/file-upload.module";
+import { FileUploadPopupModule } from "../file-upload-popup/file-upload-popup.module";
+import { AppFileDropzoneModule } from "../app-file-dropzone/app-file-dropzone.module";
+export class FilesUploadModule {
+}
+FilesUploadModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CoDialogModule,
+                    FormModule,
+                    InputTextModule,
+                    ScreenConfigurationModule,
+                    ButtonModule,
+                    LocalizationModule,
+                    IconModule,
+                    ImageDisplayModule,
+                    CommonModule,
+                    // TagsModule,
+                    InputCheckboxModule,
+                    FileUploadModule,
+                    FileUploadPopupModule,
+                    AppFileDropzoneModule
+                ],
+                declarations: [
+                    FilesUploadComponent,
+                    DragDropContainerComponent
+                ],
+                exports: [
+                    FilesUploadComponent,
+                    DragDropContainerComponent
+                ],
+                providers: [
+                    Overlay,
+                    FileTypeImagePipe
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZXMtdXBsb2FkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZGNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2ZpbGVzLXVwbG9hZC9maWxlcy11cGxvYWQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUNMLFlBQVksRUFDWixjQUFjLEVBQ2QsVUFBVSxFQUNWLFVBQVUsRUFBRSxtQkFBbUIsRUFDL0IsZUFBZSxFQUNmLHlCQUF5QixFQUMxQixNQUFNLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQzFFLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLDRDQUE0QyxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDOUQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDcEYsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFnQ3BGLE1BQU0sT0FBTyxpQkFBaUI7OztZQTlCN0IsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxjQUFjO29CQUNkLFVBQVU7b0JBQ1YsZUFBZTtvQkFDZix5QkFBeUI7b0JBQ3pCLFlBQVk7b0JBQ1osa0JBQWtCO29CQUNsQixVQUFVO29CQUNWLGtCQUFrQjtvQkFDbEIsWUFBWTtvQkFDWixjQUFjO29CQUNkLG1CQUFtQjtvQkFDbkIsZ0JBQWdCO29CQUNoQixxQkFBcUI7b0JBQ3JCLHFCQUFxQjtpQkFDdEI7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLG9CQUFvQjtvQkFDcEIsMEJBQTBCO2lCQUMzQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asb0JBQW9CO29CQUNwQiwwQkFBMEI7aUJBQzNCO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxPQUFPO29CQUNQLGlCQUFpQjtpQkFDbEI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7XHJcbiAgQnV0dG9uTW9kdWxlLFxyXG4gIENvRGlhbG9nTW9kdWxlLFxyXG4gIEZvcm1Nb2R1bGUsXHJcbiAgSWNvbk1vZHVsZSwgSW5wdXRDaGVja2JveE1vZHVsZSxcclxuICBJbnB1dFRleHRNb2R1bGUsXHJcbiAgU2NyZWVuQ29uZmlndXJhdGlvbk1vZHVsZVxyXG59IGZyb20gXCJAY29saWpuaXQvY29yZWNvbXBvbmVudHNfdjEyXCI7XHJcbmltcG9ydCB7TG9jYWxpemF0aW9uTW9kdWxlfSBmcm9tIFwiLi4vLi4vbG9jYWxpemF0aW9uL2xvY2FsaXphdGlvbi5tb2R1bGVcIjtcclxuaW1wb3J0IHtEcmFnRHJvcENvbnRhaW5lckNvbXBvbmVudH0gZnJvbSBcIi4vY29tcG9uZW50cy9kcmFnLWRyb3AtY29udGFpbmVyLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge0ltYWdlRGlzcGxheU1vZHVsZX0gZnJvbSBcIi4uL2ltYWdlLWRpc3BsYXkvaW1hZ2UtZGlzcGxheS5tb2R1bGVcIjtcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHtPdmVybGF5fSBmcm9tIFwiQGFuZ3VsYXIvY2RrL292ZXJsYXlcIjtcclxuaW1wb3J0IHtGaWxlVHlwZUltYWdlUGlwZX0gZnJvbSBcIi4uLy4uL3BpcGUvZmlsZS10eXBlLWltYWdlLnBpcGVcIjtcclxuaW1wb3J0IHtGaWxlc1VwbG9hZENvbXBvbmVudH0gZnJvbSBcIi4vZmlsZXMtdXBsb2FkLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge0ZpbGVVcGxvYWRNb2R1bGV9IGZyb20gXCIuLi9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5tb2R1bGVcIjtcclxuaW1wb3J0IHtGaWxlVXBsb2FkUG9wdXBNb2R1bGV9IGZyb20gXCIuLi9maWxlLXVwbG9hZC1wb3B1cC9maWxlLXVwbG9hZC1wb3B1cC5tb2R1bGVcIjtcclxuaW1wb3J0IHtBcHBGaWxlRHJvcHpvbmVNb2R1bGV9IGZyb20gXCIuLi9hcHAtZmlsZS1kcm9wem9uZS9hcHAtZmlsZS1kcm9wem9uZS5tb2R1bGVcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29EaWFsb2dNb2R1bGUsXHJcbiAgICBGb3JtTW9kdWxlLFxyXG4gICAgSW5wdXRUZXh0TW9kdWxlLFxyXG4gICAgU2NyZWVuQ29uZmlndXJhdGlvbk1vZHVsZSxcclxuICAgIEJ1dHRvbk1vZHVsZSxcclxuICAgIExvY2FsaXphdGlvbk1vZHVsZSxcclxuICAgIEljb25Nb2R1bGUsXHJcbiAgICBJbWFnZURpc3BsYXlNb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICAvLyBUYWdzTW9kdWxlLFxyXG4gICAgSW5wdXRDaGVja2JveE1vZHVsZSxcclxuICAgIEZpbGVVcGxvYWRNb2R1bGUsXHJcbiAgICBGaWxlVXBsb2FkUG9wdXBNb2R1bGUsXHJcbiAgICBBcHBGaWxlRHJvcHpvbmVNb2R1bGVcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgRmlsZXNVcGxvYWRDb21wb25lbnQsXHJcbiAgICBEcmFnRHJvcENvbnRhaW5lckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgRmlsZXNVcGxvYWRDb21wb25lbnQsXHJcbiAgICBEcmFnRHJvcENvbnRhaW5lckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBPdmVybGF5LFxyXG4gICAgRmlsZVR5cGVJbWFnZVBpcGVcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlc1VwbG9hZE1vZHVsZSB7XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/image-display/image-display.component.js

@@ -0,0 +1,36 @@
+import { Component, forwardRef, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import { SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME } from '@colijnit/corecomponents_v12';
+export class ImageDisplayComponent {
+    constructor() {
+        // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
+        this.label = "NO_IMAGE";
+    }
+    showClass() {
+        return true;
+    }
+}
+ImageDisplayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-image-display",
+                template: `
+    <img class="image" *ngIf="!!model" [src]="model">
+    <div class="no-image" *ngIf="!model">
+      <div class="img"></div>
+      <div class="no-image-label" [textContent]="label | localize"></div>
+    </div>
+  `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => ImageDisplayComponent)
+                    }
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ImageDisplayComponent.propDecorators = {
+    model: [{ type: Input }],
+    label: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-image-display',] }],
+    hidden: [{ type: HostBinding, args: ["class.co-transaction-hidden",] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbWFnZS1kaXNwbGF5L2ltYWdlLWRpc3BsYXkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFDLDhDQUE4QyxFQUErQixNQUFNLDhCQUE4QixDQUFDO0FBaUIxSCxNQUFNLE9BQU8scUJBQXFCO0lBZmxDO1FBb0JFLCtFQUErRTtRQUV4RSxVQUFLLEdBQVcsVUFBVSxDQUFDO0lBZ0JwQyxDQUFDO0lBYlEsU0FBUztRQUNkLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQzs7O1lBM0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUU7Ozs7OztHQU1UO2dCQUNELFNBQVMsRUFBRSxDQUFDO3dCQUNWLE9BQU8sRUFBRSw4Q0FBOEM7d0JBQ3ZELFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUM7cUJBQUM7aUJBQ3REO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7b0JBR0UsS0FBSztvQkFJTCxLQUFLO3dCQUdMLFdBQVcsU0FBQyx3QkFBd0I7cUJBTXBDLFdBQVcsU0FBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgZm9yd2FyZFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NDUkVFTl9DT05GSUdfQURBUFRFUl9DT01QT05FTlRfSU5URVJGQUNFX05BTUUsIFNjcmVlbkNvbmZpZ0FkYXB0ZXJDb21wb25lbnR9IGZyb20gJ0Bjb2xpam5pdC9jb3JlY29tcG9uZW50c192MTInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiY28taW1hZ2UtZGlzcGxheVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiICpuZ0lmPVwiISFtb2RlbFwiIFtzcmNdPVwibW9kZWxcIj5cbiAgICA8ZGl2IGNsYXNzPVwibm8taW1hZ2VcIiAqbmdJZj1cIiFtb2RlbFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImltZ1wiPjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm5vLWltYWdlLWxhYmVsXCIgW3RleHRDb250ZW50XT1cImxhYmVsIHwgbG9jYWxpemVcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IFNDUkVFTl9DT05GSUdfQURBUFRFUl9DT01QT05FTlRfSU5URVJGQUNFX05BTUUsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW1hZ2VEaXNwbGF5Q29tcG9uZW50KX1cbiAgXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZURpc3BsYXlDb21wb25lbnQgaW1wbGVtZW50cyBTY3JlZW5Db25maWdBZGFwdGVyQ29tcG9uZW50IHtcbiAgLy8gSW1hZ2UgZGF0YSBVUkkgc3RyaW5nLiBNZWFudCBmb3IgZGlyZWN0IHVzZSBpbiBbc3JjXSBhdHRyaWJ1dGUgb2YgYW4gPGltZz4gdGFnLlxuICBASW5wdXQoKVxuICBwdWJsaWMgbW9kZWw6IHN0cmluZztcblxuICAvLyBUaGUgKGxvY2FsaXplZCkgdGV4dCB0byBzaG93IHdoZW4gdGhlcmUgaXMgbm8gaW1hZ2UuIERlZmF1bHRzIHRvICdOT19JTUFHRScuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nID0gXCJOT19JTUFHRVwiO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28taW1hZ2UtZGlzcGxheScpXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICBwdWJsaWMgb2JqZWN0Q29uZmlnTmFtZTogc3RyaW5nO1xuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jby10cmFuc2FjdGlvbi1oaWRkZW5cIilcbiAgcHVibGljIGhpZGRlbjogYm9vbGVhbjtcbiAgcHVibGljIHJlcXVpcmVkOiBib29sZWFuO1xuICBwdWJsaWMgZm9yY2VSZWFkb25seTogYm9vbGVhbjtcbiAgcHVibGljIHJlYWRvbmx5OiBib29sZWFuO1xuICBwdWJsaWMgbWF4TGVuZ3RoOiBudW1iZXI7XG4gIHB1YmxpYyBkZWNpbWFsczogbnVtYmVyO1xuICBwdWJsaWMgcmVkRXJyb3JCYWNrZ3JvdW5kOiBib29sZWFuO1xufVxuIl19

package/esm2015/lib/components/image-display/image-display.module.js

@@ -0,0 +1,23 @@
+import { NgModule } from "@angular/core";
+import { ImageDisplayComponent } from "./image-display.component";
+import { CoreComponentsTranslationModule } from "@colijnit/corecomponents_v12";
+import { CommonModule } from "@angular/common";
+import { LocalizationModule } from "../../localization/localization.module";
+export class ImageDisplayModule {
+}
+ImageDisplayModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CoreComponentsTranslationModule,
+                    CommonModule,
+                    LocalizationModule
+                ],
+                declarations: [
+                    ImageDisplayComponent
+                ],
+                exports: [
+                    ImageDisplayComponent
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZGlzcGxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbWFnZS1kaXNwbGF5L2ltYWdlLWRpc3BsYXkubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDaEUsT0FBTyxFQUFDLCtCQUErQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDN0UsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBZTFFLE1BQU0sT0FBTyxrQkFBa0I7OztZQWI5QixRQUFRLFNBQUM7Z0JBQ04sT0FBTyxFQUFFO29CQUNMLCtCQUErQjtvQkFDL0IsWUFBWTtvQkFDWixrQkFBa0I7aUJBQ3JCO2dCQUNILFlBQVksRUFBRTtvQkFDWixxQkFBcUI7aUJBQ3RCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxxQkFBcUI7aUJBQ3RCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0ltYWdlRGlzcGxheUNvbXBvbmVudH0gZnJvbSBcIi4vaW1hZ2UtZGlzcGxheS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uTW9kdWxlfSBmcm9tIFwiQGNvbGlqbml0L2NvcmVjb21wb25lbnRzX3YxMlwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge0xvY2FsaXphdGlvbk1vZHVsZX0gZnJvbSBcIi4uLy4uL2xvY2FsaXphdGlvbi9sb2NhbGl6YXRpb24ubW9kdWxlXCI7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvcmVDb21wb25lbnRzVHJhbnNsYXRpb25Nb2R1bGUsXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIExvY2FsaXphdGlvbk1vZHVsZVxyXG4gICAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIEltYWdlRGlzcGxheUNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgSW1hZ2VEaXNwbGF5Q29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW1hZ2VEaXNwbGF5TW9kdWxlIHtcclxuXHJcbn1cclxuIl19

package/esm2015/lib/components/multi-property-toggler/multiple-property-toggler.component.js

@@ -0,0 +1,89 @@
+/**
+ * Custom component for enabling and disabling multiple items based on an input enum
+ * For the component to work, an enum is required and a list of enabled items so that
+ * the component knows which items from the enum are already enabled
+ *
+ * Note: can be improved by not only accepting a string array of enabledItemProperties but also a full cgref number because that will save one conversion step as
+ * BO's already contain these numbers.
+ */
+import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { RefCodeUtils } from "../../utils/ref-code-utils";
+import { EnumUtils } from "../../utils/enum-utils";
+export class MultiplePropertyTogglerComponent {
+    constructor() {
+        this.label = "";
+        this.readonly = false;
+        this.enableditemsChange = new EventEmitter();
+        // Outputs the sum of cgrefkeys of all newly enabled items
+        this.onPropertyItemChange = new EventEmitter();
+        this.Icons = Icon;
+        this.objectifiedEnum = [];
+        this.enabledItemNumberList = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngAfterViewInit() {
+        if (this.propertyNamesToToggle) {
+            this.objectifiedEnum = EnumUtils.createObjectFromEnum(this.propertyNamesToToggle);
+        }
+        else {
+            // PropertytogglerItems is empty
+        }
+        this.makeNumberArrayFromCgRefCodeSum();
+    }
+    isValueActive(propertyToCheck) {
+        return this.enabledItemNumberList.includes(propertyToCheck.key);
+    }
+    clickToToggleProperty(target) {
+        let newRefNumberSum = 0;
+        if (this.enabledItemNumberList.includes(target.key)) {
+            this.enabledItemNumberList.splice(this.enabledItemNumberList.indexOf(target.key), 1);
+        }
+        else {
+            this.enabledItemNumberList.push(target.key);
+        }
+        this.enabledItemNumberList.forEach(enabledItem => {
+            newRefNumberSum += this.objectifiedEnum.find(x => x.key === enabledItem).key;
+        });
+        this.onPropertyItemChange.emit(newRefNumberSum);
+    }
+    makeNumberArrayFromCgRefCodeSum() {
+        if (this.enableditems) {
+            this.enabledItemNumberList = RefCodeUtils.GetMultiRefCodeChoices(this.enableditems);
+        }
+    }
+}
+MultiplePropertyTogglerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-multiple-property-toggler",
+                template: `
+        <div class="input-text-content-wrapper">
+            <h3 [textContent]="label"></h3> <!-- | localize-->
+
+            <div class="property-toggling-container">
+
+                <div class="row" *ngFor="let propertyTogglerItem of objectifiedEnum | keyvalue">
+
+                    <co-input-checkbox [model]="isValueActive(propertyTogglerItem.value)"
+                                     (click)="clickToToggleProperty(propertyTogglerItem.value)"></co-input-checkbox>
+
+                    <label [textContent]="propertyTogglerItem.value.value"></label>
+                </div>
+            </div>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+MultiplePropertyTogglerComponent.propDecorators = {
+    label: [{ type: Input }],
+    propertyNamesToToggle: [{ type: Input }],
+    readonly: [{ type: Input }],
+    enableditems: [{ type: Input }],
+    enableditemsChange: [{ type: Output }],
+    onPropertyItemChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-multiple-property-toggler",] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlwbGUtcHJvcGVydHktdG9nZ2xlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tdWx0aS1wcm9wZXJ0eS10b2dnbGVyL211bHRpcGxlLXByb3BlcnR5LXRvZ2dsZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7O0dBT0c7QUFFSCxPQUFPLEVBQWdCLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHcEgsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQzFDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFzQmpELE1BQU0sT0FBTyxnQ0FBZ0M7SUFwQjdDO1FBc0JXLFVBQUssR0FBVyxFQUFFLENBQUM7UUFPbkIsYUFBUSxHQUFhLEtBQUssQ0FBQztRQU8zQix1QkFBa0IsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUU3RSwwREFBMEQ7UUFFMUMseUJBQW9CLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFPeEUsVUFBSyxHQUFnQixJQUFJLENBQUM7UUFFbkMsb0JBQWUsR0FBbUIsRUFBRSxDQUFDO1FBRXJDLDBCQUFxQixHQUFhLEVBQUUsQ0FBQztJQXNDaEQsQ0FBQztJQTlDVSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBUUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLHFCQUFxQixFQUFFO1lBQzVCLElBQUksQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1NBQ3JGO2FBQU07WUFDSCxnQ0FBZ0M7U0FDbkM7UUFDRCxJQUFJLENBQUMsK0JBQStCLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRU0sYUFBYSxDQUFDLGVBQW9CO1FBQ3JDLE9BQU8sSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVNLHFCQUFxQixDQUFDLE1BQVc7UUFDcEMsSUFBSSxlQUFlLEdBQVcsQ0FBQyxDQUFDO1FBRWhDLElBQUksSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUN4RjthQUFNO1lBQ0gsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDL0M7UUFFRCxJQUFJLENBQUMscUJBQXFCLENBQUMsT0FBTyxDQUM5QixXQUFXLENBQUMsRUFBRTtZQUNWLGVBQWUsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssV0FBVyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQ2pGLENBQUMsQ0FDSixDQUFDO1FBRUYsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRU0sK0JBQStCO1FBQ2xDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMscUJBQXFCLEdBQUcsWUFBWSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUN2RjtJQUNMLENBQUM7OztZQXhGSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLDhCQUE4QjtnQkFDeEMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7S0FlVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN4Qzs7O29CQUVJLEtBQUs7b0NBSUwsS0FBSzt1QkFHTCxLQUFLOzJCQUlMLEtBQUs7aUNBR0wsTUFBTTttQ0FJTixNQUFNO3dCQUdOLFdBQVcsU0FBQyxvQ0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogQ3VzdG9tIGNvbXBvbmVudCBmb3IgZW5hYmxpbmcgYW5kIGRpc2FibGluZyBtdWx0aXBsZSBpdGVtcyBiYXNlZCBvbiBhbiBpbnB1dCBlbnVtXHJcbiAqIEZvciB0aGUgY29tcG9uZW50IHRvIHdvcmssIGFuIGVudW0gaXMgcmVxdWlyZWQgYW5kIGEgbGlzdCBvZiBlbmFibGVkIGl0ZW1zIHNvIHRoYXRcclxuICogdGhlIGNvbXBvbmVudCBrbm93cyB3aGljaCBpdGVtcyBmcm9tIHRoZSBlbnVtIGFyZSBhbHJlYWR5IGVuYWJsZWRcclxuICpcclxuICogTm90ZTogY2FuIGJlIGltcHJvdmVkIGJ5IG5vdCBvbmx5IGFjY2VwdGluZyBhIHN0cmluZyBhcnJheSBvZiBlbmFibGVkSXRlbVByb3BlcnRpZXMgYnV0IGFsc28gYSBmdWxsIGNncmVmIG51bWJlciBiZWNhdXNlIHRoYXQgd2lsbCBzYXZlIG9uZSBjb252ZXJzaW9uIHN0ZXAgYXNcclxuICogQk8ncyBhbHJlYWR5IGNvbnRhaW4gdGhlc2UgbnVtYmVycy5cclxuICovXHJcblxyXG5pbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbi8vaW1wb3J0IHtFbnVtVXRpbHN9IGZyb20gXCIuLi8uLi91dGlscy9lbnVtLXV0aWxzXCI7XHJcbmltcG9ydCB7S2V5VmFsdWVQYWlyfSBmcm9tIFwiLi4vLi4vaW50ZXJmYWNlL2tleS12YWx1ZS1wYWlyXCI7XHJcbmltcG9ydCB7SWNvbn0gZnJvbSBcIi4uLy4uL2VudW0vaWNvbi5lbnVtXCI7XHJcbmltcG9ydCB7UmVmQ29kZVV0aWxzfSBmcm9tIFwiLi4vLi4vdXRpbHMvcmVmLWNvZGUtdXRpbHNcIjtcclxuaW1wb3J0IHtFbnVtVXRpbHN9IGZyb20gXCIuLi8uLi91dGlscy9lbnVtLXV0aWxzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcImNvLW11bHRpcGxlLXByb3BlcnR5LXRvZ2dsZXJcIixcclxuICAgIHRlbXBsYXRlOiBgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LXRleHQtY29udGVudC13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxoMyBbdGV4dENvbnRlbnRdPVwibGFiZWxcIj48L2gzPiA8IS0tIHwgbG9jYWxpemUtLT5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS10b2dnbGluZy1jb250YWluZXJcIj5cclxuXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCIgKm5nRm9yPVwibGV0IHByb3BlcnR5VG9nZ2xlckl0ZW0gb2Ygb2JqZWN0aWZpZWRFbnVtIHwga2V5dmFsdWVcIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgPGNvLWlucHV0LWNoZWNrYm94IFttb2RlbF09XCJpc1ZhbHVlQWN0aXZlKHByb3BlcnR5VG9nZ2xlckl0ZW0udmFsdWUpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGlja1RvVG9nZ2xlUHJvcGVydHkocHJvcGVydHlUb2dnbGVySXRlbS52YWx1ZSlcIj48L2NvLWlucHV0LWNoZWNrYm94PlxyXG5cclxuICAgICAgICAgICAgICAgICAgICA8bGFiZWwgW3RleHRDb250ZW50XT1cInByb3BlcnR5VG9nZ2xlckl0ZW0udmFsdWUudmFsdWVcIj48L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIE11bHRpcGxlUHJvcGVydHlUb2dnbGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICAgIC8vIElucHV0IGFuIEVudW0gd2l0aCBuYW1lcyBhbmQgcHJvcGVydGllcyBhbmQgaXQgd2lsbCBiZSBjb252ZXJ0ZWRcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgcHJvcGVydHlOYW1lc1RvVG9nZ2xlOiBhbnk7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyByZWFkb25seSA6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICAvLyBJbnB1dCB0aGUgY2dyZWZjb2RlIHN1bSBzbyBpdCBrbm93cyB3aGljaCBpdGVtcyB3aWxsIGJlIGVuYWJsZWRcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZW5hYmxlZGl0ZW1zOiBudW1iZXI7XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBwdWJsaWMgZW5hYmxlZGl0ZW1zQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICAgIC8vIE91dHB1dHMgdGhlIHN1bSBvZiBjZ3JlZmtleXMgb2YgYWxsIG5ld2x5IGVuYWJsZWQgaXRlbXNcclxuICAgIEBPdXRwdXQoKVxyXG4gICAgcHVibGljIHJlYWRvbmx5IG9uUHJvcGVydHlJdGVtQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICAgIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLW11bHRpcGxlLXByb3BlcnR5LXRvZ2dsZXJcIilcclxuICAgIHB1YmxpYyBzaG93Q2xhc3MoKTogYm9vbGVhbiB7XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyByZWFkb25seSBJY29uczogdHlwZW9mIEljb24gPSBJY29uO1xyXG5cclxuICAgIHB1YmxpYyBvYmplY3RpZmllZEVudW06IEtleVZhbHVlUGFpcltdID0gW107XHJcblxyXG4gICAgcHVibGljIGVuYWJsZWRJdGVtTnVtYmVyTGlzdDogbnVtYmVyW10gPSBbXTtcclxuXHJcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMucHJvcGVydHlOYW1lc1RvVG9nZ2xlKSB7XHJcbiAgICAgICAgICAgIHRoaXMub2JqZWN0aWZpZWRFbnVtID0gRW51bVV0aWxzLmNyZWF0ZU9iamVjdEZyb21FbnVtKHRoaXMucHJvcGVydHlOYW1lc1RvVG9nZ2xlKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICAvLyBQcm9wZXJ0eXRvZ2dsZXJJdGVtcyBpcyBlbXB0eVxyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLm1ha2VOdW1iZXJBcnJheUZyb21DZ1JlZkNvZGVTdW0oKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgaXNWYWx1ZUFjdGl2ZShwcm9wZXJ0eVRvQ2hlY2s6IGFueSk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmVuYWJsZWRJdGVtTnVtYmVyTGlzdC5pbmNsdWRlcyhwcm9wZXJ0eVRvQ2hlY2sua2V5KTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgY2xpY2tUb1RvZ2dsZVByb3BlcnR5KHRhcmdldDogYW55KTogdm9pZCB7XHJcbiAgICAgICAgbGV0IG5ld1JlZk51bWJlclN1bTogbnVtYmVyID0gMDtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuZW5hYmxlZEl0ZW1OdW1iZXJMaXN0LmluY2x1ZGVzKHRhcmdldC5rZXkpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZW5hYmxlZEl0ZW1OdW1iZXJMaXN0LnNwbGljZSh0aGlzLmVuYWJsZWRJdGVtTnVtYmVyTGlzdC5pbmRleE9mKHRhcmdldC5rZXkpLCAxKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmVuYWJsZWRJdGVtTnVtYmVyTGlzdC5wdXNoKHRhcmdldC5rZXkpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgdGhpcy5lbmFibGVkSXRlbU51bWJlckxpc3QuZm9yRWFjaChcclxuICAgICAgICAgICAgZW5hYmxlZEl0ZW0gPT4ge1xyXG4gICAgICAgICAgICAgICAgbmV3UmVmTnVtYmVyU3VtICs9IHRoaXMub2JqZWN0aWZpZWRFbnVtLmZpbmQoeCA9PiB4LmtleSA9PT0gZW5hYmxlZEl0ZW0pLmtleTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICk7XHJcblxyXG4gICAgICAgIHRoaXMub25Qcm9wZXJ0eUl0ZW1DaGFuZ2UuZW1pdChuZXdSZWZOdW1iZXJTdW0pO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBtYWtlTnVtYmVyQXJyYXlGcm9tQ2dSZWZDb2RlU3VtKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmVuYWJsZWRpdGVtcykge1xyXG4gICAgICAgICAgICB0aGlzLmVuYWJsZWRJdGVtTnVtYmVyTGlzdCA9IFJlZkNvZGVVdGlscy5HZXRNdWx0aVJlZkNvZGVDaG9pY2VzKHRoaXMuZW5hYmxlZGl0ZW1zKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/multi-property-toggler/multiple-property-toggler.module.js

@@ -0,0 +1,21 @@
+import { NgModule } from "@angular/core";
+import { MultiplePropertyTogglerComponent } from "./multiple-property-toggler.component";
+import { InputCheckboxModule } from "@colijnit/corecomponents_v12";
+import { CommonModule } from "@angular/common";
+export class MultiplePropertyTogglerModule {
+}
+MultiplePropertyTogglerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    InputCheckboxModule,
+                    CommonModule
+                ],
+                declarations: [
+                    MultiplePropertyTogglerComponent
+                ],
+                exports: [
+                    MultiplePropertyTogglerComponent
+                ]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlwbGUtcHJvcGVydHktdG9nZ2xlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tdWx0aS1wcm9wZXJ0eS10b2dnbGVyL211bHRpcGxlLXByb3BlcnR5LXRvZ2dsZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGdDQUFnQyxFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDdkYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDakUsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBYzdDLE1BQU0sT0FBTyw2QkFBNkI7OztZQVp6QyxRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLG1CQUFtQjtvQkFDbkIsWUFBWTtpQkFDYjtnQkFDRCxZQUFZLEVBQUU7b0JBQ2QsZ0NBQWdDO2lCQUMvQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1QsZ0NBQWdDO2lCQUMvQjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtNdWx0aXBsZVByb3BlcnR5VG9nZ2xlckNvbXBvbmVudH0gZnJvbSBcIi4vbXVsdGlwbGUtcHJvcGVydHktdG9nZ2xlci5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtJbnB1dENoZWNrYm94TW9kdWxlfSBmcm9tIFwiQGNvbGlqbml0L2NvcmVjb21wb25lbnRzX3YxMlwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBJbnB1dENoZWNrYm94TW9kdWxlLFxyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICBNdWx0aXBsZVByb3BlcnR5VG9nZ2xlckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gIE11bHRpcGxlUHJvcGVydHlUb2dnbGVyQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTXVsdGlwbGVQcm9wZXJ0eVRvZ2dsZXJNb2R1bGUge1xyXG5cclxufVxyXG4iXX0=

package/esm2015/lib/components/tile-renderer/tile-render.component.js

@@ -0,0 +1,80 @@
+import { Component, ContentChild, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from "@angular/core";
+import { TileSizeType } from "../../enum/tile-size-type";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+/**
+ * A generic component that shows a collection of simple inputs (description, image, price, etc.) as a tile-shaped graphic with an image
+ * part (upper) and an info part (lower).
+ */
+export class TileRenderComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        // Render a large or small tile.
+        this.tileSize = TileSizeType.Large;
+        // When this tile is selected, this icon will be shown green in the upper-left corner (defaults to 'check').
+        this.iconWhenSelected = "check";
+        // Emits when the image wrapper was clicked (top half of this component) .
+        this.imageClick = new EventEmitter();
+        // Emits when the info wrapper was clicked (bottom half of this component).
+        this.infoClick = new EventEmitter();
+        this.Icon = Icon;
+    }
+    get inSmallTileMode() {
+        return this.tileSize === TileSizeType.Small;
+    }
+    showClass() {
+        return true;
+    }
+    get inLargeTileMode() {
+        return this.tileSize === TileSizeType.Large;
+    }
+    ngOnDestroy() {
+        this.infoTemplate = undefined;
+    }
+}
+TileRenderComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-tile-render",
+                template: `
+        <div class="image" (click)="imageClick.emit()">
+            <label *ngIf="inLargeTileMode && tagDescription" [textContent]="tagDescription"></label>
+            <co-icon *ngIf="selected" class="selected small light circle" [iconData]="iconCacheService.getIcon(iconWhenSelected)" ></co-icon>
+            <co-image [source]="imageDataUri" [class.hidden]="(inSmallTileMode || hideImageDisplayWhenNoImage) && !imageDataUri"
+            ></co-image>
+
+
+
+            <ng-content select="[tile-render-image-content]"></ng-content>
+        </div>
+        <div class="info" (click)="infoClick.emit()">
+            <ng-container *ngIf="infoTemplate" [templateWrapper]="infoTemplate"></ng-container>
+            <span *ngIf="inLargeTileMode && label" class="label" [textContent]="label"></span>
+            <span *ngIf="inLargeTileMode && description" class="description" [textContent]="description"></span>
+        </div>
+        <ng-content></ng-content>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TileRenderComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+TileRenderComponent.propDecorators = {
+    infoTemplate: [{ type: ContentChild, args: ["infoTemplate", { static: true },] }],
+    imageDataUri: [{ type: Input }],
+    tagDescription: [{ type: Input }],
+    label: [{ type: Input }],
+    description: [{ type: Input }],
+    tileSize: [{ type: Input }],
+    price: [{ type: Input }],
+    hidePrice: [{ type: Input }],
+    iconWhenSelected: [{ type: Input }],
+    hideImageDisplayWhenNoImage: [{ type: Input }],
+    selected: [{ type: Input }, { type: HostBinding, args: ["class.selected",] }],
+    imageClick: [{ type: Output }],
+    infoClick: [{ type: Output }],
+    inSmallTileMode: [{ type: HostBinding, args: ["class.small-size",] }],
+    showClass: [{ type: HostBinding, args: ["class.co-tile-render",] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS1yZW5kZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGlsZS1yZW5kZXJlci90aWxlLXJlbmRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsTUFBTSxFQUVOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQzFDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBd0JsRTs7O0dBR0c7QUFDSCxNQUFNLE9BQU8sbUJBQW1CO0lBd0U1QixZQUFtQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQXZFckMsVUFBSyxHQUFnQixJQUFJLENBQUM7UUFxQjFDLGdDQUFnQztRQUV6QixhQUFRLEdBQWlCLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFVbkQsNEdBQTRHO1FBRXJHLHFCQUFnQixHQUFXLE9BQU8sQ0FBQztRQWMxQywwRUFBMEU7UUFFbkUsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRS9ELDJFQUEyRTtRQUVwRSxjQUFTLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFzQjdDLFNBQUksR0FBRyxJQUFJLENBQUM7SUFMN0IsQ0FBQztJQWZELElBQ1csZUFBZTtRQUN0QixPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssWUFBWSxDQUFDLEtBQUssQ0FBQztJQUNoRCxDQUFDO0lBR00sU0FBUztRQUNkLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELElBQVcsZUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssWUFBWSxDQUFDLEtBQUssQ0FBQztJQUM5QyxDQUFDO0lBSUQsV0FBVztRQUNQLElBQUksQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDO0lBQ2xDLENBQUM7OztZQXRHSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7OztLQWlCVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN4Qzs7O1lBdkJPLGdCQUFnQjs7OzJCQStCbkIsWUFBWSxTQUFDLGNBQWMsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7MkJBSTdDLEtBQUs7NkJBSUwsS0FBSztvQkFJTCxLQUFLOzBCQUlMLEtBQUs7dUJBSUwsS0FBSztvQkFJTCxLQUFLO3dCQUlMLEtBQUs7K0JBSUwsS0FBSzswQ0FPTCxLQUFLO3VCQUlMLEtBQUssWUFDTCxXQUFXLFNBQUMsZ0JBQWdCO3lCQUk1QixNQUFNO3dCQUlOLE1BQU07OEJBR04sV0FBVyxTQUFDLGtCQUFrQjt3QkFLOUIsV0FBVyxTQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbiAgSW5wdXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE91dHB1dCxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3RW5jYXBzdWxhdGlvblxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7VGlsZVNpemVUeXBlfSBmcm9tIFwiLi4vLi4vZW51bS90aWxlLXNpemUtdHlwZVwiO1xyXG5pbXBvcnQge0ljb259IGZyb20gXCIuLi8uLi9lbnVtL2ljb24uZW51bVwiO1xyXG5pbXBvcnQge0ljb25DYWNoZVNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlL2ljb24tY2FjaGUuc2VydmljZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogXCJjby10aWxlLXJlbmRlclwiLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2VcIiAoY2xpY2spPVwiaW1hZ2VDbGljay5lbWl0KClcIj5cclxuICAgICAgICAgICAgPGxhYmVsICpuZ0lmPVwiaW5MYXJnZVRpbGVNb2RlICYmIHRhZ0Rlc2NyaXB0aW9uXCIgW3RleHRDb250ZW50XT1cInRhZ0Rlc2NyaXB0aW9uXCI+PC9sYWJlbD5cclxuICAgICAgICAgICAgPGNvLWljb24gKm5nSWY9XCJzZWxlY3RlZFwiIGNsYXNzPVwic2VsZWN0ZWQgc21hbGwgbGlnaHQgY2lyY2xlXCIgW2ljb25EYXRhXT1cImljb25DYWNoZVNlcnZpY2UuZ2V0SWNvbihpY29uV2hlblNlbGVjdGVkKVwiID48L2NvLWljb24+XHJcbiAgICAgICAgICAgIDxjby1pbWFnZSBbc291cmNlXT1cImltYWdlRGF0YVVyaVwiIFtjbGFzcy5oaWRkZW5dPVwiKGluU21hbGxUaWxlTW9kZSB8fCBoaWRlSW1hZ2VEaXNwbGF5V2hlbk5vSW1hZ2UpICYmICFpbWFnZURhdGFVcmlcIlxyXG4gICAgICAgICAgICA+PC9jby1pbWFnZT5cclxuXHJcblxyXG5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RpbGUtcmVuZGVyLWltYWdlLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvXCIgKGNsaWNrKT1cImluZm9DbGljay5lbWl0KClcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImluZm9UZW1wbGF0ZVwiIFt0ZW1wbGF0ZVdyYXBwZXJdPVwiaW5mb1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaW5MYXJnZVRpbGVNb2RlICYmIGxhYmVsXCIgY2xhc3M9XCJsYWJlbFwiIFt0ZXh0Q29udGVudF09XCJsYWJlbFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpbkxhcmdlVGlsZU1vZGUgJiYgZGVzY3JpcHRpb25cIiBjbGFzcz1cImRlc2NyaXB0aW9uXCIgW3RleHRDb250ZW50XT1cImRlc2NyaXB0aW9uXCI+PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIGAsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG4vKipcclxuICogQSBnZW5lcmljIGNvbXBvbmVudCB0aGF0IHNob3dzIGEgY29sbGVjdGlvbiBvZiBzaW1wbGUgaW5wdXRzIChkZXNjcmlwdGlvbiwgaW1hZ2UsIHByaWNlLCBldGMuKSBhcyBhIHRpbGUtc2hhcGVkIGdyYXBoaWMgd2l0aCBhbiBpbWFnZVxyXG4gKiBwYXJ0ICh1cHBlcikgYW5kIGFuIGluZm8gcGFydCAobG93ZXIpLlxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIFRpbGVSZW5kZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gICAgcHVibGljIHJlYWRvbmx5IGljb25zOiB0eXBlb2YgSWNvbiA9IEljb247XHJcblxyXG4gICAgQENvbnRlbnRDaGlsZChcImluZm9UZW1wbGF0ZVwiLCB7IHN0YXRpYzogdHJ1ZSB9KVxyXG4gICAgcHVibGljIGluZm9UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgICAvLyBJbWFnZSBkYXRhIHRvIHNob3cgaW4gYW4gPGltYWdlLWRpc3BsYXk+IGNvbXBvbmVudC5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgaW1hZ2VEYXRhVXJpOiBzdHJpbmc7XHJcblxyXG4gICAgLy8gVGFnIHRleHQgdG8gc2hvdyBpbiBhIDx0YWItbGFiZWw+IGNvbXBvbmVudC5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgdGFnRGVzY3JpcHRpb246IHN0cmluZztcclxuXHJcbiAgICAvLyBMYWJlbCB0ZXh0LCBub3QgbG9jYWxpemVkLlxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBsYWJlbDogc3RyaW5nO1xyXG5cclxuICAgIC8vIE1haW4gZGVzY3JpcHRpb24gdGV4dC5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZGVzY3JpcHRpb246IHN0cmluZztcclxuXHJcbiAgICAvLyBSZW5kZXIgYSBsYXJnZSBvciBzbWFsbCB0aWxlLlxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyB0aWxlU2l6ZTogVGlsZVNpemVUeXBlID0gVGlsZVNpemVUeXBlLkxhcmdlO1xyXG5cclxuICAgIC8vIFRoZSBwcmljZSBmb3IgZGlzcGxheS5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgcHJpY2U6IG51bWJlcjtcclxuXHJcbiAgICAvLyBUaGUgcHJpY2UgY2FuIGJlIGhpZGRlbiBieSBzZXR0aW5nIHRoaXMgdG8gdHJ1ZS5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgaGlkZVByaWNlOiBib29sZWFuO1xyXG5cclxuICAgIC8vIFdoZW4gdGhpcyB0aWxlIGlzIHNlbGVjdGVkLCB0aGlzIGljb24gd2lsbCBiZSBzaG93biBncmVlbiBpbiB0aGUgdXBwZXItbGVmdCBjb3JuZXIgKGRlZmF1bHRzIHRvICdjaGVjaycpLlxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBpY29uV2hlblNlbGVjdGVkOiBzdHJpbmcgPSBcImNoZWNrXCI7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBCeSBkZWZhdWx0LCB0aGlzIGNvbXBvbmVudCBzaG93cyBhIHNwZWNpYWwgaWNvbiBhbmQgbWlzc2luZy1pbWFnZSB0ZXh0IGZvciB0aGUgaW1hZ2Ugd2hlbiBpdCdzIGVtcHR5LiBTZXQgdGhpcyB0byB0cnVlXHJcbiAgICAgKiB0byBoaWRlIHRoZSB3aG9sZSBpbWFnZS1kaXNwbGF5IGluc3RlYWQsIHdoZW4gdGhlcmUgd2FzIG5vIGltYWdlIGdpdmVuLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIGhpZGVJbWFnZURpc3BsYXlXaGVuTm9JbWFnZTogYm9vbGVhbjtcclxuXHJcbiAgICAvLyBTZWxlY3RlZCB0aWxlcyBoYXZlIGEgZ3JlZW4gYm9yZGVyIGFyb3VuZCB0aGVtLlxyXG4gICAgQElucHV0KClcclxuICAgIEBIb3N0QmluZGluZyhcImNsYXNzLnNlbGVjdGVkXCIpXHJcbiAgICBwdWJsaWMgc2VsZWN0ZWQ6IGJvb2xlYW47XHJcblxyXG4gICAgLy8gRW1pdHMgd2hlbiB0aGUgaW1hZ2Ugd3JhcHBlciB3YXMgY2xpY2tlZCAodG9wIGhhbGYgb2YgdGhpcyBjb21wb25lbnQpIC5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgcHVibGljIGltYWdlQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gICAgLy8gRW1pdHMgd2hlbiB0aGUgaW5mbyB3cmFwcGVyIHdhcyBjbGlja2VkIChib3R0b20gaGFsZiBvZiB0aGlzIGNvbXBvbmVudCkuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIHB1YmxpYyBpbmZvQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3Muc21hbGwtc2l6ZVwiKVxyXG4gICAgcHVibGljIGdldCBpblNtYWxsVGlsZU1vZGUoKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMudGlsZVNpemUgPT09IFRpbGVTaXplVHlwZS5TbWFsbDtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jby10aWxlLXJlbmRlclwiKVxyXG4gICAgcHVibGljIHNob3dDbGFzcygpOiBib29sZWFuIHtcclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGdldCBpbkxhcmdlVGlsZU1vZGUoKTogYm9vbGVhbiB7XHJcbiAgICAgIHJldHVybiB0aGlzLnRpbGVTaXplID09PSBUaWxlU2l6ZVR5cGUuTGFyZ2U7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3RydWN0b3IocHVibGljIGljb25DYWNoZVNlcnZpY2U6IEljb25DYWNoZVNlcnZpY2UpIHtcclxuICAgIH1cclxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuaW5mb1RlbXBsYXRlID0gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG5cclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgSWNvbiA9IEljb247XHJcbn1cclxuIl19