@vaadin/field-base 22.0.0-alpha5 → 22.0.0-alpha9

package/src/input-slot-mixin.js

@@ -1,71 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 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';
-import { DelegateFocusMixin } from './delegate-focus-mixin.js';
-import { InputMixin } from './input-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
-
-const InputSlotMixinImplementation = (superclass) =>
-  class InputSlotMixinClass extends DelegateFocusMixin(InputMixin(SlotMixin(superclass))) {
-    static get properties() {
-      /**
-       * String used to define input type.
-       */
-      return {
-        type: {
-          type: String,
-          readOnly: true
-        }
-      };
-    }
-
-    get slots() {
-      return {
-        ...super.slots,
-        input: () => {
-          const native = document.createElement('input');
-          const value = this.getAttribute('value');
-          if (value) {
-            native.setAttribute('value', value);
-          }
-          const name = this.getAttribute('name');
-          if (name) {
-            native.setAttribute('name', name);
-          }
-          if (this.type) {
-            native.setAttribute('type', this.type);
-          }
-          return native;
-        }
-      };
-    }
-
-    constructor() {
-      super();
-
-      // Ensure every instance has unique ID
-      const uniqueId = (InputSlotMixinClass._uniqueId = 1 + InputSlotMixinClass._uniqueId || 0);
-      this._inputId = `${this.localName}-${uniqueId}`;
-    }
-
-    /** @protected */
-    ready() {
-      super.ready();
-
-      const inputNode = this._getDirectSlotChild('input');
-      if (inputNode) {
-        inputNode.id = this._inputId;
-
-        this._setInputElement(inputNode);
-        this._setFocusElement(inputNode);
-      }
-    }
-  };
-
-/**
- * A mixin to add `<input>` element to the corresponding named slot.
- */
-export const InputSlotMixin = dedupingMixin(InputSlotMixinImplementation);

package/src/keyboard-mixin.d.ts

@@ -1,32 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-
-/**
- * A mixin that manages keyboard handling.
- * The mixin subscribes to the keyboard events while an actual implementation
- * for the event handlers is left to the client (a component or another mixin).
- */
-declare function KeyboardMixin<T extends new (...args: any[]) => {}>(base: T): T & KeyboardMixinConstructor;
-
-interface KeyboardMixinConstructor {
-  new (...args: any[]): KeyboardMixin;
-}
-
-interface KeyboardMixin {
-  /**
-   * A handler for the `keydown` event. By default, it does nothing.
-   * Override the method to implement your own behavior.
-   */
-  _onKeyDown(event: KeyboardEvent): void;
-
-  /**
-   * A handler for the `keyup` event. By default, it does nothing.
-   * Override the method to implement your own behavior.
-   */
-  _onKeyUp(event: KeyboardEvent): void;
-}
-
-export { KeyboardMixinConstructor, KeyboardMixin };

package/src/keyboard-mixin.js

@@ -1,51 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 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';
-
-const KeyboardMixinImplementation = (superclass) =>
-  class KeyboardMixinClass extends superclass {
-    /** @protected */
-    ready() {
-      super.ready();
-
-      this.addEventListener('keydown', (event) => {
-        this._onKeyDown(event);
-      });
-
-      this.addEventListener('keyup', (event) => {
-        this._onKeyUp(event);
-      });
-    }
-
-    /**
-     * A handler for the `keydown` event. By default, it does nothing.
-     * Override the method to implement your own behavior.
-     *
-     * @param {KeyboardEvent} _event
-     * @protected
-     */
-    _onKeyDown(_event) {
-      // To be implemented.
-    }
-
-    /**
-     * A handler for the `keyup` event. By default, it does nothing.
-     * Override the method to implement your own behavior.
-     *
-     * @param {KeyboardEvent} _event
-     * @protected
-     */
-    _onKeyUp(_event) {
-      // To be implemented.
-    }
-  };
-
-/**
- * A mixin that manages keyboard handling.
- * The mixin subscribes to the keyboard events while an actual implementation
- * for the event handlers is left to the client (a component or another mixin).
- */
-export const KeyboardMixin = dedupingMixin(KeyboardMixinImplementation);

