@digital-realty/ix-select 1.1.3 → 1.1.4

package/dist/IxSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxSelect.js","sourceRoot":"","sources":["../src/IxSelect.ts"],"names":[],"mappings":";;AAAA,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,uCAAuC,CAAC;AAE/C,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAe,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,oCAAoC,CAAC;AAE5C,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAE9B,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAgB8B,aAAQ,GAAG,CAAC,CAAC;QAEzC;;WAEG;QACiE,aAAQ,GAC1E,KAAK,CAAC;QAER;;WAEG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACS,UAAK,GAAW,EAAE,CAAC;QAE/B;;WAEG;QAC0B,UAAK,GAAG,KAAK,CAAC;QAE3C;;WAEG;QAC0B,aAAQ,GAAG,KAAK,CAAC;QAE9C;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAE7D;;;;;;;WAOG;QACkD,cAAS,GAAG,EAAE,CAAC;QAEpE;;;WAGG;QACuD,mBAAc,GAAG,EAAE,CAAC;QAE9E;;;;;WAKG;QACyC,UAAK,GAAG,KAAK,CAAC;QAE1D;;WAEG;QACoD,gBAAW,GAAG,EAAE,CAAC;QAExE;;WAEG;QAEH,gBAAW,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,iBAAY,GAAG,EAAE,CAAC;QAElB;;;;;;WAMG;QAEH,oBAAe,GAAqC,UAAU,CAAC;QAE/D;;;WAGG;QAEH,mBAAc,GAAG,6BAA6B,CAAC;QAE/C;;;;;;WAMG;QAEH,kBAAa,GAAG,CAAC,CAAC,CAAC;QAEF,gBAAW,GAAG,KAAK,CAAC;QAEpB,oBAAe,GAAG,EAAE,CAAC;QAMrB,cAAS,GAAI,IAAoB,CAAC,wBAAwB;aACxE,eAAe,EAAE,CAAC;QAEb,4BAAuB,GAAG,EAAE,CAAC;QAiCrC,QAAO,GAAG,EAAE,CAAC;QA6DL,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QACpB,CAAC,CAAC;IA+GJ,CAAC;IAtNC,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC;IACxC,CAAC;IAOD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC;IAED,IAAI,IAAI;;QACN,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;IACjC,CAAC;IAED,IAAI,KAAK;QACP,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;IAC/B,CAAC;IAID,IAAI,iBAAiB;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC1C,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;SAC5C;IACH,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QACpC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,KAAK,CAAC,OAAO,CAAC,OAA+B;QAC9D,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACjC,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;IAC5D,CAAC;IAEO,KAAK,CAAC,YAAY;QACxB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QAC5D,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC;QACnD,MAAM,iBAAiB,GACrB,IAAI,CAAC,uBAAuB;YAC5B,CAAC,YAAY,IAAI,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACrD,EAAE,CAAC;QAEL,IAAI,CAAC,SAAS,CAAC,WAAW,CACxB,EAAE,YAAY,EAAE,WAAW,EAAE,EAC7B,iBAAiB,EACjB,IAAI,CAAC,SAAS,CACf,CAAC;IACJ,CAAC;IAED,+DAA+D;IAC/D,kDAAkD;IAC1C,4BAA4B;QAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,OAAO,MAAM,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAMD,aAAa;QACX,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;IACzC,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC7B,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,KAAK;;QACH,MACE,MAAA,IAAI,CAAC,SAAS,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAClD,0CAAE,KAAK,EAAE,CAAC;IACb,CAAC;IAED,kDAAkD;IAClD,MAAM,CAAC,CAAa;QAClB,qFAAqF;QACrF,MAAM,EAAE,GAAG,CAAC,CAAC,aAA4B,CAAC;QAC1C,IAAI,CAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,OAAO,MAAK,kBAAkB,EAAE;YACtC,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;IACH,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,eAAe;IACf,iBAAiB;QACf,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,eAAe;IACf,wBAAwB,CAAC,QAAgB;QACvC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC9B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;SACtD;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC9B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;SACzD;IACH,CAAC;IAEQ,MAAM;QACb,MAAM,GAAG,GAAgB,IAAI,CAAC,MAAM;YAClC,CAAC,CAAC,OAAO,CAAA,kBAAkB;YAC3B,CAAC,CAAC,OAAO,CAAA,oBAAoB,CAAC;QAEhC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAK,IAAwB,CAAC,SAAS,CAAC;QAEpE,OAAO,UAAU,CAAA,IAAI,GAAG;oBACR,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK;iBACV,IAAI,CAAC,QAAQ;oBACV,IAAI,CAAC,QAAQ;4BACL,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;qBAClC,SAAS,IAAI,OAAO;mBACtB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;2BAClC,IAAI,CAAC,eAAe;0BACrB,IAAI,CAAC,cAAc;0BACnB,IAAI,CAAC,cAAc;qBACxB,IAAI,CAAC,YAAY,EAAE;yBACf,SAAS,CACxB,IAAI,CAAC,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAC3D;uBACc,IAAI,CAAC,WAAW;gBACvB,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,IAAI;6BACK,IAAI,CAAC,eAAe;mBAC9B,IAAI,CAAC,YAAY;;2BAET,IAAI,CAAC,QAAQ;iBACvB,IAAI,CAAC,KAAK;gBACX,IAAI,CAAC,MAAM;;;YAIf,IAAI,CAAC,WAAW;YACd,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,WAAW,YAAY;YAClE,CAAC,CAAC,OACN;YAEE,IAAI,CAAC,YAAY;YACf,CAAC,CAAC,IAAI,CAAA;qBACC,IAAI,CAAC,YAAY;kBACpB;YACJ,CAAC,CAAC,OACN;;UAEA,GAAG,GAAG,CAAC;IACf,CAAC;;KA7KA,KAAK;AAhKN;IACE,yBAAyB,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC,GAAA,CAAA;AAED,kBAAkB;AACF,0BAAiB,GAAmB;IAClD,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF,kBAAkB;AACF,uBAAc,GAAG,IAAI,CAAC;AAEpB;IAAjB,KAAK,CAAC,SAAS,CAAC;2CAAoB;AAET;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAc;AAK2B;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;0CAC3D;AAKoC;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAgB;AAK/C;IAAX,QAAQ,EAAE;uCAAoB;AAKF;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCAAe;AAKd;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAkB;AAKF;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAkB;AAUR;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CAAgB;AAMV;IAAzD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;gDAAqB;AAQlC;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAe;AAKH;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;6CAAkB;AAMxE;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CACtC;AAMjB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACtC;AAUlB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACmB;AAO/D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;gDACV;AAU/C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+CACrC;AAEV;IAAR,KAAK,EAAE;6CAA6B;AAE5B;IAAR,KAAK,EAAE;iDAA8B","sourcesContent":["import '@digital-realty/ix-icon/ix-icon.js';\nimport { ARIAMixinStrict } from '@material/web/internal/aria/aria.js';\nimport { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';\nimport { DEFAULT_TYPEAHEAD_BUFFER_TIME } from '@material/web/menu/internal/menu.js';\nimport '@material/web/select/filled-select.js';\nimport { Select } from '@material/web/select/internal/select.js';\nimport '@material/web/select/outlined-select.js';\nimport { LitElement, PropertyValues, html, isServer, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { StaticValue, literal, html as staticHtml } from 'lit/static-html.js';\nimport './selectoption/ix-select-option.js';\n\nconst VALUE = Symbol('value');\n\nexport class IxSelect extends LitElement {\n  static {\n    requestUpdateOnAriaChange(IxSelect);\n  }\n\n  /** @nocollapse */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** @nocollapse */\n  static readonly formAssociated = true;\n\n  @query('.select') component!: Select;\n\n  @property({ type: Number }) minWidth = 0;\n\n  /**\n   * Whether or not the drop-down menu should be at least the width of the select element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'wide-menu' }) wideMenu =\n    false;\n\n  /**\n   * The switch between filled and outlined.\n   */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /**\n   * The floating label for the field.\n   */\n  @property() label: string = '';\n\n  /**\n   * Opens the menu synchronously with no animation.\n   */\n  @property({ type: Boolean }) quick = false;\n\n  /**\n   * Whether or not the select is required.\n   */\n  @property({ type: Boolean }) required = false;\n\n  /**\n   * Disables the select.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * The error message that replaces supporting text when `error` is true. If\n   * `errorText` is an empty string, then the supporting text will continue to\n   * show.\n   *\n   * This error message overrides the error message displayed by\n   * `reportValidity()`.\n   */\n  @property({ type: String, attribute: 'error-text' }) errorText = '';\n\n  /**\n   * Conveys additional information below the select, such as how it should\n   * be used.\n   */\n  @property({ type: String, attribute: 'supporting-text' }) supportingText = '';\n\n  /**\n   * Gets or sets whether or not the select is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   */\n  @property({ type: Boolean, reflect: true }) error = false;\n\n  /**\n   * Text to display in the field. Only set for SSR.\n   */\n  @property({ type: String, attribute: 'display-text' }) displayText = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'leading-icon', reflect: true })\n  leadingIcon = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'trailing-icon', reflect: true })\n  trailingIcon = '';\n\n  /**\n   * Whether or not the underlying md-menu should be position: fixed to display\n   * in a top-level manner, or position: absolute.\n   *\n   * position:fixed is useful for cases where select is inside of another\n   * element with stacking context and hidden overflows such as `md-dialog`.\n   */\n  @property({ attribute: 'menu-positioning' })\n  menuPositioning: 'absolute' | 'fixed' | 'popover' = 'absolute';\n\n  /**\n   * The max time between the keystrokes of the typeahead select / menu behavior\n   * before it clears the typeahead buffer.\n   */\n  @property({ type: Number, attribute: 'typeahead-delay' })\n  typeaheadDelay = DEFAULT_TYPEAHEAD_BUFFER_TIME;\n\n  /**\n   * The index of the currently selected option.\n   *\n   * Note: For SSR, set `[selected]` on the requested option and `displayText`\n   * rather than setting `selectedIndex` setting `selectedIndex` will incur a\n   * DOM query.\n   */\n  @property({ type: Number, attribute: 'selected-index' })\n  selectedIndex = -1;\n\n  @state() private nativeError = false;\n\n  @state() private nativeErrorText = '';\n\n  private get hasError() {\n    return this.error || this.nativeError;\n  }\n\n  private readonly internals = (this as HTMLElement) /* needed for closure */\n    .attachInternals();\n\n  private customValidationMessage = '';\n\n  get form() {\n    return this.internals.form;\n  }\n\n  get labels() {\n    return this.internals.labels;\n  }\n\n  get name() {\n    return this.getAttribute('name') ?? '';\n  }\n\n  set name(name: string) {\n    this.setAttribute('name', name);\n  }\n\n  get validity() {\n    this.syncValidity();\n    return this.internals.validity;\n  }\n\n  get value() {\n    this[VALUE] = this.component.value;\n    return this[VALUE];\n  }\n\n  set value(value: string) {\n    if (isServer) return;\n    this.component.value = value;\n  }\n\n  [VALUE] = '';\n\n  get validationMessage() {\n    this.syncValidity();\n    return this.internals.validationMessage;\n  }\n\n  private handleSelection() {\n    this.internals.setFormValue(this.component.value);\n    this.syncValidity();\n  }\n\n  private setMenuWidth() {\n    if (this.wideMenu) {\n      this.minWidth = this.component.offsetWidth;\n    }\n  }\n\n  async getUpdateComplete(): Promise<boolean> {\n    await super.getUpdateComplete();\n    await this.component.updateComplete;\n    this.setMenuWidth();\n    this.internals.setFormValue(this.component.value);\n    return true;\n  }\n\n  protected override async updated(changed: PropertyValues<Select>) {\n    if (changed.has('required')) {\n      this.syncValidity();\n    }\n\n    await this.getUpdateComplete();\n  }\n\n  private getErrorText() {\n    return this.error ? this.errorText : this.nativeErrorText;\n  }\n\n  private async syncValidity() {\n    const valueMissing = this.required && !this.component.value;\n    const customError = !!this.customValidationMessage;\n    const validationMessage =\n      this.customValidationMessage ||\n      (valueMissing && this.getRequiredValidationMessage()) ||\n      '';\n\n    this.internals.setValidity(\n      { valueMissing, customError },\n      validationMessage,\n      this.component\n    );\n  }\n\n  // Returns the platform `<select>` validation message for i18n.\n  // eslint-disable-next-line class-methods-use-this\n  private getRequiredValidationMessage() {\n    const select = document.createElement('select');\n    select.required = true;\n    return select.validationMessage;\n  }\n\n  private handleResize = () => {\n    this.minWidth = 0;\n  };\n\n  checkValidity() {\n    this.syncValidity();\n    return this.internals.checkValidity();\n  }\n\n  reportValidity() {\n    return this.component.reportValidity();\n  }\n\n  setCustomValidity(error: string) {\n    this.customValidationMessage = error;\n    this.syncValidity();\n  }\n\n  focus() {\n    (\n      this.component.shadowRoot?.querySelector('.field') as HTMLFormElement\n    )?.focus();\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  onBlur(e: FocusEvent) {\n    // Prevent blur event from bubbling on focus in (when focus switches to options menu)\n    const el = e.relatedTarget as HTMLElement;\n    if (el?.tagName === 'IX-SELECT-OPTION') {\n      e.stopPropagation();\n    }\n  }\n\n  /**\n   * Reset the select to its default value.\n   */\n  reset() {\n    this.component.reset();\n    this.internals.setFormValue(this.component.value);\n  }\n\n  /** @private */\n  formResetCallback() {\n    this.reset();\n  }\n\n  /** @private */\n  formStateRestoreCallback(newState: string) {\n    this.value = newState;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!isServer && this.wideMenu) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (!isServer && this.wideMenu) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n  }\n\n  override render() {\n    const tag: StaticValue = this.filled\n      ? literal`md-filled-select`\n      : literal`md-outlined-select`;\n\n    const ariaLabel = this.label || (this as ARIAMixinStrict).ariaLabel;\n\n    return staticHtml`<${tag}\n        ?disabled=${this.disabled}\n        ?quick=${this.quick}\n        ?error=${this.hasError}\n        ?required=${this.required}\n        ?has-leading-icon=${this.leadingIcon.length > 0}\n        aria-label=${ariaLabel || nothing}\n        tabindex=${ifDefined(this.disabled ? undefined : '0')}\n        menu-positioning=${this.menuPositioning}\n        typeahead-delay=${this.typeaheadDelay}\n        supporting-text=${this.supportingText}\n        error-text=${this.getErrorText()}\n        selected-index=${ifDefined(\n          this.selectedIndex === -1 ? undefined : this.selectedIndex\n        )}\n        display-text=${this.displayText}\n        label=${this.label}\n        name=${this.name}\n        @request-selection=${this.handleSelection}\n        @opening=${this.setMenuWidth}\n        class=\"select\"\n        style=\"min-width:${this.minWidth}px\"\n        @focus=${this.focus}\n        @blur=${this.onBlur}\n      >\n        <slot></slot>\n          ${\n            this.leadingIcon\n              ? html`<ix-icon slot=\"leading-icon\">${this.leadingIcon}</ix-icon>`\n              : nothing\n          }\n          ${\n            this.trailingIcon\n              ? html`<ix-icon slot=\"trailing-icon\"\n                  >${this.trailingIcon}</ix-icon\n                >`\n              : nothing\n          }\n         <slot slot=\"aria-describedby\" name=\"aria-describedby\"></slot>\n      </${tag}>`;\n  }\n}\n"]}
+{"version":3,"file":"IxSelect.js","sourceRoot":"","sources":["../src/IxSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import '@digital-realty/ix-icon/ix-icon.js';\nimport { ARIAMixinStrict } from '@material/web/internal/aria/aria.js';\nimport { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';\nimport { DEFAULT_TYPEAHEAD_BUFFER_TIME } from '@material/web/menu/internal/menu.js';\nimport '@material/web/select/filled-select.js';\nimport { Select } from '@material/web/select/internal/select.js';\nimport '@material/web/select/outlined-select.js';\nimport { LitElement, PropertyValues, html, isServer, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { StaticValue, literal, html as staticHtml } from 'lit/static-html.js';\nimport './selectoption/ix-select-option.js';\n\nconst VALUE = Symbol('value');\n\nexport class IxSelect extends LitElement {\n  static {\n    requestUpdateOnAriaChange(IxSelect);\n  }\n\n  /** @nocollapse */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** @nocollapse */\n  static readonly formAssociated = true;\n\n  @query('.select') component!: Select;\n\n  @property({ type: Number }) minWidth = 0;\n\n  /**\n   * Whether or not the drop-down menu should be at least the width of the select element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'wide-menu' }) wideMenu =\n    false;\n\n  /**\n   * The switch between filled and outlined.\n   */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /**\n   * The floating label for the field.\n   */\n  @property() label: string = '';\n\n  /**\n   * Opens the menu synchronously with no animation.\n   */\n  @property({ type: Boolean }) quick = false;\n\n  /**\n   * Whether or not the select is required.\n   */\n  @property({ type: Boolean }) required = false;\n\n  /**\n   * Disables the select.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * The error message that replaces supporting text when `error` is true. If\n   * `errorText` is an empty string, then the supporting text will continue to\n   * show.\n   *\n   * This error message overrides the error message displayed by\n   * `reportValidity()`.\n   */\n  @property({ type: String, attribute: 'error-text' }) errorText = '';\n\n  /**\n   * Conveys additional information below the select, such as how it should\n   * be used.\n   */\n  @property({ type: String, attribute: 'supporting-text' }) supportingText = '';\n\n  /**\n   * Gets or sets whether or not the select is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   */\n  @property({ type: Boolean, reflect: true }) error = false;\n\n  /**\n   * Text to display in the field. Only set for SSR.\n   */\n  @property({ type: String, attribute: 'display-text' }) displayText = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'leading-icon', reflect: true })\n  leadingIcon = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'trailing-icon', reflect: true })\n  trailingIcon = '';\n\n  /**\n   * Whether or not the underlying md-menu should be position: fixed to display\n   * in a top-level manner, or position: absolute.\n   *\n   * position:fixed is useful for cases where select is inside of another\n   * element with stacking context and hidden overflows such as `md-dialog`.\n   */\n  @property({ attribute: 'menu-positioning' })\n  menuPositioning: 'absolute' | 'fixed' | 'popover' = 'absolute';\n\n  /**\n   * The max time between the keystrokes of the typeahead select / menu behavior\n   * before it clears the typeahead buffer.\n   */\n  @property({ type: Number, attribute: 'typeahead-delay' })\n  typeaheadDelay = DEFAULT_TYPEAHEAD_BUFFER_TIME;\n\n  /**\n   * The index of the currently selected option.\n   *\n   * Note: For SSR, set `[selected]` on the requested option and `displayText`\n   * rather than setting `selectedIndex` setting `selectedIndex` will incur a\n   * DOM query.\n   */\n  @property({ type: Number, attribute: 'selected-index' })\n  selectedIndex = -1;\n\n  @state() private nativeError = false;\n\n  @state() private nativeErrorText = '';\n\n  private get hasError() {\n    return this.error || this.nativeError;\n  }\n\n  private readonly internals = (this as HTMLElement) /* needed for closure */\n    .attachInternals();\n\n  private customValidationMessage = '';\n\n  get form() {\n    return this.internals.form;\n  }\n\n  get labels() {\n    return this.internals.labels;\n  }\n\n  get name() {\n    return this.getAttribute('name') ?? '';\n  }\n\n  set name(name: string) {\n    this.setAttribute('name', name);\n  }\n\n  get validity() {\n    this.syncValidity();\n    return this.internals.validity;\n  }\n\n  get value() {\n    this[VALUE] = this.component.value;\n    return this[VALUE];\n  }\n\n  set value(value: string) {\n    if (isServer) return;\n    this.component.value = value;\n  }\n\n  [VALUE] = '';\n\n  get validationMessage() {\n    this.syncValidity();\n    return this.internals.validationMessage;\n  }\n\n  private handleSelection() {\n    this.internals.setFormValue(this.component.value);\n    this.syncValidity();\n  }\n\n  private setMenuSize() {\n    const select = this.shadowRoot?.querySelector('.select') as HTMLElement;\n    const menu = select?.shadowRoot\n      ?.querySelector('#listbox')\n      ?.shadowRoot?.querySelector('.menu') as HTMLElement;\n    // Set max-height to 70vh to prevent menus with many options from overflowing the viewport which\n    // can cause some options to become inaccessible: https://telxapp.atlassian.net/browse/IXUAT-9459\n    if (menu.style) {\n      menu.style.maxHeight = `70vh`;\n    }\n    if (this.wideMenu) {\n      this.minWidth = this.component.offsetWidth;\n    }\n  }\n\n  async getUpdateComplete(): Promise<boolean> {\n    await super.getUpdateComplete();\n    await this.component.updateComplete;\n    this.setMenuSize();\n    this.internals.setFormValue(this.component.value);\n    return true;\n  }\n\n  protected override async updated(changed: PropertyValues<Select>) {\n    if (changed.has('required')) {\n      this.syncValidity();\n    }\n\n    await this.getUpdateComplete();\n  }\n\n  private getErrorText() {\n    return this.error ? this.errorText : this.nativeErrorText;\n  }\n\n  private async syncValidity() {\n    const valueMissing = this.required && !this.component.value;\n    const customError = !!this.customValidationMessage;\n    const validationMessage =\n      this.customValidationMessage ||\n      (valueMissing && this.getRequiredValidationMessage()) ||\n      '';\n\n    this.internals.setValidity(\n      { valueMissing, customError },\n      validationMessage,\n      this.component\n    );\n  }\n\n  // Returns the platform `<select>` validation message for i18n.\n  // eslint-disable-next-line class-methods-use-this\n  private getRequiredValidationMessage() {\n    const select = document.createElement('select');\n    select.required = true;\n    return select.validationMessage;\n  }\n\n  private handleResize = () => {\n    this.minWidth = 0;\n  };\n\n  checkValidity() {\n    this.syncValidity();\n    return this.internals.checkValidity();\n  }\n\n  reportValidity() {\n    return this.component.reportValidity();\n  }\n\n  setCustomValidity(error: string) {\n    this.customValidationMessage = error;\n    this.syncValidity();\n  }\n\n  focus() {\n    (\n      this.component.shadowRoot?.querySelector('.field') as HTMLFormElement\n    )?.focus();\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  onBlur(e: FocusEvent) {\n    // Prevent blur event from bubbling on focus in (when focus switches to options menu)\n    const el = e.relatedTarget as HTMLElement;\n    if (el?.tagName === 'IX-SELECT-OPTION') {\n      e.stopPropagation();\n    }\n  }\n\n  /**\n   * Reset the select to its default value.\n   */\n  reset() {\n    this.component.reset();\n    this.internals.setFormValue(this.component.value);\n  }\n\n  /** @private */\n  formResetCallback() {\n    this.reset();\n  }\n\n  /** @private */\n  formStateRestoreCallback(newState: string) {\n    this.value = newState;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!isServer && this.wideMenu) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (!isServer && this.wideMenu) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n  }\n\n  override render() {\n    const tag: StaticValue = this.filled\n      ? literal`md-filled-select`\n      : literal`md-outlined-select`;\n\n    const ariaLabel = this.label || (this as ARIAMixinStrict).ariaLabel;\n\n    return staticHtml`<${tag}\n        ?disabled=${this.disabled}\n        ?quick=${this.quick}\n        ?error=${this.hasError}\n        ?required=${this.required}\n        ?has-leading-icon=${this.leadingIcon.length > 0}\n        aria-label=${ariaLabel || nothing}\n        tabindex=${ifDefined(this.disabled ? undefined : '0')}\n        menu-positioning=${this.menuPositioning}\n        typeahead-delay=${this.typeaheadDelay}\n        supporting-text=${this.supportingText}\n        error-text=${this.getErrorText()}\n        selected-index=${ifDefined(\n          this.selectedIndex === -1 ? undefined : this.selectedIndex\n        )}\n        display-text=${this.displayText}\n        label=${this.label}\n        name=${this.name}\n        @request-selection=${this.handleSelection}\n        @opening=${this.setMenuSize}\n        class=\"select\"\n        style=\"min-width:${this.minWidth}px\"\n        @focus=${this.focus}\n        @blur=${this.onBlur}\n      >\n        <slot></slot>\n          ${\n            this.leadingIcon\n              ? html`<ix-icon slot=\"leading-icon\">${this.leadingIcon}</ix-icon>`\n              : nothing\n          }\n          ${\n            this.trailingIcon\n              ? html`<ix-icon slot=\"trailing-icon\"\n                  >${this.trailingIcon}</ix-icon\n                >`\n              : nothing\n          }\n         <slot slot=\"aria-describedby\" name=\"aria-describedby\"></slot>\n      </${tag}>`;\n  }\n}\n"]}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { IxSelect } from './IxSelect.js';
-export { IxSelectOption } from './selectoption/IxSelectOption.js';
+export { IxSelect } from './IxSelect.js';
+export { IxSelectOption } from './selectoption/IxSelectOption.js';

package/dist/index.js

@@ -1,3 +1,3 @@
-export { IxSelect } from './IxSelect.js';
-export { IxSelectOption } from './selectoption/IxSelectOption.js';
+export { IxSelect } from './IxSelect.js';
+export { IxSelectOption } from './selectoption/IxSelectOption.js';
 //# sourceMappingURL=index.js.map

package/dist/ix-select.d.ts

@@ -1,4 +1,4 @@
-import { IxSelect } from './IxSelect.js';
-export declare class IxSelectStyled extends IxSelect {
-    static styles: import("lit").CSSResult;
-}
+import { IxSelect } from './IxSelect.js';
+export declare class IxSelectStyled extends IxSelect {
+    static styles: import("lit").CSSResult;
+}

package/dist/ix-select.js

@@ -1,7 +1,7 @@
-import { css } from 'lit';
-import { IxSelect } from './IxSelect.js';
-export class IxSelectStyled extends IxSelect {
-}
+import { css } from 'lit';
+import { IxSelect } from './IxSelect.js';
+export class IxSelectStyled extends IxSelect {
+}
 IxSelectStyled.styles = css `
     .select {
       display: block;
@@ -15,6 +15,6 @@ IxSelectStyled.styles = css `
       color: var(--ix-select-leading-icon-color);
       margin-inline-start: var(--ix-select-leading-icon-inset);
     }
