@syncfusion/ej2-vue-diagrams 20.1.47 → 20.1.48

package/src/overview/overview.component.js

@@ -55,7 +55,6 @@ var OverviewComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
-        _this.updated = _this.updated;
         return _this;
     }
     OverviewComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,9 +113,6 @@ var OverviewComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
-    OverviewComponent.prototype.custom = function () {
-        this.updated();
-    };
     OverviewComponent.prototype.updateHtmlLayer = function (view) {
         return this.ej2Instances.updateHtmlLayer(view);
     };
@@ -127,12 +123,7 @@ var OverviewComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
-            }
+            emits: emitProbs
         })
     ], OverviewComponent);
     return OverviewComponent;

package/src/symbol-palette/palettes.directive.d.ts

@@ -1,9 +1,7 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class PalettesDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
+    render(): void;
     getTag(): string;
 }
 export declare const PalettesPlugin: {

package/src/symbol-palette/palettes.directive.js

@@ -19,9 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
-import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -33,36 +31,16 @@ else {
 var PalettesDirective = /** @class */ (function (_super) {
     __extends(PalettesDirective, _super);
     function PalettesDirective() {
-        return _super.call(this, arguments) || this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    PalettesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
-            var slots = null;
-            if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
-            }
-            return h('div', { class: 'e-directive' }, slots);
-        }
+    PalettesDirective.prototype.render = function () {
         return;
     };
-    PalettesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
-            this.custom();
-        }
-    };
     PalettesDirective.prototype.getTag = function () {
         return 'e-palettes';
     };
     PalettesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
     ], PalettesDirective);
     return PalettesDirective;
 }(vueImport));

package/src/symbol-palette/symbolpalette.component.d.ts

@@ -28,7 +28,6 @@ export declare class SymbolPaletteComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
-    custom(): void;
     addPaletteItem(paletteName: string, paletteSymbol: Object | Object, isChild?: boolean): void;
     addPalettes(palettes: Object[]): void;
     removePaletteItem(paletteName: string, symbolId: string): void;

package/src/symbol-palette/symbolpalette.component.js

@@ -56,7 +56,6 @@ var SymbolPaletteComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
-        _this.updated = _this.updated;
         return _this;
     }
     SymbolPaletteComponent.prototype.clearTemplate = function (templateNames) {
@@ -115,9 +114,6 @@ var SymbolPaletteComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
-    SymbolPaletteComponent.prototype.custom = function () {
-        this.updated();
-    };
     SymbolPaletteComponent.prototype.addPaletteItem = function (paletteName, paletteSymbol, isChild) {
         return this.ej2Instances.addPaletteItem(paletteName, paletteSymbol, isChild);
     };
@@ -137,12 +133,7 @@ var SymbolPaletteComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
-            }
+            emits: emitProbs
         })
     ], SymbolPaletteComponent);
     return SymbolPaletteComponent;

package/styles/diagram/fluent-dark.css

