@vaadin/tooltip 24.2.0-beta3 → 24.2.0-beta4

package/src/vaadin-tooltip-overlay-mixin.js

@@ -1,86 +0,0 @@
-/**
- * @license
- * Copyright (c) 2022 - 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
-import { PositionMixin } from '@vaadin/overlay/src/vaadin-overlay-position-mixin.js';
-
-/**
- * A mixin providing common tooltip overlay functionality.
- *
- * @polymerMixin
- * @mixes PositionMixin
- * @mixes OverlayMixin
- */
-export const TooltipOverlayMixin = (superClass) =>
-  class TooltipOverlayMixinClass extends PositionMixin(OverlayMixin(superClass)) {
-    static get properties() {
-      return {
-        position: {
-          type: String,
-          reflectToAttribute: true,
-        },
-      };
-    }
-
-    requestContentUpdate() {
-      super.requestContentUpdate();
-
-      this.toggleAttribute('hidden', this.textContent.trim() === '');
-
-      // Copy custom properties from the tooltip
-      if (this.positionTarget && this.owner) {
-        const style = getComputedStyle(this.owner);
-        ['top', 'bottom', 'start', 'end'].forEach((prop) => {
-          this.style.setProperty(
-            `--vaadin-tooltip-offset-${prop}`,
-            style.getPropertyValue(`--vaadin-tooltip-offset-${prop}`),
-          );
-        });
-      }
-    }
-
-    /**
-     * @protected
-     * @override
-     */
-    _updatePosition() {
-      super._updatePosition();
-
-      if (!this.positionTarget) {
-        return;
-      }
-
-      // Center the tooltip overlay horizontally
-      if (this.position === 'bottom' || this.position === 'top') {
-        const targetRect = this.positionTarget.getBoundingClientRect();
-        const overlayRect = this.$.overlay.getBoundingClientRect();
-
-        const offset = targetRect.width / 2 - overlayRect.width / 2;
-
-        if (this.style.left) {
-          const left = overlayRect.left + offset;
-          if (left > 0) {
-            this.style.left = `${left}px`;
-          }
-        }
-
-        if (this.style.right) {
-          const right = parseFloat(this.style.right) + offset;
-          if (right > 0) {
-            this.style.right = `${right}px`;
-          }
-        }
-      }
-
-      // Center the tooltip overlay vertically
-      if (this.position === 'start' || this.position === 'end') {
-        const targetRect = this.positionTarget.getBoundingClientRect();
-        const overlayRect = this.$.overlay.getBoundingClientRect();
-
-        const offset = targetRect.height / 2 - overlayRect.height / 2;
-        this.style.top = `${overlayRect.top + offset}px`;
-      }
-    }
-  };

package/src/vaadin-tooltip-overlay-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2022 - 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const tooltipOverlayStyles: CSSResult;

package/src/vaadin-tooltip-overlay-styles.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright (c) 2022 - 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-export const tooltipOverlayStyles = css`
-  :host {
-    z-index: 1100;
-  }
-
-  [part='overlay'] {
-    max-width: 40ch;
-  }
-
-  :host([position^='top'][top-aligned]) [part='overlay'],
-  :host([position^='bottom'][top-aligned]) [part='overlay'] {
-    margin-top: var(--vaadin-tooltip-offset-top, 0);
-  }
-
-  :host([position^='top'][bottom-aligned]) [part='overlay'],
-  :host([position^='bottom'][bottom-aligned]) [part='overlay'] {
-    margin-bottom: var(--vaadin-tooltip-offset-bottom, 0);
-  }
-
-  :host([position^='start'][start-aligned]) [part='overlay'],
-  :host([position^='end'][start-aligned]) [part='overlay'] {
-    margin-inline-start: var(--vaadin-tooltip-offset-start, 0);
-  }
-
-  :host([position^='start'][end-aligned]) [part='overlay'],
-  :host([position^='end'][end-aligned]) [part='overlay'] {
-    margin-inline-end: var(--vaadin-tooltip-offset-end, 0);
-  }
-
-  @media (forced-colors: active) {
-    [part='overlay'] {
-      outline: 1px dashed;
-    }
-  }
-`;