-  `;
-window.customElements.define('ix-select', IxSelectStyled);
+  `;
+window.customElements.define('ix-select', IxSelectStyled);
 //# sourceMappingURL=ix-select.js.map

package/dist/ix-select.min.js

@@ -1,4 +1,4 @@
-import{LitElement,html,nothing,isServer,css}from"lit";import{__decorate}from"tslib";import"@digital-realty/ix-icon/ix-icon.js";import{requestUpdateOnAriaChange}from"@material/web/internal/aria/delegate.js";import{DEFAULT_TYPEAHEAD_BUFFER_TIME}from"@material/web/menu/internal/menu.js";import"@material/web/select/filled-select.js";import"@material/web/select/outlined-select.js";import{property,query,queryAssignedElements,queryAssignedNodes,state}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{literal,html as html$1}from"lit/static-html.js";import{styles}from"@material/web/menu/internal/menuitem/menu-item-styles.css.js";import"@material/web/ripple/ripple.js";import"@material/web/focus/md-focus-ring.js";import"@material/web/labs/item/item.js";import{classMap}from"lit/directives/class-map.js";import{MenuItemController}from"@material/web/menu/internal/controllers/menuItemController.js";function createRequestSelectionEvent(){return new Event("request-selection",{bubbles:!0,composed:!0})}function createRequestDeselectionEvent(){return new Event("request-deselection",{bubbles:!0,composed:!0})}class SelectOptionController{get role(){return this.menuItemController.role}get typeaheadText(){return this.menuItemController.typeaheadText}setTypeaheadText(e){this.menuItemController.setTypeaheadText(e)}get displayText(){if(null!==this.internalDisplayText)return this.internalDisplayText;var e=this.getHeadlineElements();let t=[];return e.forEach(e=>{e.textContent&&e.textContent.trim()&&t.push(e.textContent.trim())}),t.join(" ")}setDisplayText(e){this.internalDisplayText=e}constructor(e,t){this.host=e,this.internalDisplayText=null,this.lastSelected=this.host.selected,this.firstUpdate=!0,this.onClick=()=>{this.menuItemController.onClick()},this.onKeydown=e=>{this.menuItemController.onKeydown(e)},this.menuItemController=new MenuItemController(e,t),this.getHeadlineElements=t.getHeadlineElements,e.addController(this)}hostUpdate(){this.lastSelected!==this.host.selected&&(this.host.ariaSelected=this.host.selected?"true":"false")}hostUpdated(){this.lastSelected===this.host.selected||this.firstUpdate||(this.host.selected?this.host.dispatchEvent(createRequestSelectionEvent()):this.host.dispatchEvent(createRequestDeselectionEvent())),this.lastSelected=this.host.selected,this.firstUpdate=!1}}class IxSelectOption extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.isMenuItem=!0,this.selected=!1,this.value="",this.type="option",this.selectOptionController=new SelectOptionController(this,{getHeadlineElements:()=>this.headlineElements,getSupportingTextElements:()=>this.supportingTextElements,getDefaultElements:()=>this.defaultElements,getInteractiveElement:()=>this.listItemRoot})}get typeaheadText(){return this.selectOptionController.typeaheadText}set typeaheadText(e){this.selectOptionController.setTypeaheadText(e)}get displayText(){return this.selectOptionController.displayText}set displayText(e){this.selectOptionController.setDisplayText(e)}render(){return this.renderListItem(html`<md-item><div slot="container">${this.renderRipple()} ${this.renderFocusRing()}</div><slot name="start" slot="start"></slot><slot name="end" slot="end"></slot>${this.renderBody()}</md-item>`)}renderListItem(e){return html`<li id="item" tabindex="${this.disabled?-1:0}" role="${this.selectOptionController.role}" aria-label="${this.ariaLabel||nothing}" aria-selected="${this.ariaSelected||nothing}" aria-checked="${this.ariaChecked||nothing}" aria-expanded="${this.ariaExpanded||nothing}" aria-haspopup="${this.ariaHasPopup||nothing}" class="list-item ${classMap(this.getRenderClasses())}" @click="${this.selectOptionController.onClick}" @keydown="${this.selectOptionController.onKeydown}">${e}</li>`}renderRipple(){return html`<md-ripple part="ripple" for="item" ?disabled="${this.disabled}"></md-ripple>`}renderFocusRing(){return html`<md-focus-ring part="focus-ring" for="item" inward></md-focus-ring>`}getRenderClasses(){return{disabled:this.disabled,selected:this.selected}}renderBody(){return html`<slot></slot><slot name="overline" slot="overline"></slot><slot name="headline" slot="headline"></slot><slot name="supporting-text" slot="supporting-text"></slot><slot name="trailing-supporting-text" slot="trailing-supporting-text"></slot>`}focus(){var e;null!=(e=this.listItemRoot)&&e.focus()}}requestUpdateOnAriaChange(IxSelectOption),IxSelectOption.shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:!0},__decorate([property({type:Boolean,reflect:!0})],IxSelectOption.prototype,"disabled",void 0),__decorate([property({type:Boolean,attribute:"md-menu-item",reflect:!0})],IxSelectOption.prototype,"isMenuItem",void 0),__decorate([property({type:Boolean})],IxSelectOption.prototype,"selected",void 0),__decorate([property()],IxSelectOption.prototype,"value",void 0),__decorate([query(".list-item")],IxSelectOption.prototype,"listItemRoot",void 0),__decorate([queryAssignedElements({slot:"headline"})],IxSelectOption.prototype,"headlineElements",void 0),__decorate([queryAssignedElements({slot:"supporting-text"})],IxSelectOption.prototype,"supportingTextElements",void 0),__decorate([queryAssignedNodes({slot:""})],IxSelectOption.prototype,"defaultElements",void 0),__decorate([property({attribute:"typeahead-text"})],IxSelectOption.prototype,"typeaheadText",null),__decorate([property({attribute:"display-text"})],IxSelectOption.prototype,"displayText",null);class IxSelectOptionStyled extends IxSelectOption{}var _a;IxSelectOptionStyled.styles=[styles],window.customElements.define("ix-select-option",IxSelectOptionStyled);let VALUE=Symbol("value");class IxSelect extends LitElement{constructor(){super(...arguments),this.minWidth=0,this.wideMenu=!1,this.filled=!1,this.label="",this.quick=!1,this.required=!1,this.disabled=!1,this.errorText="",this.supportingText="",this.error=!1,this.displayText="",this.leadingIcon="",this.trailingIcon="",this.menuPositioning="absolute",this.typeaheadDelay=DEFAULT_TYPEAHEAD_BUFFER_TIME,this.selectedIndex=-1,this.nativeError=!1,this.nativeErrorText="",this.internals=this.attachInternals(),this.customValidationMessage="",this[_a]="",this.handleResize=()=>{this.minWidth=0}}get hasError(){return this.error||this.nativeError}get form(){return this.internals.form}get labels(){return this.internals.labels}get name(){var e;return null!=(e=this.getAttribute("name"))?e:""}set name(e){this.setAttribute("name",e)}get validity(){return this.syncValidity(),this.internals.validity}get value(){return this[VALUE]=this.component.value,this[VALUE]}set value(e){isServer||(this.component.value=e)}get validationMessage(){return this.syncValidity(),this.internals.validationMessage}handleSelection(){this.internals.setFormValue(this.component.value),this.syncValidity()}setMenuWidth(){this.wideMenu&&(this.minWidth=this.component.offsetWidth)}async getUpdateComplete(){return await super.getUpdateComplete(),await this.component.updateComplete,this.setMenuWidth(),this.internals.setFormValue(this.component.value),!0}async updated(e){e.has("required")&&this.syncValidity(),await this.getUpdateComplete()}getErrorText(){return this.error?this.errorText:this.nativeErrorText}async syncValidity(){var e=this.required&&!this.component.value,t=!!this.customValidationMessage,i=this.customValidationMessage||e&&this.getRequiredValidationMessage()||"";this.internals.setValidity({valueMissing:e,customError:t},i,this.component)}getRequiredValidationMessage(){var e=document.createElement("select");return e.required=!0,e.validationMessage}checkValidity(){return this.syncValidity(),this.internals.checkValidity()}reportValidity(){return this.component.reportValidity()}setCustomValidity(e){this.customValidationMessage=e,this.syncValidity()}focus(){var e;null!=(e=null==(e=this.component.shadowRoot)?void 0:e.querySelector(".field"))&&e.focus()}onBlur(e){var t=e.relatedTarget;"IX-SELECT-OPTION"===(null==t?void 0:t.tagName)&&e.stopPropagation()}reset(){this.component.reset(),this.internals.setFormValue(this.component.value)}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}connectedCallback(){super.connectedCallback(),!isServer&&this.wideMenu&&window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),!isServer&&this.wideMenu&&window.removeEventListener("resize",this.handleResize)}render(){var e=this.filled?literal`md-filled-select`:literal`md-outlined-select`,t=this.label||this.ariaLabel;return html$1`<${e}
+import{LitElement,html,nothing,isServer,css}from"lit";import{__decorate}from"tslib";import"@digital-realty/ix-icon/ix-icon.js";import{requestUpdateOnAriaChange}from"@material/web/internal/aria/delegate.js";import{DEFAULT_TYPEAHEAD_BUFFER_TIME}from"@material/web/menu/internal/menu.js";import"@material/web/select/filled-select.js";import"@material/web/select/outlined-select.js";import{property,query,queryAssignedElements,queryAssignedNodes,state}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{literal,html as html$1}from"lit/static-html.js";import{styles}from"@material/web/menu/internal/menuitem/menu-item-styles.css.js";import"@material/web/ripple/ripple.js";import"@material/web/focus/md-focus-ring.js";import"@material/web/labs/item/item.js";import{classMap}from"lit/directives/class-map.js";import{MenuItemController}from"@material/web/menu/internal/controllers/menuItemController.js";function createRequestSelectionEvent(){return new Event("request-selection",{bubbles:!0,composed:!0})}function createRequestDeselectionEvent(){return new Event("request-deselection",{bubbles:!0,composed:!0})}class SelectOptionController{get role(){return this.menuItemController.role}get typeaheadText(){return this.menuItemController.typeaheadText}setTypeaheadText(e){this.menuItemController.setTypeaheadText(e)}get displayText(){if(null!==this.internalDisplayText)return this.internalDisplayText;var e=this.getHeadlineElements();let t=[];return e.forEach(e=>{e.textContent&&e.textContent.trim()&&t.push(e.textContent.trim())}),t.join(" ")}setDisplayText(e){this.internalDisplayText=e}constructor(e,t){this.host=e,this.internalDisplayText=null,this.lastSelected=this.host.selected,this.firstUpdate=!0,this.onClick=()=>{this.menuItemController.onClick()},this.onKeydown=e=>{this.menuItemController.onKeydown(e)},this.menuItemController=new MenuItemController(e,t),this.getHeadlineElements=t.getHeadlineElements,e.addController(this)}hostUpdate(){this.lastSelected!==this.host.selected&&(this.host.ariaSelected=this.host.selected?"true":"false")}hostUpdated(){this.lastSelected===this.host.selected||this.firstUpdate||(this.host.selected?this.host.dispatchEvent(createRequestSelectionEvent()):this.host.dispatchEvent(createRequestDeselectionEvent())),this.lastSelected=this.host.selected,this.firstUpdate=!1}}class IxSelectOption extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.isMenuItem=!0,this.selected=!1,this.value="",this.type="option",this.selectOptionController=new SelectOptionController(this,{getHeadlineElements:()=>this.headlineElements,getSupportingTextElements:()=>this.supportingTextElements,getDefaultElements:()=>this.defaultElements,getInteractiveElement:()=>this.listItemRoot})}get typeaheadText(){return this.selectOptionController.typeaheadText}set typeaheadText(e){this.selectOptionController.setTypeaheadText(e)}get displayText(){return this.selectOptionController.displayText}set displayText(e){this.selectOptionController.setDisplayText(e)}render(){return this.renderListItem(html`<md-item><div slot="container">${this.renderRipple()} ${this.renderFocusRing()}</div><slot name="start" slot="start"></slot><slot name="end" slot="end"></slot>${this.renderBody()}</md-item>`)}renderListItem(e){return html`<li id="item" tabindex="${this.disabled?-1:0}" role="${this.selectOptionController.role}" aria-label="${this.ariaLabel||nothing}" aria-selected="${this.ariaSelected||nothing}" aria-checked="${this.ariaChecked||nothing}" aria-expanded="${this.ariaExpanded||nothing}" aria-haspopup="${this.ariaHasPopup||nothing}" class="list-item ${classMap(this.getRenderClasses())}" @click="${this.selectOptionController.onClick}" @keydown="${this.selectOptionController.onKeydown}">${e}</li>`}renderRipple(){return html`<md-ripple part="ripple" for="item" ?disabled="${this.disabled}"></md-ripple>`}renderFocusRing(){return html`<md-focus-ring part="focus-ring" for="item" inward></md-focus-ring>`}getRenderClasses(){return{disabled:this.disabled,selected:this.selected}}renderBody(){return html`<slot></slot><slot name="overline" slot="overline"></slot><slot name="headline" slot="headline"></slot><slot name="supporting-text" slot="supporting-text"></slot><slot name="trailing-supporting-text" slot="trailing-supporting-text"></slot>`}focus(){var e;null!=(e=this.listItemRoot)&&e.focus()}}requestUpdateOnAriaChange(IxSelectOption),IxSelectOption.shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:!0},__decorate([property({type:Boolean,reflect:!0})],IxSelectOption.prototype,"disabled",void 0),__decorate([property({type:Boolean,attribute:"md-menu-item",reflect:!0})],IxSelectOption.prototype,"isMenuItem",void 0),__decorate([property({type:Boolean})],IxSelectOption.prototype,"selected",void 0),__decorate([property()],IxSelectOption.prototype,"value",void 0),__decorate([query(".list-item")],IxSelectOption.prototype,"listItemRoot",void 0),__decorate([queryAssignedElements({slot:"headline"})],IxSelectOption.prototype,"headlineElements",void 0),__decorate([queryAssignedElements({slot:"supporting-text"})],IxSelectOption.prototype,"supportingTextElements",void 0),__decorate([queryAssignedNodes({slot:""})],IxSelectOption.prototype,"defaultElements",void 0),__decorate([property({attribute:"typeahead-text"})],IxSelectOption.prototype,"typeaheadText",null),__decorate([property({attribute:"display-text"})],IxSelectOption.prototype,"displayText",null);class IxSelectOptionStyled extends IxSelectOption{}var _a;IxSelectOptionStyled.styles=[styles],window.customElements.define("ix-select-option",IxSelectOptionStyled);let VALUE=Symbol("value");class IxSelect extends LitElement{constructor(){super(...arguments),this.minWidth=0,this.wideMenu=!1,this.filled=!1,this.label="",this.quick=!1,this.required=!1,this.disabled=!1,this.errorText="",this.supportingText="",this.error=!1,this.displayText="",this.leadingIcon="",this.trailingIcon="",this.menuPositioning="absolute",this.typeaheadDelay=DEFAULT_TYPEAHEAD_BUFFER_TIME,this.selectedIndex=-1,this.nativeError=!1,this.nativeErrorText="",this.internals=this.attachInternals(),this.customValidationMessage="",this[_a]="",this.handleResize=()=>{this.minWidth=0}}get hasError(){return this.error||this.nativeError}get form(){return this.internals.form}get labels(){return this.internals.labels}get name(){var e;return null!=(e=this.getAttribute("name"))?e:""}set name(e){this.setAttribute("name",e)}get validity(){return this.syncValidity(),this.internals.validity}get value(){return this[VALUE]=this.component.value,this[VALUE]}set value(e){isServer||(this.component.value=e)}get validationMessage(){return this.syncValidity(),this.internals.validationMessage}handleSelection(){this.internals.setFormValue(this.component.value),this.syncValidity()}setMenuSize(){var e=null==(e=this.shadowRoot)?void 0:e.querySelector(".select"),e=null==(e=null==(e=null==(e=null==e?void 0:e.shadowRoot)?void 0:e.querySelector("#listbox"))?void 0:e.shadowRoot)?void 0:e.querySelector(".menu");e.style&&(e.style.maxHeight="70vh"),this.wideMenu&&(this.minWidth=this.component.offsetWidth)}async getUpdateComplete(){return await super.getUpdateComplete(),await this.component.updateComplete,this.setMenuSize(),this.internals.setFormValue(this.component.value),!0}async updated(e){e.has("required")&&this.syncValidity(),await this.getUpdateComplete()}getErrorText(){return this.error?this.errorText:this.nativeErrorText}async syncValidity(){var e=this.required&&!this.component.value,t=!!this.customValidationMessage,i=this.customValidationMessage||e&&this.getRequiredValidationMessage()||"";this.internals.setValidity({valueMissing:e,customError:t},i,this.component)}getRequiredValidationMessage(){var e=document.createElement("select");return e.required=!0,e.validationMessage}checkValidity(){return this.syncValidity(),this.internals.checkValidity()}reportValidity(){return this.component.reportValidity()}setCustomValidity(e){this.customValidationMessage=e,this.syncValidity()}focus(){var e;null!=(e=null==(e=this.component.shadowRoot)?void 0:e.querySelector(".field"))&&e.focus()}onBlur(e){var t=e.relatedTarget;"IX-SELECT-OPTION"===(null==t?void 0:t.tagName)&&e.stopPropagation()}reset(){this.component.reset(),this.internals.setFormValue(this.component.value)}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}connectedCallback(){super.connectedCallback(),!isServer&&this.wideMenu&&window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),!isServer&&this.wideMenu&&window.removeEventListener("resize",this.handleResize)}render(){var e=this.filled?literal`md-filled-select`:literal`md-outlined-select`,t=this.label||this.ariaLabel;return html$1`<${e}
         ?disabled=${this.disabled}
         ?quick=${this.quick}
         ?error=${this.hasError}
@@ -15,7 +15,7 @@ import{LitElement,html,nothing,isServer,css}from"lit";import{__decorate}from"tsl
         label=${this.label}
         name=${this.name}
         @request-selection=${this.handleSelection}
-        @opening=${this.setMenuWidth}
+        @opening=${this.setMenuSize}
         class="select"
         style="min-width:${this.minWidth}px"
         @focus=${this.focus}

package/dist/react/IxSelect.d.ts

@@ -1,4 +1,4 @@
-import { IxSelect as IxSelectLit } from '../IxSelect.js';
-export declare const IxSelect: import("@lit/react").ReactWebComponent<IxSelectLit, {
-    onclick: string;
-}>;
+import { IxSelect as IxSelectLit } from '../IxSelect.js';
+export declare const IxSelect: import("@lit/react").ReactWebComponent<IxSelectLit, {
+    onclick: string;
+}>;

package/dist/react/IxSelect.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { IxSelect as IxSelectLit } from '../IxSelect.js';
-customElements.define('ix-select', IxSelectLit);
-export const IxSelect = createComponent({
-    tagName: 'ix-select-react',
-    elementClass: IxSelectLit,
-    react: React,
-    events: {
-        onclick: 'onClick',
-    },
-});
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IxSelect as IxSelectLit } from '../IxSelect.js';
+customElements.define('ix-select', IxSelectLit);
+export const IxSelect = createComponent({
+    tagName: 'ix-select-react',
+    elementClass: IxSelectLit,
+    react: React,
+    events: {
+        onclick: 'onClick',
+    },
+});
 //# sourceMappingURL=IxSelect.js.map