package/src/slot-mixin.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-
-/**
- * A mixin to provide content for named slots defined by component.
- */
-declare function SlotMixin<T extends new (...args: any[]) => {}>(base: T): T & SlotMixinConstructor;
-
-interface SlotMixinConstructor {
-  new (...args: any[]): SlotMixin;
-}
-
-interface SlotMixin {
-  /**
-   * List of named slots to initialize.
-   */
-  readonly slots: Record<string, () => HTMLElement>;
-}
-
-export { SlotMixinConstructor, SlotMixin };

package/src/slot-mixin.js

@@ -1,49 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 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';
-
-const SlotMixinImplementation = (superclass) =>
-  class SlotMixinClass extends superclass {
-    /**
-     * List of named slots to initialize.
-     */
-    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) {
-            slotContent.setAttribute('slot', slotName);
-            this.appendChild(slotContent);
-          }
-        }
-      });
-    }
-
-    /** @protected */
-    _getDirectSlotChild(slotName) {
-      return Array.from(this.children).find((el) => el.slot === slotName);
-    }
-  };
-
-/**
- * A mixin to provide content for named slots defined by component.
- */
-export const SlotMixin = dedupingMixin(SlotMixinImplementation);

package/src/tabindex-mixin.d.ts

@@ -1,29 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { DisabledMixin } from './disabled-mixin.js';
-
-/**
- * A mixin to provide the `tabindex` attribute.
- *
- * By default, the attribute is set to 0 that makes the element focusable.
- *
- * The attribute is set to -1 whenever the user disables the element
- * and restored with the last known value once the element is enabled.
- */
-declare function TabindexMixin<T extends new (...args: any[]) => {}>(base: T): T & TabindexMixinConstructor;
-
-interface TabindexMixinConstructor {
-  new (...args: any[]): TabindexMixin;
-}
-
-interface TabindexMixin extends DisabledMixin {
-  /**
-   * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
-   */
-  tabindex: number | undefined | null;
-}
-
-export { TabindexMixinConstructor, TabindexMixin };

package/src/tabindex-mixin.js

@@ -1,78 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 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';
-import { DisabledMixin } from './disabled-mixin.js';
-
-const TabindexMixinImplementation = (superclass) =>
-  class TabindexMixinClass extends DisabledMixin(superclass) {
-    static get properties() {
-      return {
-        /**
-         * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
-         */
-        tabindex: {
-          type: Number,
-          value: 0,
-          reflectToAttribute: true,
-          observer: '_tabindexChanged'
-        },
-
-        /**
-         * Stores the last known tabindex since the element has been disabled.
-         *
-         * @private
-         */
-        __lastTabIndex: {
-          type: Number,
-          value: 0
-        }
-      };
-    }
-
-    /**
-     * When the element gets disabled, the observer saves the last known tabindex
-     * and makes the element not focusable by setting tabindex to -1.
-     * As soon as the element gets enabled, the observer restores the last known tabindex
-     * so that the element can be focusable again.
-     *
-     * @protected
-     * @override
-     */
-    _disabledChanged(disabled, oldDisabled) {
-      super._disabledChanged(disabled, oldDisabled);
-
-      if (disabled) {
-        this.__lastTabIndex = this.tabindex;
-        this.tabindex = -1;
-      } else if (oldDisabled) {
-        this.tabindex = this.__lastTabIndex;
-      }
-    }
-
-    /**
-     * When the user has changed tabindex while the element is disabled,
-     * the observer reverts tabindex to -1 and rather saves the new tabindex value to apply it later.
-     * The new value will be applied as soon as the element becomes enabled.
-     *
-     * @protected
-     */
-    _tabindexChanged(tabindex) {
-      if (this.disabled && tabindex !== -1) {
-        this.__lastTabIndex = tabindex;
-        this.tabindex = -1;
-      }
-    }
-  };
-
-/**
- * A mixin to provide the `tabindex` attribute.
- *
- * By default, the attribute is set to 0 that makes the element focusable.
- *
- * The attribute is set to -1 whenever the user disables the element
- * and restored with the last known value once the element is enabled.
- */
-export const TabindexMixin = dedupingMixin(TabindexMixinImplementation);

