tui-image-editor - npm Package Compare versions

Comparing version 3.15.0 to 3.15.1

index.d.ts

@@ -1,2 +0,2 @@
-// Type definitions for TOAST UI Image Editor v3.14.3
+// Type definitions for TOAST UI Image Editor v3.15.1
 // TypeScript Version: 3.2.2
@@ -3,0 +3,0 @@

package.json

 {
   "name": "tui-image-editor",
-  "author": "NHN. FE Development Lab <[e-mail]>",
-  "version": "3.15.0",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/nhn/tui.image-editor.git"
-  },
-  "main": "dist/tui-image-editor.js",
-  "files": [
-    "src",
-    "dist",
-    "index.d.ts"
-  ],
-  "description": "TOAST UI Component: ImageEditor",
+  "version": "3.15.1",
+  "description": "TOAST UI ImageEditor",
   "keywords": [
@@ -27,67 +15,38 @@ "nhn",
   ],
+  "main": "dist/tui-image-editor.js",
+  "files": [
+    "src",
+    "dist",
+    "index.d.ts"
+  ],
   "scripts": {
-    "test": "karma start --no-single-run",
-    "test:ne": "KARMA_SERVER=ne karma start",
+    "test": "jest --forceExit --detectOpenHandles",
     "test:types": "tsc --project tests/types",
-    "bundle": "webpack && webpack -p && npm run bundle:svg && node tsBannerGenerator.js",
-    "bundle:svg": "node makesvg.js",
-    "serve": "webpack-dev-server",
+    "build": "npm run build:clean && npm run build:svg && npm run build:prod && npm run build:minify && node tsBannerGenerator.js",
+    "build:clean": "rm -rf ./dist",
+    "build:prod": "webpack",
+    "build:minify": "webpack --env minify",
+    "build:svg": "node makesvg.js",
+    "serve": "webpack serve",
     "doc:dev": "tuidoc --serv",
-    "doc": "tuidoc"
+    "doc": "tuidoc",
+    "update:wrapper": "node scripts/updateWrapper.js",
+    "publish:cdn": "node scripts/publishToCDN.js"
   },
-  "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^10.0.3",
-    "babel-loader": "^7.1.2",
-    "babel-preset-es2015": "^6.24.1",
-    "css-loader": "^3.4.1",
-    "es5-shim": "^4.5.9",
-    "eslint": "^4.5.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-config-tui": "^1.0.1",
-    "eslint-loader": "^2.0.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "file-saver": "^1.3.3",
-    "istanbul-instrumenter-loader": "^1.0.0",
-    "jasmine-core": "^2.4.1",
-    "jasmine-jquery": "^2.1.1",
-    "jquery": "^3.4.0",
-    "jsdoc": "^3.5.4",
-    "karma": "^4.4.1",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage": "^2.0.1",
-    "karma-edge-launcher": "^0.4.2",
-    "karma-es5-shim": "0.0.4",
-    "karma-firefox-launcher": "^1.1.0",
-    "karma-ie-launcher": "^1.0.0",
-    "karma-jasmine": "^1.1.1",
-    "karma-jasmine-jquery-2": "^0.1.1",
-    "karma-jquery": "^0.2.4",
-    "karma-junit-reporter": "^1.2.0",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-webdriver-launcher": "git+https://github.com/nhn/karma-webdriver-launcher.git#v1.2.0",
-    "karma-webpack": "^4.0.2",
-    "mini-css-extract-plugin": "^0.9.0",
-    "mkdirp": "^0.5.1",
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "selenium-webdriver": "^4.0.0-alpha.7",
-    "simulant": "^0.2.2",
-    "stylus": "^0.54.5",
-    "stylus-loader": "^3.0.2",
-    "svg-inline-loader": "^0.8.2",
-    "svgstore": "^2.0.3",
-    "tui-jsdoc-template": "^1.0.4",
-    "typescript": "^3.2.2",
-    "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10",
-    "webpack-dev-server": "^3.10.1"
+  "homepage": "https://github.com/nhn/tui.image-editor",
+  "bugs": "https://github.com/nhn/tui.image-editor/issues",
+  "author": "NHN. FE Development Team <[e-mail]>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nhn/tui.image-editor.git"
   },
+  "license": "MIT",
+  "browserslist": [
+    "last 2 versions",
+    "not ie <= 9"
+  ],
   "dependencies": {
-    "core-js-pure": "^3.6.4",
     "fabric": "^4.2.0",
-    "tui-code-snippet": "^1.5.0",
     "tui-color-picker": "^2.2.6"
-  },
-  "gitHead": "deb10d49e2cc100c7c68d734e7090b09d1c1e438"
+  }
 }

