@vaadin/field-base 22.0.0-alpha6 → 22.0.0-alpha7

package/src/helper-text-mixin.js

@@ -1,144 +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 { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
-
-const HelperTextMixinImplementation = (superclass) =>
-  class HelperTextMixinClass extends SlotMixin(superclass) {
-    static get properties() {
-      return {
-        /**
-         * String used for the helper text.
-         * @attr {string} helper-text
-         */
-        helperText: {
-          type: String,
-          observer: '_helperTextChanged'
-        },
-
-        /** @protected */
-        _helperId: String
-      };
-    }
-
-    get slots() {
-      return {
-        ...super.slots,
-        helper: () => {
-          const helper = document.createElement('div');
-          helper.textContent = this.helperText;
-          return helper;
-        }
-      };
-    }
-
-    /** @protected */
-    get _helperNode() {
-      return this._getDirectSlotChild('helper');
-    }
-
-    constructor() {
-      super();
-
-      // Ensure every instance has unique ID
-      const uniqueId = (HelperTextMixinClass._uniqueId = 1 + HelperTextMixinClass._uniqueId || 0);
-      this._helperId = `helper-${this.localName}-${uniqueId}`;
-
-      // Save generated ID to restore later
-      this.__savedHelperId = this._helperId;
-    }
-
-    /** @protected */
-    connectedCallback() {
-      super.connectedCallback();
-
-      if (this._helperNode) {
-        this._currentHelper = this._helperNode;
-        this._helperNode.id = this._helperId;
-
-        this._applyCustomHelper();
-      }
-    }
-
-    /** @protected */
-    ready() {
-      super.ready();
-
-      this.__helperSlot = this.shadowRoot.querySelector('[name="helper"]');
-      this.__helperSlot.addEventListener('slotchange', this.__onHelperSlotChange.bind(this));
-      this.__helperIdObserver = new MutationObserver((mutationRecord) => {
-        mutationRecord.forEach((mutation) => {
-          // only handle helper nodes
-          if (
-            mutation.type === 'attributes' &&
-            mutation.attributeName === 'id' &&
-            mutation.target === this._currentHelper &&
-            mutation.target.id !== this.__savedHelperId
-          ) {
-            this.__updateHelperId(mutation.target);
-          }
-        });
-      });
-
-      this.__helperIdObserver.observe(this, { attributes: true, subtree: true });
-    }
-
-    /** @private */
-    __updateHelperId(customHelper) {
-      let newId;
-
-      if (customHelper.id) {
-        newId = customHelper.id;
-      } else {
-        newId = this.__savedHelperId;
-        customHelper.id = newId;
-      }
-
-      this._helperId = newId;
-    }
-
-    /** @private */
-    __onHelperSlotChange() {
-      // Check fot slotted element node that is not the one created by this mixin.
-      const customHelper = this.__helperSlot
-        .assignedElements({ flatten: true })
-        .find((node) => node !== this._currentHelper);
-
-      if (customHelper) {
-        this.__updateHelperId(customHelper);
-
-        if (this._currentHelper.isConnected) {
-          this._currentHelper.remove();
-        }
-
-        this._applyCustomHelper();
-
-        this._currentHelper = customHelper;
-      }
-    }
-
-    /** @protected */
-    _applyCustomHelper() {
-      const helper = this._helperNode.textContent;
-      if (helper !== this.helperText) {
-        this.helperText = helper;
-      }
-    }
-
-    /** @protected */
-    _helperTextChanged(helper) {
-      if (this._helperNode) {
-        this._helperNode.textContent = helper;
-      }
-
-      this.toggleAttribute('has-helper', Boolean(helper));
-    }
-  };
-
-/**
- * A mixin to provide helper text via corresponding property or named slot.
- */
-export const HelperTextMixin = dedupingMixin(HelperTextMixinImplementation);

package/src/input-slot-mixin.d.ts

@@ -1,26 +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 { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
-import { DelegateFocusMixin } from './delegate-focus-mixin.js';
-import { InputMixin } from './input-mixin.js';
-
-/**
- * A mixin to add `<input>` element to the corresponding named slot.
- */
-declare function InputSlotMixin<T extends new (...args: any[]) => {}>(base: T): T & InputSlotMixinConstructor;
-
-interface InputSlotMixinConstructor {
-  new (...args: any[]): InputSlotMixin;
-}
-
-interface InputSlotMixin extends DelegateFocusMixin, InputMixin, SlotMixin {
-  /**
-   * String used to define input type.
-   */
-  readonly type: string;
-}
-
-export { InputSlotMixinConstructor, InputSlotMixin };

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 { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
-import { DelegateFocusMixin } from './delegate-focus-mixin.js';
-import { InputMixin } from './input-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/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 { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
-import { DelegateFocusMixin } from './delegate-focus-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 DelegateFocusMixin, 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 { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
-import { DelegateFocusMixin } from './delegate-focus-mixin.js';
-import { InputMixin } from './input-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);