package/src/text-area-slot-mixin.d.ts

@@ -1,21 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { DelegatesFocusMixin } from './delegate-focus-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
-import { InputMixin } from './input-mixin.js';
-
-/**
- * A mixin to add `<textarea>` element to the corresponding named slot.
- */
-declare function TextAreaSlotMixin<T extends new (...args: any[]) => {}>(base: T): T & TextAreaSlotMixinConstructor;
-
-interface TextAreaSlotMixinConstructor {
-  new (...args: any[]): TextAreaSlotMixin;
-}
-
-interface TextAreaSlotMixin extends DelegatesFocusMixin, InputMixin, SlotMixin {}
-
-export { TextAreaSlotMixinConstructor, TextAreaSlotMixin };

package/src/text-area-slot-mixin.js

@@ -1,56 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 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';
-import { DelegateFocusMixin } from './delegate-focus-mixin.js';
-import { InputMixin } from './input-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
-
-const TextAreaSlotMixinImplementation = (superclass) =>
-  class TextAreaSlotMixinClass extends DelegateFocusMixin(InputMixin(SlotMixin(superclass))) {
-    get slots() {
-      return {
-        ...super.slots,
-        textarea: () => {
-          const native = document.createElement('textarea');
-          const value = this.getAttribute('value');
-          if (value) {
-            native.value = value;
-          }
-          const name = this.getAttribute('name');
-          if (name) {
-            native.setAttribute('name', name);
-          }
-          return native;
-        }
-      };
-    }
-
-    constructor() {
-      super();
-
-      // Ensure every instance has unique ID
-      const uniqueId = (TextAreaSlotMixinClass._uniqueId = 1 + TextAreaSlotMixinClass._uniqueId || 0);
-      this._textareaId = `${this.localName}-${uniqueId}`;
-    }
-
-    /** @protected */
-    ready() {
-      super.ready();
-
-      const textArea = this._getDirectSlotChild('textarea');
-      if (textArea) {
-        textArea.id = this._textareaId;
-
-        this._setInputElement(textArea);
-        this._setFocusElement(textArea);
-      }
-    }
-  };
-
-/**
- * A mixin to add `<textarea>` element to the corresponding named slot.
- */
-export const TextAreaSlotMixin = dedupingMixin(TextAreaSlotMixinImplementation);

package/src/text-field-mixin.d.ts

@@ -1,21 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { CharLengthMixin } from './char-length-mixin.js';
-import { InputFieldMixin } from './input-field-mixin.js';
-import { PatternMixin } from './pattern-mixin.js';
-
-/**
- * A mixin to provide validation constraints for vaadin-text-field and related components.
- */
-declare function TextFieldMixin<T extends new (...args: any[]) => {}>(base: T): T & TextFieldMixinConstructor;
-
-interface TextFieldMixinConstructor {
-  new (...args: any[]): TextFieldMixin;
-}
-
-interface TextFieldMixin extends CharLengthMixin, InputFieldMixin, PatternMixin {}
-
-export { TextFieldMixin, TextFieldMixinConstructor };

package/src/text-field-mixin.js

@@ -1,17 +0,0 @@
-/**
- * @license
- * Copyright (c) 2021 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';
-import { CharLengthMixin } from './char-length-mixin.js';
-import { InputFieldMixin } from './input-field-mixin.js';
-import { PatternMixin } from './pattern-mixin.js';
-
-const TextFieldMixinImplementation = (superclass) =>
-  class TextFieldMixinClass extends InputFieldMixin(CharLengthMixin(PatternMixin(superclass))) {};
-
-/**
- * A mixin to provide validation constraints for vaadin-text-field and related components.
- */
-export const TextFieldMixin = dedupingMixin(TextFieldMixinImplementation);