README.md

@@ -72,3 +72,3 @@ # ![Toast UI ImageEditor](https://user-images.githubusercontent.com/35218826/40895380-0b9f4cd6-67ea-11e8-982f-18121daa3a04.png)
 
-TOAST UI products are available over the CDN powered by [TOAST Cloud](https://www.toast.com).
+TOAST UI products are available over the CDN powered by [NHN Cloud](https://www.toast.com).
 
@@ -75,0 +75,0 @@ You can use the CDN as below.

src/index.js

@@ -28,2 +28,3 @@ import '@/polyfill';
 
-module.exports = ImageEditor;
+export default ImageEditor;
+export { ImageEditor };

src/js/command/addIcon.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/addImageObject.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/addObject.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames, rejectMessages } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/addShape.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/addText.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, commandNames, rejectMessages } from '@/consts';
@@ -9,0 +8,0 @@ import {

src/js/command/changeIconColor.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, rejectMessages, commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/changeSelection.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames } from '@/consts';
@@ -9,0 +8,0 @@ import { getCachedUndoDataForDimension } from '@/helper/selectionModifyHelper';

src/js/command/changeShape.js

@@ -7,3 +7,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, rejectMessages, commandNames } from '@/consts';
@@ -10,0 +9,0 @@

src/js/command/changeText.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, rejectMessages, commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/changeTextStyle.js

@@ -7,3 +7,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { componentNames, rejectMessages, commandNames } from '@/consts';
@@ -10,0 +9,0 @@

src/js/command/clearObjects.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/removeObject.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames, rejectMessages } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/resizeCanvasDimension.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/setObjectPosition.js

@@ -6,3 +6,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames, rejectMessages } from '@/consts';
@@ -9,0 +8,0 @@

src/js/command/setObjectProperties.js

@@ -7,3 +7,2 @@ /**
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
 import { commandNames, rejectMessages } from '@/consts';
@@ -10,0 +9,0 @@

src/js/component/cropper.js

@@ -6,3 +6,3 @@ /**
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
@@ -9,0 +9,0 @@ import Cropzone from '@/extension/cropzone';

src/js/component/filter.js

@@ -6,5 +6,4 @@ /**
 import { isUndefined, extend, forEach, filter } from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
-import { Promise } from '@/util';
 import { rejectMessages, componentNames } from '@/consts';
@@ -11,0 +10,0 @@ import Mask from '@/extension/mask';

src/js/component/flip.js

@@ -7,3 +7,2 @@ /**
 import Component from '@/interface/component';
-import { Promise } from '@/util';
 import { componentNames, rejectMessages } from '@/consts';
@@ -10,0 +9,0 @@

src/js/component/freeDrawing.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
@@ -8,0 +8,0 @@ import { componentNames } from '@/consts';

src/js/component/icon.js

@@ -6,5 +6,4 @@ /**
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
-import { Promise } from '@/util';
 import { eventNames as events, rejectMessages, componentNames, fObjectOptions } from '@/consts';
@@ -11,0 +10,0 @@

src/js/component/imageLoader.js

@@ -6,3 +6,2 @@ /**
 import Component from '@/interface/component';
-import { Promise } from '@/util';
 import { componentNames, rejectMessages } from '@/consts';
@@ -9,0 +8,0 @@

src/js/component/line.js

@@ -6,3 +6,3 @@ /**
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
@@ -9,0 +9,0 @@ import ArrowLine from '@/extension/arrowLine';

src/js/component/resize.js

@@ -1,2 +0,1 @@
-import { Promise } from '@/util';
 import Component from '@/interface/component';
@@ -3,0 +2,0 @@ import { componentNames } from '@/consts';

src/js/component/rotation.js

@@ -5,5 +5,4 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
-import { Promise } from '@/util';
 import { componentNames } from '@/consts';
@@ -10,0 +9,0 @@

src/js/component/shape.js

@@ -6,3 +6,3 @@ /**
 import { extend } from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
@@ -19,3 +19,2 @@ import resizeHelper from '@/helper/shapeResizeHelper';
 import {
-  Promise,
   changeOrigin,
@@ -22,0 +21,0 @@ getCustomProperty,

src/js/component/text.js

@@ -6,5 +6,4 @@ /**
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
-import { Promise } from '@/util';
 import { componentNames, eventNames as events, fObjectOptions } from '@/consts';
@@ -11,0 +10,0 @@

src/js/component/zoom.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import Component from '@/interface/component';
@@ -8,0 +8,0 @@ import { clamp } from '@/util';

src/js/extension/arrowLine.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -8,0 +8,0 @@ const ARROW_ANGLE = 30;

src/js/extension/blur.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -8,0 +8,0 @@ /**

src/js/extension/colorFilter.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -8,0 +8,0 @@ /**

src/js/extension/cropzone.js

@@ -6,3 +6,3 @@ /**
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import { clamp } from '@/util';
@@ -9,0 +9,0 @@ import { eventNames as events, keyCodes } from '@/consts';

src/js/extension/emboss.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -8,0 +8,0 @@ /**

src/js/extension/mask.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -8,0 +8,0 @@ /**

src/js/extension/sharpen.js

@@ -5,3 +5,3 @@ /**
  */
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -8,0 +8,0 @@ /**

src/js/graphics.js

@@ -6,3 +6,3 @@ /**
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 import ImageLoader from '@/component/imageLoader';
@@ -31,3 +31,3 @@ import Cropper from '@/component/cropper';
 } from '@/helper/selectionModifyHelper';
-import { getProperties, includes, isShape, Promise } from '@/util';
+import { getProperties, includes, isShape } from '@/util';
 import {
@@ -34,0 +34,0 @@ componentNames as components,

src/js/helper/selectionModifyHelper.js

@@ -7,3 +7,3 @@ /**
 import { extend } from 'tui-code-snippet';
-import fabric from 'fabric';
+import { fabric } from 'fabric';
 
@@ -10,0 +10,0 @@ /**

src/js/helper/shapeFilterFillHelper.js

@@ -5,2 +5,3 @@ /**
  */
