@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.0

package/dist/collection/components/context-menu/context-menu.js

@@ -1,170 +1,177 @@
-import { h, } from '@stencil/core';
+import { h, } from "@stencil/core";
 export class ContextMenu {
-  constructor() {
-    this.targetSelector = undefined;
-    this.animated = true;
-    this.position = undefined;
-    this.open = false;
-    this.handlePointerDown = this.handlePointerDown.bind(this);
-    this.handlePointerUp = this.handlePointerUp.bind(this);
-    this.handleContextMenu = this.handleContextMenu.bind(this);
-    this.handleMenuClosed = this.handleMenuClosed.bind(this);
-    this.observer = new MutationObserver(() => {
-      if (this.target == null) {
+    constructor() {
+        /**
+         * Whether this context menu is animated on open
+         * and close.
+         */
+        this.animated = true;
+        this.open = false;
+        this.handlePointerDown = this.handlePointerDown.bind(this);
+        this.handlePointerUp = this.handlePointerUp.bind(this);
+        this.handleContextMenu = this.handleContextMenu.bind(this);
+        this.handleMenuClosed = this.handleMenuClosed.bind(this);
+        this.observer = new MutationObserver(() => {
+            if (this.target == null) {
+                this.addEventListeners(this.targetSelector);
+            }
+        });
+    }
+    componentDidLoad() {
         this.addEventListeners(this.targetSelector);
-      }
-    });
-  }
-  componentDidLoad() {
-    this.addEventListeners(this.targetSelector);
-    this.observer.observe(document.body, {
-      childList: true,
-      attributes: true,
-      subtree: true,
-    });
-  }
-  disconnectedCallback() {
-    this.removeEventListeners();
-    this.observer.disconnect();
-  }
-  handleTargetSelectorChange(targetSelector) {
-    if (targetSelector != null) {
-      this.removeEventListeners();
-      this.addEventListeners(targetSelector);
+        this.observer.observe(document.body, {
+            childList: true,
+            attributes: true,
+            subtree: true,
+        });
     }
-  }
-  render() {
-    return (h("vertex-menu", { open: this.open, animated: this.animated, position: this.position, fallbackPlacements: [
-        'bottom-end',
-        'top-start',
-        'top-end',
-        'right',
-        'left',
-      ], onMenuClosed: this.handleMenuClosed }, h("slot", null)));
-  }
-  addEventListeners(targetSelector) {
-    this.target =
-      document.querySelector(targetSelector) || undefined;
-    if (this.target != null) {
-      this.target.addEventListener('contextmenu', this.handleContextMenu);
-      this.target.addEventListener('pointerdown', this.handlePointerDown);
-      this.target.addEventListener('pointerup', this.handlePointerUp);
+    disconnectedCallback() {
+        this.removeEventListeners();
+        this.observer.disconnect();
     }
-  }
-  removeEventListeners() {
-    var _a, _b, _c;
-    (_a = this.target) === null || _a === void 0 ? void 0 : _a.removeEventListener('contextmenu', this.handleContextMenu);
-    (_b = this.target) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerdown', this.handlePointerDown);
-    (_c = this.target) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerup', this.handlePointerUp);
-    this.target = undefined;
-  }
-  handleContextMenu(e) {
-    e.preventDefault();
-  }
-  handlePointerDown(e) {
-    if (e.buttons === 2) {
-      this.position = { x: e.clientX, y: e.clientY };
+    handleTargetSelectorChange(targetSelector) {
+        if (targetSelector != null) {
+            this.removeEventListeners();
+            this.addEventListeners(targetSelector);
+        }
     }
-  }
-  handlePointerUp(e) {
-    var _a;
-    if (e.clientX === ((_a = this.position) === null || _a === void 0 ? void 0 : _a.x) && e.clientY === this.position.y) {
-      this.open = true;
-      this.menuOpened.emit(e);
+    render() {
+        return (h("vertex-menu", { key: '93a42bf872d87dc043ab09f841d30f3923fd72b5', open: this.open, animated: this.animated, position: this.position, fallbackPlacements: [
+                'bottom-end',
+                'top-start',
+                'top-end',
+                'right',
+                'left',
+            ], onMenuClosed: this.handleMenuClosed }, h("slot", { key: '0845aa6e6e8f24ed2f48d38cd1844eed0a28ad70' })));
     }
-  }
-  handleMenuClosed() {
-    this.open = false;
-    this.menuClosed.emit();
-  }
-  static get is() { return "vertex-context-menu"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "targetSelector": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "A CSS selector for the element where this\ncontext menu can be opened."
-        },
-        "attribute": "target-selector",
-        "reflect": false
-      },
-      "animated": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether this context menu is animated on open\nand close."
-        },
-        "attribute": "animated",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "position": {},
-      "open": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "menuOpened",
-        "name": "menuOpened",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the context menu is opened."
-        },
-        "complexType": {
-          "original": "PointerEvent",
-          "resolved": "PointerEvent",
-          "references": {
-            "PointerEvent": {
-              "location": "global"
-            }
-          }
+    addEventListeners(targetSelector) {
+        this.target =
+            document.querySelector(targetSelector) || undefined;
+        if (this.target != null) {
+            this.target.addEventListener('contextmenu', this.handleContextMenu);
+            this.target.addEventListener('pointerdown', this.handlePointerDown);
+            this.target.addEventListener('pointerup', this.handlePointerUp);
+        }
+    }
+    removeEventListeners() {
+        var _a, _b, _c;
+        (_a = this.target) === null || _a === void 0 ? void 0 : _a.removeEventListener('contextmenu', this.handleContextMenu);
+        (_b = this.target) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerdown', this.handlePointerDown);
+        (_c = this.target) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerup', this.handlePointerUp);
+        this.target = undefined;
+    }
+    handleContextMenu(e) {
+        e.preventDefault();
+    }
+    handlePointerDown(e) {
+        if (e.buttons === 2) {
+            this.position = { x: e.clientX, y: e.clientY };
         }
-      }, {
-        "method": "menuClosed",
-        "name": "menuClosed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the context menu is closed."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    }
+    handlePointerUp(e) {
+        var _a;
+        if (e.clientX === ((_a = this.position) === null || _a === void 0 ? void 0 : _a.x) && e.clientY === this.position.y) {
+            this.open = true;
+            this.menuOpened.emit(e);
         }
-      }];
-  }
-  static get watchers() {
-    return [{
-        "propName": "targetSelector",
-        "methodName": "handleTargetSelectorChange"
-      }];
-  }
+    }
+    handleMenuClosed() {
+        this.open = false;
+        this.menuClosed.emit();
+    }
+    static get is() { return "vertex-context-menu"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "targetSelector": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "A CSS selector for the element where this\ncontext menu can be opened."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target-selector"
+            },
+            "animated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this context menu is animated on open\nand close."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "animated",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "position": {},
+            "open": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "menuOpened",
+                "name": "menuOpened",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the context menu is opened."
+                },
+                "complexType": {
+                    "original": "PointerEvent",
+                    "resolved": "PointerEvent",
+                    "references": {
+                        "PointerEvent": {
+                            "location": "global",
+                            "id": "global::PointerEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "menuClosed",
+                "name": "menuClosed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the context menu is closed."
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "targetSelector",
+                "methodName": "handleTargetSelectorChange"
+            }];
+    }
 }