{"version":3,"sources":["webpack:///../WCC.UI/App/components/droparea/droparea.html?9bad","webpack:///../WCC.UI/App/components/droparea/droparea.scss?4119","webpack:///../WCC.UI/App/components/droparea/droparea.ts","webpack:///../WCC.UI/App/helpers/dataTransfer.ts","webpack:///../WCC.UI/App/managers/dragAndDrop/base.ts","webpack:///../WCC.UI/App/managers/dragAndDrop/files.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/droparea/droparea.scss","webpack:///../WCC.UI/App/components/droparea/droparea.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","DropAreaModel","constructor","file","ko","observable","DropAreaVM","configOrModel","info","effects","onDrop","isDisabled","_configOrModel$onDrop","_","noop","disabled","manager","register","DragAndDropFilesManager","element","files","each","this","active","inactive","not","applyBindingsToNode","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","getFilesFromDataTransfer","dt","items","Array","from","filter","item","kind","map","getAsFile","getTextFromDataTransfer","Promise","resolve","type","slice","forEach","getAsString","getData","DragAndDropManager","config","withEffects","dragEntersCount","is","v","unwrap","onDropFunc","extractor","flattenComputed","undefined","DOMHelpers","onNodeEvent","document","body","onDragEnter","bind","onDragOver","onDragLeave","onDropMain","dispose","e","preventDefault","inc","dec","originalEvent","dataTransfer","data","super","extend","system","SystemHelpers","html","getTemplatesAndResources","node","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"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","file":"189.5f9a173e95833c09e42e.js","sourcesContent":["define([\n        \"!!../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./droparea.html\", \n        \"!../../webpack/runtime/htmlExposer.js\"], function (content, expose) {\n            content = content.__esModule ? content.default : content;\n            expose(content);\n            return content;\n        });","var api = require(\"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./droparea.scss\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","import { wccModules } from 'enums/wccModules';\r\nimport { inject, injectable } from 'inversify';\r\nimport { Observable, Subscribable, SubscribableOrNullableValue } from 'knockout';\r\nimport DragAndDropFilesManager from 'managers/dragAndDrop/files';\r\nimport { EffectsContainer } from 'mixins/withEffects';\r\nimport './droparea.html';\r\nimport './droparea.scss';\r\n\r\nexport class DropAreaModel {\n    file: Observable<File | undefined> = ko.observable();\n\n    constructor() { }\n}\n\nexport interface DropAreaVMConfig {\n    disabled?: SubscribableOrNullableValue<boolean>\n    onDrop?: Action<[File]>\r\n}\n\n@injectable()\nexport default class DropAreaVM {\n    active: Subscribable<boolean>\n    inactive: Subscribable<boolean>\n\n    constructor(\n        @inject(wccModules.componentConfig) configOrModel: DropAreaModel | DropAreaVMConfig,\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo,\n        @inject(wccModules.effects) effects: EffectsContainer\n    ) {\n        let onDrop: Action<[File]>\n        let isDisabled: SubscribableOrNullableValue<boolean>\n\n        if (configOrModel instanceof DropAreaModel) {\n            onDrop = file => configOrModel.file(file)\r\n        } else {\n            onDrop = configOrModel.onDrop ?? _.noop;\r\n            isDisabled = configOrModel.disabled;\r\n        }\n\n        const manager = effects.register(new DragAndDropFilesManager({\n            element: info.element as HTMLElement,\n            disabled: isDisabled,\n            onDrop: files => _(files).each(file => onDrop(file))\n        }));\n\n        this.active = manager.active;\n        this.inactive = this.active.not();\n\n        ko.applyBindingsToNode(info.element, {\n            'css': {\n                'active': this.active\n            }\n        });\n    }\n}","export function getFilesFromDataTransfer(dt: DataTransfer) {\r\n    if (dt.items) {\r\n        return Array.from(dt.items)\r\n            .filter(item => item.kind == 'file')\r\n            .map(item => item.getAsFile() as File);\r\n    } else {\r\n        return Array.from(dt.files);\r\n    }\r\n}\r\n\r\nexport function getTextFromDataTransfer(dt: DataTransfer) {\r\n    return new Promise<string>(resolve => {\r\n        if (dt.items) {\r\n            Array.from(dt.items)\r\n                .filter(item => item.kind == 'string' && item.type == \"text/plain\")\r\n                .slice(0, 1)\r\n                .forEach(item => item.getAsString(resolve));\r\n        } else {\r\n            resolve(dt.getData('text'));\r\n        }\r\n    })\r\n}","import { DOMHelpers } from 'helpers/dom';\r\nimport { Func } from 'interfaces/func';\r\nimport { Observable, SubscribableOrNullableValue } from 'knockout';\r\nimport { withEffects } from 'mixins/withEffects';\r\n\r\nexport interface DragAndDropManagerConfig<T> {\n    element: SubscribableOrNullableValue<HTMLElement>\r\n    extractor: Func<T, [DataTransfer]> | Func<Promise<T>, [DataTransfer]>\r\n    disabled?: SubscribableOrNullableValue<boolean>\r\n\r\n    onDrop: Action<[T, JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>]>    \r\n}\n\nexport default class DragAndDropManager<T> {\n    private effects = withEffects();\n\n    private element: Observable<HTMLElement | undefined>\n    private onDropFunc: Action<[T, JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>]>\n    private extractor: Func<T, [DataTransfer]> | Func<Promise<T>, [DataTransfer]>\n\n    private dragEntersCount = ko.observable(0);\n\n    active = this.dragEntersCount.is(v => v > 0);\n\n    constructor(config: DragAndDropManagerConfig<T>) {\n        this.element = ko.observable(config.element).unwrap();\n        this.onDropFunc = config.onDrop || _.noop;\n        this.extractor = config.extractor || _.noop;\n\n        const isDisabled = ko.flattenComputed(config.disabled, false);\n\n        this.effects.register((element, isDisabled) => {\n            if (element != undefined && !isDisabled) {\n                return [\n                    DOMHelpers.onNodeEvent(document.body, 'dragenter', this.onDragEnter.bind(this)),\n                    DOMHelpers.onNodeEvent(document.body, 'dragover', this.onDragOver.bind(this)),\n                    DOMHelpers.onNodeEvent(document.body, 'dragleave', this.onDragLeave.bind(this)),\n                    DOMHelpers.onNodeEvent(document.body, 'drop', this.onDropMain.bind(this)),\n                    DOMHelpers.onNodeEvent(element, 'drop', this.onDrop.bind(this))\n                ];\n            }\n        }, [this.element, isDisabled]);\n    }\n\n    dispose() {\n        this.effects.dispose();\r\n    }\n\n    private onDragEnter(e: JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) {\n        e.preventDefault();\n        this.dragEntersCount.inc();\n    }\n\n    private onDragOver(e: JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) {\n        e.preventDefault();\n    }\n\n    private onDragLeave(e: JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) {\n        e.preventDefault();\n        this.dragEntersCount.dec();\n    }\n\n    private onDropMain(e: JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) {\n        e.preventDefault();\n        this.dragEntersCount(0);\n    }\n\n    private async onDrop(e: JQuery.TriggeredEvent<HTMLElement, undefined, HTMLElement, HTMLElement>) {\n        e.preventDefault();\n\n        const dt = (e.originalEvent as DragEvent).dataTransfer;\n        if (dt != undefined) {\n            const data = await Promise.resolve(this.extractor(dt));\n            this.onDropFunc(data, e);\n        }\n    }\n}","import { getFilesFromDataTransfer } from 'helpers/dataTransfer';\r\nimport DragAndDropManager, { DragAndDropManagerConfig } from './base';\r\n\nexport default class DragAndDropFilesManager extends DragAndDropManager<File[]> {\n    constructor(config: Omit<DragAndDropManagerConfig<File[]>, 'extractor'>) {\n        const finalConfig = _({}).extend(config, {\n            extractor: getFilesFromDataTransfer\n        }) as DragAndDropManagerConfig<File[]>;\n\n        super(finalConfig);\n    }\n}","define(function () {\r\n    const system = require('helpers/system').SystemHelpers;\r\n\r\n    return function (html) {\r\n        system.getTemplatesAndResources(html)\r\n            .forEach(function (node) { document.head.appendChild(node) });\r\n    }\r\n});","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"wcc-droparea{position:relative;display:flex;justify-content:center;align-items:center;border:1px dashed #c6c6c6;cursor:pointer;box-shadow:0 0 0 0 transparent;transition:box-shadow .4s ease-in-out}wcc-droparea .droparea-label{text-align:center;animation-duration:350ms}wcc-droparea .droparea-label p:last-child{margin-bottom:0}wcc-droparea.active{box-shadow:0 0 10px 0px #fff}wcc-droparea.active,wcc-droparea:hover{color:#5ca2dd;border-color:#5ca2dd}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-wcc-droparea\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko if: $componentTemplateNodes.length > 0 -->\\r\\n    <!-- ko template: { nodes: $componentTemplateNodes } --><!-- /ko -->\\r\\n    <!-- /ko -->\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}