+import { fabric } from 'fabric';
 import { forEach, map, extend } from 'tui-code-snippet';
@@ -7,0 +8,0 @@ import resizeHelper from '@/helper/shapeResizeHelper';

src/js/imageEditor.js

@@ -6,2 +6,3 @@ /**
 import snippet from 'tui-code-snippet';
+import { fabric } from 'fabric';
 import Invoker from '@/invoker';
@@ -13,3 +14,3 @@ import UI from '@/ui';
 import { makeSelectionUndoData, makeSelectionUndoDatum } from '@/helper/selectionModifyHelper';
-import { sendHostName, Promise, getObjectType } from '@/util';
+import { sendHostName, getObjectType } from '@/util';
 import {
@@ -16,0 +17,0 @@ eventNames as events,

src/js/invoker.js

@@ -5,9 +5,7 @@ /**
  */
-import snippet from 'tui-code-snippet';
+import { isString, CustomEvents } from 'tui-code-snippet';
 import commandFactory from '@/factory/command';
-import { Promise } from '@/util';
+import { isFunction } from '@/util';
 import { eventNames, rejectMessages } from '@/consts';
 
-const { isFunction, isString, CustomEvents } = snippet;
-
 /**
@@ -14,0 +12,0 @@ * Invoker

src/js/polyfill.js

@@ -0,12 +1,15 @@
+/* eslint-disable */
+
 // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
-// Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/if (!Element.prototype.matches)
-Element.prototype.matches =
-  Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+if (!Element.prototype.matches) {
+  Element.prototype.matches =
+    Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+}
 