@@ -1,396 +0,0 @@
-.e-icons {
-  font-family: 'e-icons';
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-  text-transform: none;
-}
-
-.e-diagram-menu .e-bringforward::before {
-  content: '\e574';
-}
-
-.e-diagram-menu .e-bringfront::before {
-  content: '\e575';
-}
-
-.e-diagram-menu .e-sendback::before {
-  content: '\e576';
-}
-
-.e-diagram-menu .e-sendbackward::before {
-  content: '\e577';
-}
-
-.e-diagram-menu .e-delete::before {
-  content: '\e578';
-}
-
-.e-diagram-menu .e-ungroup::before {
-  content: '\e579';
-}
-
-.e-diagram-menu .e-group::before {
-  content: '\e57a';
-}
-
-.e-diagram-menu .e-undo::before {
-  content: '\e57c';
-}
-
-.e-diagram-menu .e-cut::before {
-  content: '\e57d';
-}
-
-.e-diagram-menu .e-save::before {
-  content: '\e57e';
-}
-
-.e-diagram-menu .e-paste::before {
-  content: '\e57f';
-}
-
-.e-diagram-menu .e-copy::before {
-  content: '\e580';
-}
-
-.e-diagram-menu .e-redo::before {
-  content: '\e581';
-}
-
-.e-diagram-menu .e-zoomin::before {
-  content: '\e582';
-}
-
-.e-diagram-menu .e-italic::before {
-  content: '\e583';
-}
-
-.e-diagram-menu .e-close::before {
-  content: '\e584';
-}
-
-.e-diagram-menu .e-pan::before {
-  content: '\e585';
-}
-
-.e-diagram-menu .e-bold::before {
-  content: '\e586';
-}
-
-.e-diagram-menu .e-underline::before {
-  content: '\e587';
-}
-
-.e-diagram-menu .e-zoomout::before {
-  content: '\e588';
-}
-
-.e-diagram-menu .e-export::before {
-  content: '\e589';
-}
-
-.e-diagram-menu .e-print::before {
-  content: '\e58a';
-}
-
-.e-diagram-menu .e-order::before {
-  content: '\e58b';
-}
-
-.e-symbolpalette .e-clear-searchtext::before {
-  content: '\e58c';
-}
-
-.e-icons {
-  font-family: 'e-icons';
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-  text-transform: none;
-}
-
-.e-diagram-menu .e-bringforward::before {
-  content: '\e7f2';
-}
-
-.e-diagram-menu .e-bringfront::before {
-  content: '\e7f0';
-}
-
-.e-diagram-menu .e-sendback::before {
-  content: '\e7ef';
-}
-
-.e-diagram-menu .e-sendbackward::before {
-  content: '\e7f1';
-}
-
-.e-diagram-menu .e-delete::before {
-  content: '\e75b';
-}
-
-.e-diagram-menu .e-ungroup::before {
-  content: '\e737';
-}
-
-.e-diagram-menu .e-group::before {
-  content: '\e78b';
-}
-
-.e-diagram-menu .e-undo::before {
-  content: '\e7b5';
-}
-
-.e-diagram-menu .e-redo::before {
-  content: '\e7b6';
-}
-
-.e-diagram-menu .e-copy::before {
-  content: '\e7b3';
-}
-
-.e-diagram-menu .e-cut::before {
-  content: '\e7b2';
-}
-
-.e-diagram-menu .e-save::before {
-  content: '\e7bf';
-}
-
-.e-diagram-menu .e-paste::before {
-  content: '\e7b4';
-}
-
-.e-diagram-menu .e-zoomin::before {
-  content: '\e7ab';
-}
-
-.e-diagram-menu .e-italic::before {
-  content: '\e7a6';
-}
-
-.e-diagram-menu .e-close::before {
-  content: '\e74f';
-}
-
-.e-diagram-menu .e-pan::before {
-  content: '\e7c6';
-}
-
-.e-diagram-menu .e-bold::before {
-  content: '\e7a5';
-}
-
-.e-diagram-menu .e-underline::before {
-  content: '\e7a7';
-}
-
-.e-diagram-menu .e-zoomout::before {
-  content: '\e7ac';
-}
-
-.e-diagram-menu .e-export::before {
-  content: '\e711';
-}
-
-.e-diagram-menu .e-print::before {
-  content: '\e7bd';
-}
-
-.e-diagram-menu .e-order::before {
-  content: '\e7f3';
-}
-
-.e-symbolpalette .e-clear-searchtext::before {
-  content: '\e754';
-}
-
-.e-diagram {
-  background-color: #fff;
-  display: block;
-}
-
-.e-symbolpalette {
-  display: block;
-}
-
-.e-overview {
-  display: block;
-}
-
-.e-content-placeholder.e-diagram.e-placeholder-diagram {
-  background-size: 100% 100%;
-  max-height: 500px;
-  max-width: 500px;
-}
-
-.e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
-  background-size: 100% 100%;
-  max-height: 200px;
-  max-width: 200px;
-}
-
-.e-diagram-endpoint-handle {
-  fill: #fff;
-  stroke: #0078d4;
-}
-
-.e-diagram-endpoint-handle.e-connected {
-  fill: #0078d4;
-  stroke: #fff;
-}
-
-.e-diagram-endpoint-handle.e-disabled {
-  fill: #3b3a39;
-  opacity: 1;
-  stroke: #fff;
-}
-
-.e-diagram-bezier-handle.e-source.e-disabled {
-  opacity: 1 !important;
-}
-
-.e-diagram-bezier-handle.e-target.e-disabled {
-  opacity: 1 !important;
-}
-
-.e-symbolpalette .e-acrdn-content {
-  background-color: #f3f2f1 !important;
-}
-
-.e-diagram-bezier-handle {
-  fill: #fff;
-  stroke: #0078d4;
-}
-
-.e-diagram-bezier-line {
-  stroke: #0078d4;
-}
-
-.e-diagram-resize-handle {
-  fill: #0078d4;
-  stroke: #0078d4;
-  stroke: #fff;
-}
-
-.e-diagram-helper {
-  stroke: #0078d4;
-}
-
-.e-diagram-resize-handle.e-disabled {
-  fill: #3b3a39;
-  opacity: 1;
-  stroke: #fff;
-}
-
-.e-diagram-rotate-handle {
-  fill: #0078d4;
-  stroke: #0078d4;
-}
-
-.e-diagram-border {
-  stroke: #0078d4;
-}
-
-.e-diagram-border.e-disabled {
-  opacity: 1;
-  stroke: #3b3a39;
-}
-
-.e-diagram-border.e-thick-border {
-  stroke: #0078d4;
-  stroke-width: 2;
-}
-
-.e-diagram-border.e-thick-border.e-diagram-lane {
-  stroke: #0078d4;
-  stroke-width: 2;
-}
-
-.e-diagram-highlighter {
-  stroke: #0078d4;
-  stroke-width: 2;
-}
-
-.e-diagram-selected-region {
-  stroke: #0078d4;
-}
-
-.e-diagram-pivot-line {
-  stroke: #0078d4;
-}
-
-.e-symbolpalette .e-symbol-hover:hover {
-  background: #e1dfdd;
-  border-radius: 0px;
-}
-
-.e-symbolpalette .e-symbol-selected {
-  background: #e1dfdd;
-  border-radius: 0px;
-}
-
-.e-diagram-tooltip {
-  pointer-events: none;
-}
-
-.e-diagram .e-ruler {
-  background-color: #201f1e;
-  color: #c8c6c4;
-  font-size: 10px;
-}
-
-.e-diagram .e-ruler-overlap {
-  background-color: #201f1e;
-}
-
-.e-diagram .e-d-ruler-marker {
-  stroke: #0078d4;
-}
-
-.e-diagram .e-diagram-text-edit {
-  background: #fff;
-  border-color: #0078d4;
-  border-style: dashed;
-  border-width: 1px;
-  box-sizing: content-box;
-  color: #000;
-  min-width: 50px;
-}
-
-.e-diagram-text-edit::selection {
-  background: #0078d4;
-  color: #fff;
-}
-
-.e-ruler-tick-label {
-  fill: #a19f9d;
-}
-
-.e-ruler-tick {
-  stroke: #797775;
-}
-
-.e-menu-item e-blankicon {
-  padding-left: 28px;
-}
-
-.e-diagram-rotate {
-  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
-}
-
-.e-symbolpalette-hidden {
-  display: none !important;
-}
-
-.e-symbolpalette-search-hidden {
-  display: none !important;
-}
-
-.e-diagramTooltip-content {
-  width: auto !important;
-  height: auto !important;
-}

package/styles/diagram/fluent-dark.scss

@@ -1 +0,0 @@
-@import 'ej2-diagrams/styles/diagram/fluent-dark.scss';