@veloceapps/sdk 6.0.0-41 → 6.0.0-42

package/bundles/veloceapps-sdk-cms.umd.js

@@ -1367,159 +1367,6 @@
                     type: i0.Input
                 }] } });
 
-    var ElementHoverPlugin = /** @class */ (function () {
-        function ElementHoverPlugin(host) {
-            var _this = this;
-            this.host = host;
-            this.hoverClassName = 'element-hover';
-            this.color = 'red';
-            this.highlighted = false;
-            this.destroyed$ = new rxjs.Subject();
-            this.el = this.host.injector.get(i0.ElementRef);
-            this.metadata = this.host.injector.get(ELEMENT_METADATA);
-            this.document = this.host.injector.get(i7.DOCUMENT);
-            this.runtimeEditorService = this.host.injector.get(RuntimeEditorService);
-            this.mouseOverListenerBound = this.mouseOverListener.bind(this);
-            this.mouseLeaveListenerBound = this.mouseLeaveListener.bind(this);
-            this.runtimeEditorService.editorMode$.pipe(rxjs.takeUntil(this.destroyed$)).subscribe(function (editorMode) {
-                if (editorMode) {
-                    _this.attachListeners();
-                }
-                else {
-                    _this.detachListeners();
-                }
-            });
-        }
-        ElementHoverPlugin.prototype.ngOnDestroy = function () {
-            this.destroyed$.next();
-            this.destroyed$.complete();
-            this.detachListeners();
-        };
-        ElementHoverPlugin.prototype.attachListeners = function () {
-            this.el.nativeElement.addEventListener('mouseover', this.mouseOverListenerBound);
-            this.el.nativeElement.addEventListener('mouseleave', this.mouseLeaveListenerBound);
-        };
-        ElementHoverPlugin.prototype.detachListeners = function () {
-            this.el.nativeElement.removeEventListener('mouseover', this.mouseOverListenerBound);
-            this.el.nativeElement.removeEventListener('mouseleave', this.mouseLeaveListenerBound);
-        };
-        ElementHoverPlugin.prototype.mouseOverListener = function (e) {
-            var _this = this;
-            var path = e.composedPath();
-            var innerPath = path.slice(0, path.indexOf(this.el.nativeElement));
-            var hasChildHovered = innerPath.some(function (target) {
-                var t = target;
-                return t.tagName === 'VL-ELEMENT' && t.classList.contains(_this.hoverClassName);
-            });
-            if (hasChildHovered) {
-                this.removeHighlight();
-            }
-            else {
-                this.addHighlight();
-            }
-        };
-        ElementHoverPlugin.prototype.mouseLeaveListener = function () {
-            this.removeHighlight();
-        };
-        ElementHoverPlugin.prototype.addHighlight = function () {
-            if (this.highlighted) {
-                return;
-            }
-            this.highlighted = true;
-            this.el.nativeElement.classList.add(this.hoverClassName);
-            var overlay = this.createContainer();
-            this.addRemoveButton(overlay);
-            this.addElementName(overlay);
-            this.el.nativeElement.appendChild(overlay);
-            this.overlayEl = overlay;
-        };
-        ElementHoverPlugin.prototype.removeHighlight = function () {
-            if (!this.highlighted) {
-                return;
-            }
-            this.highlighted = false;
-            this.el.nativeElement.style.boxShadow = '';
-            this.el.nativeElement.classList.remove(this.hoverClassName);
-            this.deleteRemoveButton();
-        };
-        ElementHoverPlugin.prototype.createContainer = function () {
-            var hostRect = this.el.nativeElement.getBoundingClientRect();
-            var div = this.document.createElement('div');
-            lodash.merge(div.style, {
-                position: 'fixed',
-                display: 'block',
-                pointerEvents: 'none',
-                left: '0',
-                top: '0',
-                fontSize: '10px',
-                lineHeight: "12px",
-                fontWeight: '400',
-                color: '#fff',
-                width: hostRect.width + "px",
-                height: hostRect.height + "px",
-                transform: "translate(" + hostRect.left + "px, " + hostRect.top + "px)",
-                boxSizing: 'border-box',
-                boxShadow: "inset 0 0 0 1px " + this.color,
-            });
-            return div;
-        };
-        ElementHoverPlugin.prototype.addRemoveButton = function (container) {
-            var _this = this;
-            if (this.metadata.type === 'LAYOUT_REGION') {
-                return;
-            }
-            var buttonEl = this.document.createElement('div');
-            var buttonSize = 12;
-            lodash.merge(buttonEl.style, {
-                bottom: '100%',
-                right: '0',
-                width: buttonSize + "px",
-                height: buttonSize + "px",
-                padding: '1px',
-                textAlign: 'center',
-                backgroundColor: this.color,
-                position: 'absolute',
-                cursor: 'pointer',
-                display: 'block',
-                pointerEvents: 'all',
-            });
-            buttonEl.innerHTML = '✕';
-            buttonEl.addEventListener('click', function () {
-                if (_this.metadata.path) {
-                    _this.runtimeEditorService.elementDeleted$.next({ path: _this.metadata.path });
-                }
-            });
-            container.appendChild(buttonEl);
-        };
-        ElementHoverPlugin.prototype.addElementName = function (container) {
-            var nameEl = this.document.createElement('div');
-            lodash.merge(nameEl.style, {
-                bottom: '100%',
-                left: '0',
-                height: "12px",
-                backgroundColor: this.color,
-                position: 'absolute',
-                padding: '1px 2px',
-                display: 'block',
-                pointerEvents: 'all',
-            });
-            nameEl.innerHTML = this.metadata.name;
-            container.appendChild(nameEl);
-        };
-        ElementHoverPlugin.prototype.deleteRemoveButton = function () {
-            if (this.overlayEl) {
-                this.el.nativeElement.removeChild(this.overlayEl);
-                this.overlayEl = undefined;
-            }
-        };
-        return ElementHoverPlugin;
-    }());
-    ElementHoverPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ElementHoverPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ElementHoverPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ElementHoverPlugin, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ElementHoverPlugin, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () { return [{ type: exports.ElementComponent }]; } });
-
     var IOPlugin = /** @class */ (function () {
         function IOPlugin(host) {
             var _this = this;
@@ -1623,12 +1470,12 @@
     var CONFIG = {
         CUSTOM: {
             component: exports.ElementComponent,
-            plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
+            plugins: [IOPlugin, ScriptPlugin],
         },
         CONTAINER: {
             component: exports.ElementComponent,
             defaultTemplate: '<element-children></element-children>',
-            plugins: [ElementHoverPlugin, ScriptPlugin],
+            plugins: [ScriptPlugin],
         },
         SERVICE: {
             component: exports.ElementComponent,
@@ -1638,21 +1485,9 @@
         },
         REFERENCE: {
             component: exports.ElementComponent,
-            plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
+            plugins: [IOPlugin, ScriptPlugin],
             suppressTemplate: true,
         },
-        PAGE: {
-            component: exports.ElementComponent,
-            plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
-        },
-        PAGE_LAYOUT: {
-            component: exports.ElementComponent,
-            plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
-        },
-        LAYOUT_REGION: {
-            component: exports.ElementComponent,
-            plugins: [ElementHoverPlugin, IOPlugin, ScriptPlugin],
-        },
     };
 
     var EXPORTED_CLASS_REGEX = /export class (\S+)/;