@vaadin/select 24.8.4 → 25.0.0-alpha10

package/src/vaadin-lit-select.js

@@ -1,109 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import '@vaadin/input-container/src/vaadin-lit-input-container.js';
-import './vaadin-lit-select-item.js';
-import './vaadin-lit-select-list-box.js';
-import './vaadin-lit-select-overlay.js';
-import './vaadin-lit-select-value-button.js';
-import { html, LitElement } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { screenReaderOnly } from '@vaadin/a11y-base/src/styles/sr-only-styles.js';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';
-import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { SelectBaseMixin } from './vaadin-select-base-mixin.js';
-import { selectStyles } from './vaadin-select-core-styles.js';
-
-/**
- * LitElement based version of `<vaadin-select>` web component.
- *
- * ## Disclaimer
- *
- * This component is an experiment and not yet a part of Vaadin platform.
- * There is no ETA regarding specific Vaadin version where it'll land.
- * Feel free to try this code in your apps as per Apache 2.0 license.
- *
- * @extends HTMLElement
- */
-class Select extends SelectBaseMixin(ElementMixin(ThemableMixin(PolylitMixin(LitElement)))) {
-  static get is() {
-    return 'vaadin-select';
-  }
-
-  static get styles() {
-    return [inputFieldShared, screenReaderOnly, selectStyles];
-  }
-
-  /** @protected */
-  render() {
-    return html`
-      <div class="vaadin-select-container">
-        <div part="label" @click="${this._onClick}">
-          <slot name="label"></slot>
-          <span part="required-indicator" aria-hidden="true" @click="${this.focus}"></span>
-        </div>
-
-        <vaadin-input-container
-          part="input-field"
-          .readonly="${this.readonly}"
-          .disabled="${this.disabled}"
-          .invalid="${this.invalid}"
-          theme="${ifDefined(this._theme)}"
-          @click="${this._onClick}"
-        >
-          <slot name="prefix" slot="prefix"></slot>
-          <slot name="value"></slot>
-          <div part="toggle-button" slot="suffix" aria-hidden="true" @mousedown="${this._onToggleMouseDown}"></div>
-        </vaadin-input-container>
-
-        <div part="helper-text">
-          <slot name="helper"></slot>
-        </div>
-
-        <div part="error-message">
-          <slot name="error-message"></slot>
-        </div>
-      </div>
-
-      <vaadin-select-overlay
-        id="overlay"
-        .owner="${this}"
-        .positionTarget="${this._inputContainer}"
-        .opened="${this.opened}"
-        .withBackdrop="${this._phone}"
-        .renderer="${this.renderer || this.__defaultRenderer}"
-        ?phone="${this._phone}"
-        theme="${ifDefined(this._theme)}"
-        ?no-vertical-overlap="${this.noVerticalOverlap}"
-        @opened-changed="${this._onOpenedChanged}"
-        @vaadin-overlay-open="${this._onOverlayOpen}"
-      ></vaadin-select-overlay>
-
-      <slot name="tooltip"></slot>
-      <div class="sr-only">
-        <slot name="sr-label"></slot>
-      </div>
-    `;
-  }
-
-  /** @private */
-  _onOpenedChanged(event) {
-    this.opened = event.detail.value;
-  }
-
-  /** @private */
-  _onOverlayOpen() {
-    if (this._menuElement) {
-      this._menuElement.focus();
-    }
-  }
-}
-
-defineCustomElement(Select);
-
-export { Select };

package/theme/lumo/vaadin-lit-select.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-select-styles.js';
-import '../../src/vaadin-lit-select.js';

package/theme/lumo/vaadin-lit-select.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-select-styles.js';
-import '../../src/vaadin-lit-select.js';

package/theme/material/vaadin-lit-select.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-select-styles.js';
-import '../../src/vaadin-lit-select.js';

package/theme/material/vaadin-select-styles.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
-import '@vaadin/vaadin-material-styles/font-icons.js';

package/theme/material/vaadin-select-styles.js

@@ -1,77 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
-import '@vaadin/vaadin-material-styles/font-icons.js';
-import { item } from '@vaadin/item/theme/material/vaadin-item-styles.js';
-import { listBox } from '@vaadin/list-box/theme/material/vaadin-list-box-styles.js';
-import { inputFieldShared } from '@vaadin/vaadin-material-styles/mixins/input-field-shared.js';
-import { menuOverlay } from '@vaadin/vaadin-material-styles/mixins/menu-overlay.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-registerStyles('vaadin-select-item', item, { moduleId: 'material-select-item' });
-
-registerStyles('vaadin-select-list-box', listBox, { moduleId: 'material-select-list-box' });
-
-const select = css`
-  :host {
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  /* placeholder styles */
-  :host [part='input-field'] ::slotted([slot='value'][placeholder]) {
-    color: var(--material-disabled-text-color);
-    transition: opacity 0.175s 0.1s;
-    opacity: 1;
-  }
-
-  :host([has-label]:not([focused]):not([invalid]):not([theme='always-float-label']))
-    ::slotted([slot='value'][placeholder]) {
-    opacity: 0;
-    /* Avoid a flash of the placeholder text on init */
-    transition: none;
-  }
-
-  :host [part='input-field'] ::slotted([slot='value']) {
-    color: var(--material-body-text-color);
-  }
-
-  [part='toggle-button']::before {
-    content: var(--material-icons-dropdown);
-  }
-
-  :host([opened]) [part='toggle-button'] {
-    transform: rotate(180deg);
-  }
-
-  :host([disabled]) {
-    pointer-events: none;
-  }
-`;
-
-registerStyles('vaadin-select', [inputFieldShared, select], { moduleId: 'material-select' });
-
-registerStyles(
-  'vaadin-select-value-button',
-  css`
-    :host {
-      font: inherit;
-      letter-spacing: normal;
-      text-transform: none;
-    }
-
-    ::slotted(*) {
-      font: inherit;
-      padding: 4px 0;
-    }
-
-    ::slotted(*:hover) {
-      background-color: transparent;
-    }
-  `,
-  { moduleId: 'material-select-value-button' },
-);
-
-registerStyles('vaadin-select-overlay', [menuOverlay], { moduleId: 'material-select-overlay' });

package/theme/material/vaadin-select.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-select-styles.js';
-import '../../src/vaadin-select.js';

package/theme/material/vaadin-select.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-select-styles.js';
-import '../../src/vaadin-select.js';

package/vaadin-lit-select.d.ts

@@ -1 +0,0 @@
-export * from './src/vaadin-select.js';

package/vaadin-lit-select.js

@@ -1,2 +0,0 @@
-import './theme/lumo/vaadin-lit-select.js';
-export * from './src/vaadin-lit-select.js';