-if (!Element.prototype.closest)
+if (!Element.prototype.closest) {
   Element.prototype.closest = function (s) {
     var el = this;
-    if (!document.documentElement.contains(el)) return null;
+
     do {
-      if (el.matches(s)) return el;
+      if (Element.prototype.matches.call(el, s)) return el;
       el = el.parentElement || el.parentNode;
@@ -16,6 +19,7 @@ } while (el !== null && el.nodeType === 1);
   };
+}
 
 /*
  * classList.js: Cross-browser full element.classList implementation.
- * 1.1.20170427
+ * 1.2.20171210
  *
@@ -31,3 +35,3 @@ * By Eli Grey, http://eligrey.com
 
-if ('document' in window.self) {
+if ('document' in self) {
   // Full polyfill for browsers with no classList support
@@ -74,6 +78,9 @@ // Including IE < Edge missing SVGElement.classList
           if (token === '') {
-            throw new DOMEx('SYNTAX_ERR', 'An invalid or illegal string was specified');
+            throw new DOMEx('SYNTAX_ERR', 'The token must not be empty.');
           }
           if (/\s/.test(token)) {
-            throw new DOMEx('INVALID_CHARACTER_ERR', 'String contains an invalid character');
+            throw new DOMEx(
+              'INVALID_CHARACTER_ERR',
+              'The token must not contain space characters.'
+            );
           }
@@ -105,4 +112,3 @@ return arrIndexOf.call(classList, token);
       classListProto.contains = function (token) {
-        token += '';
-        return checkTokenAndGetIndex(this, token) !== -1;
+        return ~checkTokenAndGetIndex(this, token + '');
       };
@@ -117,3 +123,3 @@ classListProto.add = function () {
           token = tokens[i] + '';
-          if (checkTokenAndGetIndex(this, token) === -1) {
+          if (!~checkTokenAndGetIndex(this, token)) {
             this.push(token);
@@ -138,3 +144,3 @@ updated = true;
           index = checkTokenAndGetIndex(this, token);
-          while (index !== -1) {
+          while (~index) {
             this.splice(index, 1);
@@ -151,4 +157,2 @@ updated = true;
       classListProto.toggle = function (token, force) {
-        token += '';
-
         var result = this.contains(token),
@@ -166,2 +170,9 @@ method = result ? force !== true && 'remove' : force !== false && 'add';
       };
+      classListProto.replace = function (token, replacement_token) {
+        var index = checkTokenAndGetIndex(token + '');
+        if (~index) {
+          this.splice(index, 1, replacement_token);
+          this._updateClassName();
+        }
+      };
       classListProto.toString = function () {
@@ -191,3 +202,3 @@ return this.join(' ');
       }
-    })(window.self);
+    })(self);
   }
@@ -241,2 +252,16 @@
 
+    // replace() polyfill
+    if (!('replace' in document.createElement('_').classList)) {
+      DOMTokenList.prototype.replace = function (token, replacement_token) {
+        var tokens = this.toString().split(' '),
+          index = tokens.indexOf(token + '');
+        if (~index) {
+          tokens = tokens.slice(index);
+          this.remove.apply(this, tokens);
+          this.add(replacement_token);
+          this.add.apply(this, tokens.slice(1));
+        }
+      };
+    }
+
     testElement = null;
@@ -243,0 +268,0 @@ })();

src/js/ui/draw.js

@@ -28,8 +28,7 @@ import Colorpicker from '@/ui/tools/colorpicker';
       lineSelectButton: this.selector('.tie-draw-line-select-button'),
-      drawColorPicker: new Colorpicker(
-        this.selector('.tie-draw-color'),
-        '#00a9ff',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
+      drawColorPicker: new Colorpicker(this.selector('.tie-draw-color'), {
+        defaultColor: '#00a9ff',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
       drawRange: new Range(
@@ -36,0 +35,0 @@ {

src/js/ui/filter.js

@@ -356,20 +356,17 @@ import snippet from 'tui-code-snippet';
       ),
-      filterTintColor: new Colorpicker(
-        this.selector('.tie-filter-tint-color'),
-        '#03bd9e',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
-      filterMultiplyColor: new Colorpicker(
-        this.selector('.tie-filter-multiply-color'),
-        '#515ce6',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
-      filterBlendColor: new Colorpicker(
-        this.selector('.tie-filter-blend-color'),
-        '#ffbb3b',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
+      filterTintColor: new Colorpicker(this.selector('.tie-filter-tint-color'), {
+        defaultColor: '#03bd9e',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
+      filterMultiplyColor: new Colorpicker(this.selector('.tie-filter-multiply-color'), {
+        defaultColor: '#515ce6',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
+      filterBlendColor: new Colorpicker(this.selector('.tie-filter-blend-color'), {
+        defaultColor: '#ffbb3b',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
       blurRange: FILTER_RANGE.blurFilterRange,
@@ -376,0 +373,0 @@ };

src/js/ui/icon.js

@@ -30,8 +30,7 @@ import snippet from 'tui-code-snippet';
       addIconButton: this.selector('.tie-icon-add-button'),
-      iconColorpicker: new Colorpicker(
-        this.selector('.tie-icon-color'),
-        '#ffbb3b',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
+      iconColorpicker: new Colorpicker(this.selector('.tie-icon-color'), {
+        defaultColor: '#ffbb3b',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
     };
@@ -38,0 +37,0 @@

src/js/ui/shape.js

@@ -43,14 +43,12 @@ import snippet from 'tui-code-snippet';
       ),
-      fillColorpicker: new Colorpicker(
-        this.selector('.tie-color-fill'),
-        '',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
-      strokeColorpicker: new Colorpicker(
-        this.selector('.tie-color-stroke'),
-        '#ffbb3b',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
+      fillColorpicker: new Colorpicker(this.selector('.tie-color-fill'), {
+        defaultColor: '',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
+      strokeColorpicker: new Colorpicker(this.selector('.tie-color-stroke'), {
+        defaultColor: '#ffbb3b',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
     };
@@ -57,0 +55,0 @@

src/js/ui/template/submenu/resize.js

@@ -13,7 +13,7 @@ /**
                 <div class="tie-width-range"></div>
-                <input class="tie-width-range-value tui-image-editor-range-value" value="0" /> <label class="range">px</label>
+                <input class="tie-width-range-value tui-image-editor-range-value" value="0" /> <label>px</label>
                 <div class="tui-image-editor-partition tui-image-editor-newline"></div>
                 <label class="range">${locale.localize('Height')}</label>
                 <div class="tie-height-range"></div>
-                <input class="tie-height-range-value tui-image-editor-range-value" value="0" /> <label class="range">px</label>
+                <input class="tie-height-range-value tui-image-editor-range-value" value="0" /> <label>px</label>
             </div>
@@ -20,0 +20,0 @@ </li>

src/js/ui/text.js

@@ -32,8 +32,7 @@ import Range from '@/ui/tools/range';
       textAlignButton: this.selector('.tie-text-align-button'),
-      textColorpicker: new Colorpicker(
-        this.selector('.tie-text-color'),
-        '#ffbb3b',
-        this.toggleDirection,
-        this.usageStatistics
-      ),
+      textColorpicker: new Colorpicker(this.selector('.tie-text-color'), {
+        defaultColor: '#ffbb3b',
+        toggleDirection: this.toggleDirection,
+        usageStatistics: this.usageStatistics,
+      }),
       textRange: new Range(
@@ -130,6 +129,2 @@ {
 
-  set textColor(color) {
-    this._els.textColorpicker.color = color;
-  }
-
   /**
@@ -143,2 +138,6 @@ * Get text color
 
+  set textColor(color) {
+    this._els.textColorpicker.color = color;
+  }
+
   /**
@@ -145,0 +144,0 @@ * Get text size

src/js/ui/theme/theme.js

@@ -176,3 +176,4 @@ import { extend, forEach, map } from 'tui-code-snippet';
       const parser = new DOMParser();
-      const dom = parser.parseFromString(icon, 'text/xml');
+      const encodedURI = icon.replace(/data:image\/svg\+xml;base64,/, '');
+      const dom = parser.parseFromString(atob(encodedURI), 'text/xml');
 
@@ -179,0 +180,0 @@ document.body.appendChild(dom.documentElement);

src/js/ui/tools/colorpicker.js

@@ -31,5 +31,3 @@ import snippet from 'tui-code-snippet';
     colorpickerElement,
-    defaultColor = '#7e7e7e',
-    toggleDirection = 'up',
-    usageStatistics
+    { defaultColor = '#7e7e7e', toggleDirection = 'up', usageStatistics }
   ) {
@@ -251,2 +249,3 @@ this.colorpickerElement = colorpickerElement;
 snippet.CustomEvents.mixin(Colorpicker);
+
 export default Colorpicker;

src/js/ui/tools/range.js

@@ -71,2 +71,6 @@ import snippet from 'tui-code-snippet';
 
+  get max() {
+    return this._max;
+  }
+
   /**
@@ -82,4 +86,4 @@ * Set range max value and re position cursor
 
-  get max() {
-    return this._max;
+  get min() {
+    return this._min;
   }
@@ -96,6 +100,2 @@
 
-  get min() {
-    return this._min;
-  }
-
   /**
@@ -102,0 +102,0 @@ * Get range value

src/js/util.js

@@ -6,3 +6,2 @@ /**
 import { forEach, sendHostname, extend, isString, pick, inArray } from 'tui-code-snippet';
-import Promise from 'core-js-pure/features/promise';
 import {
@@ -22,7 +21,5 @@ commandNames,
 
-/**
- * Export Promise Class (for simplified module path)
- * @returns {Promise} promise class
- */
-export { Promise };
+export function isFunction(value) {
+  return typeof value === 'function';
+}
 
@@ -29,0 +26,0 @@ /**

New alerts

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Dependency count

2

decreased by-50%

Dev dependency count

0

decreased by-100%

Lines of code

72810

increased by67.72%

Number of low supply chain risk alerts

2

decreased by-50%

Number of medium supply chain risk alerts

5

decreased by-16.67%

Worsened metrics

Total package byte prevSize

3657397

decreased by-21.68%

Number of package files

374

decreased by-1.32%

Dependency changes

• - Removedcore-js-pure@^3.6.4

• - Removedtui-code-snippet@^1.5.0

• - Removedcore-js-pure@3.37.1(transitive)

• - Removedtui-code-snippet@1.5.2(transitive)