import 'expose?Vue!vue/dist/vue'

import "expose?jQuery!jquery"

import "expose?$!jquery"

import VueResource from 'vue-resource'

import Typeahead from './components/typeahead/Typeahead.vue'

import Cutout from './components/cutout'

import Zoomview from './components/zoomview/Zoomview.vue'

import MergeTool from './components/mergetool/MergeTool.vue'

import CollectionSelector from './components/collectionselector/CollectionSelector.vue'

import DiffViewer from './components/diffviewer/diffviewer.vue'

import jsondiffpatch from 'jsondiffpatch'

import Editor from './components/editor'

import ColorButtons from './components/tagform/ColorButtons.vue'

import TagList from './components/tagform/TagList.vue'

const Diff = require('diff')

Vue.config.ignoredElements = ["mask"];

var iconolab = {

    Cutout : Cutout,

    JsDiff: Diff,

    JsonDiff: jsondiffpatch,

    CollectionSelector: CollectionSelector,

    VueComponents : {

        Typeahead: Typeahead,

        MergeTool: MergeTool,

        Zoomview: Zoomview,

        DiffViewer: DiffViewer,

        Editor: Editor,

        ColorButtons: ColorButtons,

        TagList: TagList

    }

};

Vue.component('color-buttons', ColorButtons);

Vue.component('image-annotator', Editor.Canvas);

Vue.component('annotation-form', Editor.AnnotationForm);

Vue.component('annotation-list', Editor.AnnotationList);

Vue.component('comment-list', Editor.CommentList);

if (!window.iconolab) {

    window.iconolab = iconolab;

}