@everymatrix/general-input 1.22.1 → 1.22.2

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

@@ -1,4 +1,5 @@
-import { i, y as registerStyles, z as getDeepActiveElement, A as getFocusableElements, b as isElementFocused, d as dedupingMixin } from './field-mixin.js';
+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';
 
 /**
  * @license
@@ -254,42 +255,6 @@ 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
@@ -763,87 +728,6 @@ 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.
@@ -1555,48 +1439,6 @@ 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.
@@ -2037,6 +1879,86 @@ 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.
@@ -2076,4 +1998,4 @@ class VirtualKeyboardController {
   }
 }
 
-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 };
+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 };