@everymatrix/general-input 1.21.7 → 1.22.1

package/dist/components/virtual-keyboard-controller.js

@@ -1,5 +1,4 @@
-import { i, r as registerStyles, M as getDeepActiveElement, N as getFocusableElements, b as isElementFocused, J as ControllerMixin, O as getAncestorRootNodes } from './field-mixin.js';
-import { b as isIOS } from './input-field-shared-styles.js';
+import { i, y as registerStyles, z as getDeepActiveElement, A as getFocusableElements, b as isElementFocused, d as dedupingMixin } from './field-mixin.js';
 
 /**
  * @license
@@ -255,6 +254,42 @@ function afterNextRender(context, callback, args) {
   afterRenderQueue.push([context, callback, args]);
 }
 
+/**
+ * @license
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+const testUserAgent = (regexp) => regexp.test(navigator.userAgent);
+
+const testPlatform = (regexp) => regexp.test(navigator.platform);
+
+const testVendor = (regexp) => regexp.test(navigator.vendor);
+
+testUserAgent(/Android/u);
+
+testUserAgent(/Chrome/u) && testVendor(/Google Inc/u);
+
+testUserAgent(/Firefox/u);
+
+// IPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+const isIPad = testPlatform(/^iPad/u) || (testPlatform(/^Mac/u) && navigator.maxTouchPoints > 1);
+
+const isIPhone = testPlatform(/^iPhone/u);
+
+const isIOS = isIPhone || isIPad;
+
+testUserAgent(/^((?!chrome|android).)*safari/iu);
+
+(() => {
+  try {
+    document.createEvent('TouchEvent');
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
 /**
  * @license
  * Copyright (c) 2017 Anton Korzunov
@@ -728,6 +763,87 @@ class FocusTrapController {
   }
 }
 
+/**
+ * @license
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * @typedef ReactiveController
+ * @type {import('lit').ReactiveController}
+ */
+
+/**
+ * A mixin for connecting controllers to the element.
+ *
+ * @polymerMixin
+ */
+const ControllerMixin = dedupingMixin((superClass) => {
+  // If the superclass extends from LitElement,
+  // use its own controllers implementation.
+  if (typeof superClass.prototype.addController === 'function') {
+    return superClass;
+  }
+
+  return class ControllerMixinClass extends superClass {
+    constructor() {
+      super();
+
+      /**
+       * @type {Set<ReactiveController>}
+       */
+      this.__controllers = new Set();
+    }
+
+    /** @protected */
+    connectedCallback() {
+      super.connectedCallback();
+
+      this.__controllers.forEach((c) => {
+        if (c.hostConnected) {
+          c.hostConnected();
+        }
+      });
+    }
+
+    /** @protected */
+    disconnectedCallback() {
+      super.disconnectedCallback();
+
+      this.__controllers.forEach((c) => {
+        if (c.hostDisconnected) {
+          c.hostDisconnected();
+        }
+      });
+    }
+
+    /**
+     * Registers a controller to participate in the element update cycle.
+     *
+     * @param {ReactiveController} controller
+     * @protected
+     */
+    addController(controller) {
+      this.__controllers.add(controller);
+      // Call hostConnected if a controller is added after the element is attached.
+      if (this.$ !== undefined && this.isConnected && controller.hostConnected) {
+        controller.hostConnected();
+      }
+    }
+
+    /**
+     * Removes a controller from the element.
+     *
+     * @param {ReactiveController} controller
+     * @protected
+     */
+    removeController(controller) {
+      this.__controllers.delete(controller);
+    }
+  };
+});
+
 /**
  * @license
  * Copyright (c) 2017 - 2023 Vaadin Ltd.
@@ -1439,6 +1555,48 @@ const OverlayMixin = (superClass) =>
     }
   };
 
+/**
+ * @license
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * Returns an array of ancestor root nodes for the given node.
+ *
+ * A root node is either a document node or a document fragment node (Shadow Root).
+ * The array is collected by a bottom-up DOM traversing that starts with the given node
+ * and involves both the light DOM and ancestor shadow DOM trees.
+ *
+ * @param {Node} node
+ * @return {Node[]}
+ */
+function getAncestorRootNodes(node) {
+  const result = [];
+
+  while (node) {
+    if (node.nodeType === Node.DOCUMENT_NODE) {
+      result.push(node);
+      break;
+    }
+
+    if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+      result.push(node);
+      node = node.host;
+      continue;
+    }
+
+    if (node.assignedSlot) {
+      node = node.assignedSlot;
+      continue;
+    }
+
+    node = node.parentNode;
+  }
+
+  return result;
+}
+
 /**
  * @license
  * Copyright (c) 2017 - 2023 Vaadin Ltd.
@@ -1879,86 +2037,6 @@ const overlayStyles = i`
   }
 `;
 
-/**
- * @license
- * Copyright (c) 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-
-/**
- * A mixin that forwards CSS class names to the internal overlay element
- * by setting the `overlayClass` property or `overlay-class` attribute.
- *
- * @polymerMixin
- */
-const OverlayClassMixin = (superclass) =>
-  class OverlayClassMixinClass extends superclass {
-    static get properties() {
-      return {
-        /**
-         * A space-delimited list of CSS class names to set on the overlay element.
-         * This property does not affect other CSS class names set manually via JS.
-         *
-         * Note, if the CSS class name was set with this property, clearing it will
-         * remove it from the overlay, even if the same class name was also added
-         * manually, e.g. by using `classList.add()` in the `renderer` function.
-         *
-         * @attr {string} overlay-class
-         */
-        overlayClass: {
-          type: String,
-        },
-
-        /**
-         * An overlay element on which CSS class names are set.
-         *
-         * @protected
-         */
-        _overlayElement: {
-          type: Object,
-        },
-      };
-    }
-
-    static get observers() {
-      return ['__updateOverlayClassNames(overlayClass, _overlayElement)'];
-    }
-
-    /** @private */
-    __updateOverlayClassNames(overlayClass, overlayElement) {
-      if (!overlayElement) {
-        return;
-      }
-
-      // Overlay is set but overlayClass is not set
-      if (overlayClass === undefined) {
-        return;
-      }
-
-      const { classList } = overlayElement;
-
-      if (!this.__initialClasses) {
-        this.__initialClasses = new Set(classList);
-      }
-
-      if (Array.isArray(this.__previousClasses)) {
-        // Remove old classes that no longer apply
-        const classesToRemove = this.__previousClasses.filter((name) => !this.__initialClasses.has(name));
-        if (classesToRemove.length > 0) {
-          classList.remove(...classesToRemove);
-        }
-      }
-
-      // Add new classes based on the overlayClass
-      const classesToAdd = typeof overlayClass === 'string' ? overlayClass.split(' ') : [];
-      if (classesToAdd.length > 0) {
-        classList.add(...classesToAdd);
-      }
-
-      this.__previousClasses = classesToAdd;
-    }
-  };
-
 /**
  * @license
  * Copyright (c) 2021 - 2023 Vaadin Ltd.
@@ -1998,4 +2076,4 @@ class VirtualKeyboardController {
   }
 }
 
-export { OverlayMixin as O, PositionMixin as P, VirtualKeyboardController as V, afterNextRender as a, OverlayClassMixin as b, overlay as c, menuOverlayCore as d, hideOthers as h, menuOverlay as m, overlayStyles as o };
+export { OverlayMixin as O, PositionMixin as P, VirtualKeyboardController as V, afterNextRender as a, overlay as b, menuOverlayCore as c, hideOthers as h, menuOverlay as m, overlayStyles as o };