@vaadin/component-base 23.3.3 → 24.0.0-alpha10

package/src/dir-helper.js

@@ -1,93 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-
-/**
- * Helper that provides a set of functions for RTL.
- */
-class DirHelper {
-  /**
-   * Get the scroll type in the current browser view.
-   *
-   * @return {string} the scroll type. Possible values are `default|reverse|negative`
-   */
-  static detectScrollType() {
-    const dummy = document.createElement('div');
-    dummy.textContent = 'ABCD';
-    dummy.dir = 'rtl';
-    dummy.style.fontSize = '14px';
-    dummy.style.width = '4px';
-    dummy.style.height = '1px';
-    dummy.style.position = 'absolute';
-    dummy.style.top = '-1000px';
-    dummy.style.overflow = 'scroll';
-    document.body.appendChild(dummy);
-
-    let cachedType = 'reverse';
-    if (dummy.scrollLeft > 0) {
-      cachedType = 'default';
-    } else {
-      dummy.scrollLeft = 2;
-      if (dummy.scrollLeft < 2) {
-        cachedType = 'negative';
-      }
-    }
-    document.body.removeChild(dummy);
-    return cachedType;
-  }
-
-  /**
-   * Get the scrollLeft value of the element relative to the direction
-   *
-   * @param {string} scrollType type of the scroll detected with `detectScrollType`
-   * @param {string} direction current direction of the element
-   * @param {Element} element
-   * @return {number} the scrollLeft value.
-   */
-  static getNormalizedScrollLeft(scrollType, direction, element) {
-    const { scrollLeft } = element;
-    if (direction !== 'rtl' || !scrollType) {
-      return scrollLeft;
-    }
-
-    switch (scrollType) {
-      case 'negative':
-        return element.scrollWidth - element.clientWidth + scrollLeft;
-      case 'reverse':
-        return element.scrollWidth - element.clientWidth - scrollLeft;
-      default:
-        return scrollLeft;
-    }
-  }
-
-  /**
-   * Set the scrollLeft value of the element relative to the direction
-   *
-   * @param {string} scrollType type of the scroll detected with `detectScrollType`
-   * @param {string} direction current direction of the element
-   * @param {Element} element
-   * @param {number} scrollLeft the scrollLeft value to be set
-   */
-  static setNormalizedScrollLeft(scrollType, direction, element, scrollLeft) {
-    if (direction !== 'rtl' || !scrollType) {
-      element.scrollLeft = scrollLeft;
-      return;
-    }
-
-    switch (scrollType) {
-      case 'negative':
-        element.scrollLeft = element.clientWidth - element.scrollWidth + scrollLeft;
-        break;
-      case 'reverse':
-        element.scrollLeft = element.scrollWidth - element.clientWidth - scrollLeft;
-        break;
-      default:
-        element.scrollLeft = scrollLeft;
-        break;
-    }
-  }
-}
-
-export { DirHelper };

package/src/slot-mixin.d.ts

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { Constructor } from '@open-wc/dedupe-mixin';
-
-/**
- * A mixin to provide content for named slots defined by component.
- */
-export declare function SlotMixin<T extends Constructor<HTMLElement>>(base: T): Constructor<SlotMixinClass> & T;
-
-export declare class SlotMixinClass {
-  /**
-   * List of named slots to initialize.
-   */
-  protected readonly slots: Record<string, () => HTMLElement>;
-}

package/src/slot-mixin.js

@@ -1,60 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 - 2022 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
-
-/**
- * A mixin to provide content for named slots defined by component.
- *
- * @polymerMixin
- */
-export const SlotMixin = dedupingMixin(
-  (superclass) =>
-    class SlotMixinClass extends superclass {
-      /**
-       * List of named slots to initialize.
-       * @protected
-       */
-      get slots() {
-        return {};
-      }
-
-      /** @protected */
-      ready() {
-        super.ready();
-        this._connectSlotMixin();
-      }
-
-      /** @private */
-      _connectSlotMixin() {
-        Object.keys(this.slots).forEach((slotName) => {
-          // Ignore labels of nested components, if any
-          const hasContent = this._getDirectSlotChild(slotName) !== undefined;
-
-          if (!hasContent) {
-            const slotFactory = this.slots[slotName];
-            const slotContent = slotFactory();
-            if (slotContent instanceof Element) {
-              if (slotName !== '') {
-                slotContent.setAttribute('slot', slotName);
-              }
-              this.appendChild(slotContent);
-            }
-          }
-        });
-      }
-
-      /** @protected */
-      _getDirectSlotChild(slotName) {
-        return Array.from(this.childNodes).find((node) => {
-          // Either an element (any slot) or a text node (only un-named slot).
-          return (
-            (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) ||
-            (node.nodeType === Node.TEXT_NODE && node.textContent.trim() && slotName === '')
-          );
-        });
-      }
-    },
-);