package/dist/react/IxSelectOption.d.ts

@@ -1,4 +1,4 @@
-import { IxSelectOption as IxSelectOptionLit } from '../selectoption/IxSelectOption.js';
-export declare const IxSelectOption: import("@lit/react").ReactWebComponent<IxSelectOptionLit, {
-    onclick: string;
-}>;
+import { IxSelectOption as IxSelectOptionLit } from '../selectoption/IxSelectOption.js';
+export declare const IxSelectOption: import("@lit/react").ReactWebComponent<IxSelectOptionLit, {
+    onclick: string;
+}>;

package/dist/react/IxSelectOption.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { IxSelectOption as IxSelectOptionLit } from '../selectoption/IxSelectOption.js';
-customElements.define('ix-select', IxSelectOptionLit);
-export const IxSelectOption = createComponent({
-    tagName: 'ix-select-react',
-    elementClass: IxSelectOptionLit,
-    react: React,
-    events: {
-        onclick: 'onClick',
-    },
-});
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IxSelectOption as IxSelectOptionLit } from '../selectoption/IxSelectOption.js';
+customElements.define('ix-select', IxSelectOptionLit);
+export const IxSelectOption = createComponent({
+    tagName: 'ix-select-react',
+    elementClass: IxSelectOptionLit,
+    react: React,
+    events: {
+        onclick: 'onClick',
+    },
+});
 //# sourceMappingURL=IxSelectOption.js.map

