(fix): draggable list now works as intended

72fc1167 · Marcelo Rivera · 4aeb71c6 · 72fc1167 · 72fc1167 · 72fc1167
Commit 72fc1167 authored Sep 06, 2019 by Marcelo Rivera
5 changed files
--- a/package-lock.json
+++ b/package-lock.json
@@ -2539,7 +2539,7 @@
    "arr-flatten": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
-      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg=="
+      "integrity": "sha1-NgSLv/TntH4TZkQxbJlmnqWukfE="
    },
    "arr-map": {
      "version": "2.0.2",
@@ -2813,7 +2813,7 @@
    "async-limiter": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz",
-      "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg=="
+      "integrity": "sha1-ePrtjD0HSrgfIrTphdeehzj3IPg="
    },
    "async-settle": {
      "version": "1.0.0",
@@ -3068,7 +3068,7 @@
    "base": {
      "version": "0.11.2",
      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
-      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "integrity": "sha1-e95c7RRbbVUakNuH+DxVi060io8=",
      "dev": true,
      "requires": {
        "cache-base": "^1.0.1",
@@ -3161,7 +3161,7 @@
    "bencode": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/bencode/-/bencode-2.0.0.tgz",
-      "integrity": "sha512-wr2HwwrUpfB5c68zmAudOltC7rZ1G0+lQOcnuEcfIM3AWAVnB3rHI3nlgd/2CWTfQ3w3zagKt89zni/M+VLZ8g==",
+      "integrity": "sha1-5y5rNpHYJL0D6nqp11LNHUmlACc=",
      "requires": {
        "safe-buffer": "^5.1.1"
      }
@@ -3214,7 +3214,7 @@
    "bitfield": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/bitfield/-/bitfield-2.0.0.tgz",
-      "integrity": "sha512-4xM4DYejOHQ/qWBfeqBXNA4mJ12PwcOibFYnH1kYh5U9BHciCqEJBqGNVnMJXUhm8mflujNRLSv7IiVQxovgjw=="
+      "integrity": "sha1-++Z2dZL+W0yH7PHQQSYpTMG/qDc="
    },
    "bitmap-sdf": {
      "version": "1.0.3",
@@ -3414,7 +3414,7 @@
    "bn.js": {
      "version": "4.11.8",
      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
-      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA=="
+      "integrity": "sha1-LN4J617jQfSEdGuwMJsyU7GxRC8="
    },
    "body-parser": {
      "version": "1.18.3",
@@ -4004,7 +4004,7 @@
    "cache-base": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
-      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "integrity": "sha1-Cn9GQWgxyLZi7jb+TnxZ129marI=",
      "dev": true,
      "requires": {
        "collection-visit": "^1.0.0",
@@ -4290,7 +4290,7 @@
    "class-utils": {
      "version": "0.3.6",
      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
-      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "integrity": "sha1-+TNprouafOAv1B+q0MqDAzGQxGM=",
      "dev": true,
      "requires": {
        "arr-union": "^3.1.0",
@@ -4584,7 +4584,7 @@
    "color-support": {
      "version": "1.1.3",
      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
-      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "integrity": "sha1-k4NDeaHMmgxh+C9S8NBDIiUb1aI=",
      "dev": true
    },
    "colormap": {
@@ -4876,7 +4876,7 @@
    "content-type": {
      "version": "1.0.4",
      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "integrity": "sha1-4TjMdeBAxyexlm/l5fjJruJW/js=",
      "dev": true
    },
    "contra": {
@@ -4921,7 +4921,7 @@
    "copy-concurrently": {
      "version": "1.0.5",
      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
-      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+      "integrity": "sha1-kilzmMrjSTf8r9bsgTnBgFHwteA=",
      "dev": true,
      "requires": {
        "aproba": "^1.1.1",
@@ -5628,7 +5628,7 @@
    "define-property": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
-      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "integrity": "sha1-1Flono1lS6d+AqgX+HENcCyxbp0=",
      "dev": true,
      "requires": {
        "is-descriptor": "^1.0.2",
@@ -6060,7 +6060,7 @@
    "end-of-stream": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz",
-      "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==",
+      "integrity": "sha1-7SljTRm6ukY7bOa4CjchPqtx7EM=",
      "requires": {
        "once": "^1.4.0"
      }
@@ -7611,7 +7611,7 @@
    "fs-chunk-store": {
      "version": "1.7.0",
      "resolved": "https://registry.npmjs.org/fs-chunk-store/-/fs-chunk-store-1.7.0.tgz",
-      "integrity": "sha512-KhjJmZAs2eqfhCb6PdPx4RcZtheGTz86tpTC5JTvqBn/xda+Nb+0C7dCyjOSN7T76H6a56LvH0SVXQMchLXDRw==",
+      "integrity": "sha1-HEvL6TyZrxCqBLZTSPK7Jzd6QBA=",
      "requires": {
        "mkdirp": "^0.5.1",
        "random-access-file": "^2.0.1",
@@ -10611,7 +10611,7 @@
    "is-plain-object": {
      "version": "2.0.4",
      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "integrity": "sha1-LBY7P6+xtgbZ0Xko8FwqHDjgdnc=",
      "dev": true,
      "requires": {
        "isobject": "^3.0.1"
@@ -10955,7 +10955,7 @@
    "jasmine-spec-reporter": {
      "version": "4.2.1",
      "resolved": "https://registry.npmjs.org/jasmine-spec-reporter/-/jasmine-spec-reporter-4.2.1.tgz",
-      "integrity": "sha512-FZBoZu7VE5nR7Nilzy+Np8KuVIOxF4oXDPDknehCYBDE080EnlPu0afdZNmpGDBRCUBv3mj5qgqCRmk6W/K8vg==",
+      "integrity": "sha1-HWMq7ANBZwrTJPkrqEtLMrNeniI=",
      "dev": true,
      "requires": {
        "colors": "1.1.2"
@@ -11171,7 +11171,7 @@
    "k-rpc": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/k-rpc/-/k-rpc-5.0.0.tgz",
-      "integrity": "sha512-vCH2rQdfMOS+MlUuTSuar1pS2EMrltURf9LmAR9xR6Jik0XPlMX3vEixgqMn17wKmFVCublJqSJ4hJIP7oKZ3Q==",
+      "integrity": "sha1-pyZRhgyW20QFeeTJ843OikK0gag=",
      "requires": {
        "buffer-equals": "^1.0.3",
        "k-bucket": "^4.0.0",
@@ -11194,7 +11194,7 @@
    "k-rpc-socket": {
      "version": "1.8.0",
      "resolved": "https://registry.npmjs.org/k-rpc-socket/-/k-rpc-socket-1.8.0.tgz",
-      "integrity": "sha512-f/9TynsO8YYjZ6JjNNtSSH7CJcIHcio1buy3zqByGxb/GX8AWLdL6FZEWTrN8V3/J7W4/E0ZTQQ+Jt2rVq7ELg==",
+      "integrity": "sha1-mk3WpPN5XthH/6FWV5zDiZkL0fI=",
      "requires": {
        "bencode": "^2.0.0",
        "buffer-equals": "^1.0.4",
@@ -11245,7 +11245,7 @@
        "source-map": {
          "version": "0.6.1",
          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
          "dev": true
        },
        "useragent": {
@@ -11263,7 +11263,7 @@
    "karma-chrome-launcher": {
      "version": "2.2.0",
      "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-2.2.0.tgz",
-      "integrity": "sha512-uf/ZVpAabDBPvdPdveyk1EPgbnloPvFFGgmRhYLTDH7gEB4nZdSBk8yTU47w1g/drLSx5uMOkjKk7IWKfWg/+w==",
+      "integrity": "sha1-zxudBxNswY/iOTJ9JGVMPbw2is8=",
      "dev": true,
      "requires": {
        "fs-access": "^1.0.0",
@@ -11929,7 +11929,7 @@
    "lodash.mergewith": {
      "version": "4.6.1",
      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz",
-      "integrity": "sha512-eWw5r+PYICtEBgrBE5hhlT6aAa75f411bgDz/ZL2KZqYV03USvucsxcHUIlGTDTECs1eunpI7HOV7U+WLDvNdQ==",
+      "integrity": "sha1-Y5BX5ybDr72z59QnQcqo1uQzWSc=",
      "dev": true
    },
    "lodash.once": {
@@ -12438,7 +12438,7 @@
    "medium-editor": {
      "version": "5.23.3",
      "resolved": "https://registry.npmjs.org/medium-editor/-/medium-editor-5.23.3.tgz",
-      "integrity": "sha512-he9/TdjX8f8MGdXGfCs8AllrYnqXJJvjNkDKmPg3aPW/uoIrlRqtkFthrwvmd+u4QyzEiadhCCM0EwTiRdUCJw=="
+      "integrity": "sha1-b7Y4dZri/HbEI/6wVvNG2cUY07c="
    },
    "mem": {
      "version": "4.0.0",
@@ -12454,7 +12454,7 @@
    "memory-chunk-store": {
      "version": "1.3.0",
      "resolved": "https://registry.npmjs.org/memory-chunk-store/-/memory-chunk-store-1.3.0.tgz",
-      "integrity": "sha512-6LsOpHKKhxYrLhHmOJdBCUtSO7op5rUs1pag0fhjHo0QiXRyna0bwYf4EmQuL7InUeF2J7dUMPr6VMogRyf9NA=="
+      "integrity": "sha1-rpnn47WLUttD1J2Ucikw05RZ0MQ="
    },
    "memory-fs": {
      "version": "0.4.1",
@@ -12588,7 +12588,7 @@
    "mimic-fn": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
-      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
+      "integrity": "sha1-ggyGo5M0ZA6ZUWkovQP8qIBX0CI=",
      "dev": true
    },
    "mimic-response": {
@@ -12693,7 +12693,7 @@
    "mixin-deep": {
      "version": "1.3.1",
      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz",
-      "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==",
+      "integrity": "sha1-pJ5yaNzhoNlpjkUybFYm3zVD0P4=",
      "dev": true,
      "requires": {
        "for-in": "^1.0.2",
@@ -12703,7 +12703,7 @@
        "is-extendable": {
          "version": "1.0.1",
          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
-          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "integrity": "sha1-p0cPnkJnM9gb2B4RVSZOOjUHyrQ=",
          "dev": true,
          "requires": {
            "is-plain-object": "^2.0.4"
@@ -12819,7 +12819,7 @@
    "mp4-stream": {
      "version": "2.0.3",
      "resolved": "https://registry.npmjs.org/mp4-stream/-/mp4-stream-2.0.3.tgz",
-      "integrity": "sha512-5NzgI0+bGakoZEwnIYINXqB3mnewkt3Y7jcvkXsTubnCNUSdM8cpP0Vemxf6FLg0qUN8fydTgNMVAc3QU8B92g==",
+      "integrity": "sha1-MKzuB3CdMj+NzYegezzpw8S/s2Q=",
      "requires": {
        "buffer-alloc": "^1.1.0",
        "inherits": "^2.0.1",
@@ -13339,7 +13339,7 @@
    "normalize-package-data": {
      "version": "2.4.0",
      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
-      "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
+      "integrity": "sha1-EvlaMH1YNSB1oEkHuErIvpisAS8=",
      "dev": true,
      "requires": {
        "hosted-git-info": "^2.1.4",
@@ -13447,7 +13447,7 @@
    "npmlog": {
      "version": "4.1.2",
      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
-      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "integrity": "sha1-CKfyqL9zRgR3mp76StXMcXq7lUs=",
      "dev": true,
      "requires": {
        "are-we-there-yet": "~1.1.2",
@@ -13909,7 +13909,7 @@
    "p-map": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz",
-      "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==",
+      "integrity": "sha1-5OlPMR6rvIYzoeeZCBZfyiYkG2s=",
      "dev": true
    },
    "p-try": {
@@ -14978,7 +14978,7 @@
    "qjobs": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz",
-      "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==",
+      "integrity": "sha1-xF6cYYAL0IfviNfiVkI73Unl0HE=",
      "dev": true
    },
    "qrcodejs2": {
@@ -15104,7 +15104,7 @@
    "random-access-file": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/random-access-file/-/random-access-file-2.0.1.tgz",
-      "integrity": "sha512-nb4fClpzoUY+v1SHrro+9yykN90eMA1rc+xM39tnZ5R3BgFY+J/NxPZ0KuUpishEsvnwou9Fvm2wa3cjeuG7vg==",
+      "integrity": "sha1-3CLeeScOmoTLNqJBm3WXJZMNyus=",
      "requires": {
        "mkdirp": "^0.5.1",
        "random-access-storage": "^1.1.1"
@@ -15382,12 +15382,12 @@
    "regenerator-runtime": {
      "version": "0.11.1",
      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+      "integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk="
    },
    "regex-not": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
-      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "integrity": "sha1-H07OJ+ALC2XgJHpoEOaoXYOldSw=",
      "dev": true,
      "requires": {
        "extend-shallow": "^3.0.2",
@@ -15727,7 +15727,7 @@
    "ret": {
      "version": "0.1.15",
      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
-      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "integrity": "sha1-uKSCXVvbH8P29Twrwz+BOIaBx7w=",
      "dev": true
    },
    "retry": {
@@ -15891,12 +15891,12 @@
    "run-parallel": {
      "version": "1.1.9",
      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.9.tgz",
-      "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q=="
+      "integrity": "sha1-yd06fPn0ssS2JE4XOm7YZuYd1nk="
    },
    "run-parallel-limit": {
      "version": "1.0.5",
      "resolved": "https://registry.npmjs.org/run-parallel-limit/-/run-parallel-limit-1.0.5.tgz",
-      "integrity": "sha512-NsY+oDngvrvMxKB3G8ijBzIema6aYbQMD2bHOamvN52BysbIGTnEY2xsNyfrcr9GhY995/t/0nQN3R3oZvaDlg=="
+      "integrity": "sha1-wppP0XtN81jLUqiml4EaY8mE8bc="
    },
    "run-queue": {
      "version": "1.0.3",
@@ -15910,7 +15910,7 @@
    "run-series": {
      "version": "1.1.8",
      "resolved": "https://registry.npmjs.org/run-series/-/run-series-1.1.8.tgz",
-      "integrity": "sha512-+GztYEPRpIsQoCSraWHDBs9WVy4eVME16zhOtDB4H9J4xN0XRhknnmLOl+4gRgZtu8dpp9N/utSPjKH/xmDzXg=="
+      "integrity": "sha1-LEVY9JIh4BzWNx/04KHiA+Rg/DY="
    },
    "rusha": {
      "version": "0.8.13",
@@ -16269,7 +16269,7 @@
    "set-value": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz",
-      "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==",
+      "integrity": "sha1-ca5KiPD+77v1LR6mBPP7MV67YnQ=",
      "dev": true,
      "requires": {
        "extend-shallow": "^2.0.1",
@@ -16655,7 +16655,7 @@
    "snapdragon-node": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
-      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "integrity": "sha1-bBdfhv8UvbByRWPo88GwIaKGhTs=",
      "dev": true,
      "requires": {
        "define-property": "^1.0.0",
@@ -16706,7 +16706,7 @@
    "snapdragon-util": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
-      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "integrity": "sha1-+VZHlIbyrNeXAGk/b3uAXkWrVuI=",
      "dev": true,
      "requires": {
        "kind-of": "^3.2.0"
@@ -17125,7 +17125,7 @@
    "split-string": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
-      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "integrity": "sha1-fLCd2jqGWFcFxks5pkZgOGguj+I=",
      "dev": true,
      "requires": {
        "extend-shallow": "^3.0.0"
@@ -18204,7 +18204,7 @@
    "tmp": {
      "version": "0.0.33",
      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "integrity": "sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=",
      "dev": true,
      "requires": {
        "os-tmpdir": "~1.0.2"
@@ -18282,7 +18282,7 @@
    "to-regex": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
-      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "integrity": "sha1-E8/dmzNlUvMLUfM6iuG0Knp1mc4=",
      "dev": true,
      "requires": {
        "define-property": "^2.0.2",
@@ -18528,7 +18528,7 @@
    "type-is": {
      "version": "1.6.16",
      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
-      "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==",
+      "integrity": "sha1-+JzjQVQcZysl7nrjxz3uOyvlAZQ=",
      "dev": true,
      "requires": {
        "media-typer": "0.3.0",
@@ -18557,7 +18557,7 @@
    "typedarray-to-buffer": {
      "version": "3.1.5",
      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
-      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "integrity": "sha1-qX7nqf9CaRufeD/xvFES/j/KkIA=",
      "requires": {
        "is-typedarray": "^1.0.0"
      }
@@ -19943,7 +19943,7 @@
    "xml2js": {
      "version": "0.4.19",
      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.19.tgz",
-      "integrity": "sha512-esZnJZJOiJR9wWKMyuvSE1y6Dq5LCuJanqhxslH2bxM6duahNZ+HMpCLhBQGZkbX6xRf8x1Y2eJlgt2q3qo49Q==",
+      "integrity": "sha1-aGwg8hMgnpSr8NG88e+qKRx4J6c=",
      "dev": true,
      "requires": {
        "sax": ">=0.6.0",
@@ -19953,7 +19953,7 @@
        "sax": {
          "version": "1.2.4",
          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
-          "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+          "integrity": "sha1-KBYjTiN4vdxOU1T6tcqold9xANk=",
          "dev": true
        }
      }

--- a/src/app/common/components/draggable-list/list.component.scss
+++ b/src/app/common/components/draggable-list/list.component.scss
 @import 'themes';

 m-draggable-list {
-  ul {
+  ul.m-draggableList__list {
    list-style: none;
    padding: 0;
    margin: 0;
+    display: flex;
+    flex-direction: column;
+    transition: all ease 300ms;

-    li {
+    &.dndDragover {
+      padding-top: 16px;
+      padding-bottom: 16px;
+    }
+
+    li.m-draggableList__listItem {
      padding: 8px;
      border: 1px solid #ddd;


--- a/src/app/common/components/draggable-list/list.component.ts
+++ b/src/app/common/components/draggable-list/list.component.ts
-import {
-  ChangeDetectorRef,
-  Component,
-  ContentChild,
-  Input,
-  TemplateRef,
-} from '@angular/core';
-import { DndDropEvent, DropEffect, EffectAllowed } from 'ngx-drag-drop';
+import { Component, ContentChild, Input, TemplateRef, } from '@angular/core';
+import { DndDropEvent, EffectAllowed } from 'ngx-drag-drop';

 @Component({
  selector: 'm-draggable-list',
@@ -14,23 +8,20 @@ import { DndDropEvent, DropEffect, EffectAllowed } from 'ngx-drag-drop';
      dndDropzone
      [dndHorizontal]="false"
      [dndEffectAllowed]="dndEffectAllowed"
-      (dndDrop)="onDrop($event, data)"
+      (dndDrop)="onDrop($event)"
+      class="m-draggableList__list"
    >
      <div
        class="dndPlaceholder"
        dndPlaceholderRef
-        style="min-height:72px;border:1px dashed green;background-color:rgba(0, 0, 0, 0.1)"
+        style="min-height:100px;border:1px dashed green;background-color:rgba(0, 0, 0, 0.1)"
      ></div>

      <li
        *ngFor="let item of data; let i = index; trackBy: trackByFunction"
        [dndDraggable]="item"
        [dndEffectAllowed]="'move'"
-        (dndCopied)="onDragged(item, data, 'copy')"
-        (dndLinked)="onDragged(item, data, 'link')"
-        (dndMoved)="onDragged(item, data, 'move')"
-        (dndEnd)="onDragEnd(item, data, $event)"
-        (dndCanceled)="onDragged(item, data, 'none')"
+        class="m-draggableList__listItem"
      >
        <i class="handle material-icons" dndHandle>reorder</i>
        <ng-container
@@ -43,33 +34,28 @@ import { DndDropEvent, DropEffect, EffectAllowed } from 'ngx-drag-drop';
 })
 export class DraggableListComponent {
  @Input() data: Array<any>;
-  @Input() dndEffectAllowed: EffectAllowed = 'move';
+  @Input() dndEffectAllowed: EffectAllowed = 'copyMove';
+  @Input() id: string;
  @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>;

  trackByFunction(index, item) {
-    return item.tag + index;
+    return this.id ? item[this.id] + index : index;
  }

-  onDragged(item: any, list: any[], effect: DropEffect) {
-    // const index = list.indexOf(item);
-    // list.splice(index, 1);
-  }
-
-  onDragEnd(item: any, list: any[], event: DragEvent) {
-    const index = list.indexOf(item);
-    list.splice(index, 1);
-    console.warn('drag ended');
-  }
+  onDrop(event: DndDropEvent) {
+    if (this.data && (event.dropEffect === 'copy' || event.dropEffect === 'move')) {
+      let dragIndex = this.data.findIndex(item => event.data[this.id] === item[this.id]);
+      let dropIndex = event.index || this.data.length;
+      // remove element
+      this.data.splice(dragIndex, 1);

-  onDrop(event: DndDropEvent, list?: any[]) {
-    if (list && (event.dropEffect === 'copy' || event.dropEffect === 'move')) {
-      let index = event.index;
-
-      if (typeof index === 'undefined') {
-        index = list.length;
+      // add it back to new index
+      if (dragIndex < dropIndex) {
+        dropIndex--;
      }

-      list.splice(index, 0, event.data);
+      this.data.splice(dropIndex, 0, event.data);
+
    }
  }
 }
--- a/src/app/modules/pro/settings/settings.component.html
+++ b/src/app/modules/pro/settings/settings.component.html
@@ -136,9 +136,9 @@
              </div>

              <div class="m-pro--settings--field">
-                <label for="plain_background_color" i18n
-                  >Plain Background Color</label
-                >
+                <label for="plain_background_color" i18n>
+                  Plain Background Color
+                </label>
                <input
                  type="color"
                  id="plain_background_color"
@@ -148,7 +148,9 @@
              </div>

              <div class="m-pro--settings--field">
-                <label i18n>Color Schema</label>
+                <label i18n>
+                  Color Schema
+                </label>

                <input
                  type="radio"
@@ -157,9 +159,9 @@
                  value="light"
                  [(ngModel)]="settings.scheme"
                />
-                <label for="scheme_light" class="m-pro--settings--inline-label"
-                  >Light</label
-                >
+                <label for="scheme_light" class="m-pro--settings--inline-label">
+                  Light
+                </label>

                <input
                  type="radio"
@@ -168,9 +170,9 @@
                  value="dark"
                  [(ngModel)]="settings.scheme"
                />
-                <label for="scheme_dark" class="m-pro--settings--inline-label"
-                  >Dark</label
-                >
+                <label for="scheme_dark" class="m-pro--settings--inline-label">
+                  Dark
+                </label>
              </div>

              <div class="m-pro--settings--field">
@@ -187,8 +189,9 @@
                  <label
                    [for]="'tile_ratio_' + ratio"
                    class="m-pro--settings--inline-label"
-                    >{{ ratio }}</label
                  >
+                    {{ ratio }}
+                  </label>
                </ng-container>
              </div>

@@ -210,52 +213,24 @@
                Set up your category filter hashtags here.
              </p>

-              <div
-                class="m-pro--settings--field"
-                *ngFor="let tag of settings.tag_list; let i = index"
+              <m-draggable-list
+                [data]="settings.tag_list"
+                [id]="'tag'"
              >
-                <label [for]="'tag-label-' + i" i18n
-                  >Hashtag #{{ i + 1 }}</label
-                >
-
-                <div class="m-pro--settings--flex-inputs">
-                  <input
-                    type="text"
-                    placeholder="Label"
-                    [id]="'tag-label-' + i"
-                    [name]="'tag[' + i + '][label]'"
-                    [(ngModel)]="tag.label"
-                    i18n-placeholder
-                  />
-
-                  <input
-                    type="text"
-                    placeholder="#hashtag"
-                    [id]="'tag-tag-' + i"
-                    [name]="'tag[' + i + '][tag]'"
-                    [(ngModel)]="tag.tag"
-                    i18n-placeholder
-                  />
-
-                  <i class="material-icons" (click)="removeTag(i)">clear</i>
-                </div>
-              </div>
-
-              <!--<m-draggable-list
-                [data]="settings.tag_list">
                <ng-template let-tag="item" let-i="i">

-                  <div class="m-pro&#45;&#45;settings&#45;&#45;field">
-                    <label for="headline" i18n>Hashtag #{{ i + 1 }}</label>
+                  <div class="m-pro--settings--field">
+                    <label i18n>
+                      Hashtag #{{ i + 1 }}
+                    </label>

-                    <div class="m-pro&#45;&#45;settings&#45;&#45;flex-inputs">
+                    <div class="m-pro--settings--flex-inputs">
                      <input
                        type="text"
                        placeholder="Label"
                        [id]="'tag-label-' + i"
                        [name]="'tag[' + i + '][label]'"
                        [(ngModel)]="tag.label"
-                        i18n-placeholder