package/dist/selectoption/IxSelectOption.d.ts

@@ -1,86 +1,86 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '@material/web/ripple/ripple.js';
-import '@material/web/focus/md-focus-ring.js';
-import '@material/web/labs/item/item.js';
-import { LitElement } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { SelectOption } from './selectOptionController.js';
-/**
- * @fires close-menu Closes the encapsulating menu on
- * @fires request-selection Requests the parent md-select to select this element
- * (and deselect others if single-selection) when `selected` changed to `true`.
- * @fires request-deselection Requests the parent md-select to deselect this
- * element when `selected` changed to `false`.
- */
-export declare class IxSelectOption extends LitElement implements SelectOption {
-    /** @nocollapse */
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-        customElements?: CustomElementRegistry | undefined;
-        registry?: CustomElementRegistry | undefined;
-    };
-    /**
-     * Disables the item and makes it non-selectable and non-interactive.
-     */
-    disabled: boolean;
-    /**
-     * READONLY: self-identifies as a menu item and sets its identifying attribute
-     */
-    isMenuItem: boolean;
-    /**
-     * Sets the item in the selected visual state when a submenu is opened.
-     */
-    selected: boolean;
-    /**
-     * Form value of the option.
-     */
-    value: string;
-    protected readonly listItemRoot: HTMLElement | null;
-    protected readonly headlineElements: HTMLElement[];
-    protected readonly supportingTextElements: HTMLElement[];
-    protected readonly defaultElements: Element[];
-    type: "option";
-    /**
-     * The text that is selectable via typeahead. If not set, defaults to the
-     * innerText of the item slotted into the `"headline"` slot.
-     */
-    get typeaheadText(): string;
-    set typeaheadText(text: string);
-    /**
-     * The text that is displayed in the select field when selected. If not set,
-     * defaults to the textContent of the item slotted into the `"headline"` slot.
-     */
-    get displayText(): string;
-    set displayText(text: string);
-    private readonly selectOptionController;
-    protected render(): import("lit").TemplateResult<1>;
-    /**
-     * Renders the root list item.
-     *
-     * @param content the child content of the list item.
-     */
-    protected renderListItem(content: unknown): import("lit").TemplateResult<1>;
-    /**
-     * Handles rendering of the ripple element.
-     */
-    protected renderRipple(): import("lit").TemplateResult<1>;
-    /**
-     * Handles rendering of the focus ring.
-     */
-    protected renderFocusRing(): import("lit").TemplateResult<1>;
-    /**
-     * Classes applied to the list item root.
-     */
-    protected getRenderClasses(): ClassInfo;
-    /**
-     * Handles rendering the headline and supporting text.
-     */
-    protected renderBody(): import("lit").TemplateResult<1>;
-    focus(): void;
-}
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '@material/web/ripple/ripple.js';
+import '@material/web/focus/md-focus-ring.js';
+import '@material/web/labs/item/item.js';
+import { LitElement } from 'lit';
+import { ClassInfo } from 'lit/directives/class-map.js';
+import { SelectOption } from './selectOptionController.js';
+/**
+ * @fires close-menu Closes the encapsulating menu on
+ * @fires request-selection Requests the parent md-select to select this element
+ * (and deselect others if single-selection) when `selected` changed to `true`.
+ * @fires request-deselection Requests the parent md-select to deselect this
+ * element when `selected` changed to `false`.
+ */
+export declare class IxSelectOption extends LitElement implements SelectOption {
+    /** @nocollapse */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+        registry?: CustomElementRegistry | undefined;
+    };
+    /**
+     * Disables the item and makes it non-selectable and non-interactive.
+     */
+    disabled: boolean;
+    /**
+     * READONLY: self-identifies as a menu item and sets its identifying attribute
+     */
+    isMenuItem: boolean;
+    /**
+     * Sets the item in the selected visual state when a submenu is opened.
+     */
+    selected: boolean;
+    /**
+     * Form value of the option.
+     */
+    value: string;
+    protected readonly listItemRoot: HTMLElement | null;
+    protected readonly headlineElements: HTMLElement[];
+    protected readonly supportingTextElements: HTMLElement[];
+    protected readonly defaultElements: Element[];
+    type: "option";
+    /**
+     * The text that is selectable via typeahead. If not set, defaults to the
+     * innerText of the item slotted into the `"headline"` slot.
+     */
+    get typeaheadText(): string;
+    set typeaheadText(text: string);
+    /**
+     * The text that is displayed in the select field when selected. If not set,
+     * defaults to the textContent of the item slotted into the `"headline"` slot.
+     */
+    get displayText(): string;
+    set displayText(text: string);
+    private readonly selectOptionController;
+    protected render(): import("lit").TemplateResult<1>;
+    /**
+     * Renders the root list item.
+     *
+     * @param content the child content of the list item.
+     */
+    protected renderListItem(content: unknown): import("lit").TemplateResult<1>;
+    /**
+     * Handles rendering of the ripple element.
+     */
+    protected renderRipple(): import("lit").TemplateResult<1>;
+    /**
+     * Handles rendering of the focus ring.
+     */
+    protected renderFocusRing(): import("lit").TemplateResult<1>;
+    /**
+     * Classes applied to the list item root.
+     */
+    protected getRenderClasses(): ClassInfo;
+    /**
+     * Handles rendering the headline and supporting text.
+     */
+    protected renderBody(): import("lit").TemplateResult<1>;
+    focus(): void;
+}