@digital-realty/ix-select 1.1.3 → 1.1.4

package/dist/selectoption/IxSelectOption.js

@@ -1,72 +1,72 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import '@material/web/ripple/ripple.js';
-import '@material/web/focus/md-focus-ring.js';
-import '@material/web/labs/item/item.js';
-import { html, LitElement, nothing } from 'lit';
-import { property, query, queryAssignedElements, queryAssignedNodes, } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';
-import { SelectOptionController, } 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 class IxSelectOption extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Disables the item and makes it non-selectable and non-interactive.
-         */
-        this.disabled = false;
-        /**
-         * READONLY: self-identifies as a menu item and sets its identifying attribute
-         */
-        this.isMenuItem = true;
-        /**
-         * Sets the item in the selected visual state when a submenu is opened.
-         */
-        this.selected = false;
-        /**
-         * Form value of the option.
-         */
-        this.value = '';
-        this.type = 'option';
-        this.selectOptionController = new SelectOptionController(this, {
-            getHeadlineElements: () => this.headlineElements,
-            getSupportingTextElements: () => this.supportingTextElements,
-            getDefaultElements: () => this.defaultElements,
-            getInteractiveElement: () => this.listItemRoot,
-        });
-    }
-    /**
-     * The text that is selectable via typeahead. If not set, defaults to the
-     * innerText of the item slotted into the `"headline"` slot.
-     */
-    get typeaheadText() {
-        return this.selectOptionController.typeaheadText;
-    }
-    set typeaheadText(text) {
-        this.selectOptionController.setTypeaheadText(text);
-    }
-    /**
-     * 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() {
-        return this.selectOptionController.displayText;
-    }
-    set displayText(text) {
-        this.selectOptionController.setDisplayText(text);
-    }
-    render() {
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '@material/web/ripple/ripple.js';
+import '@material/web/focus/md-focus-ring.js';
+import '@material/web/labs/item/item.js';
+import { html, LitElement, nothing } from 'lit';
+import { property, query, queryAssignedElements, queryAssignedNodes, } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';
+import { SelectOptionController, } 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 class IxSelectOption extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Disables the item and makes it non-selectable and non-interactive.
+         */
+        this.disabled = false;
+        /**
+         * READONLY: self-identifies as a menu item and sets its identifying attribute
+         */
+        this.isMenuItem = true;
+        /**
+         * Sets the item in the selected visual state when a submenu is opened.
+         */
+        this.selected = false;
+        /**
+         * Form value of the option.
+         */
+        this.value = '';
+        this.type = 'option';
+        this.selectOptionController = new SelectOptionController(this, {
+            getHeadlineElements: () => this.headlineElements,
+            getSupportingTextElements: () => this.supportingTextElements,
+            getDefaultElements: () => this.defaultElements,
+            getInteractiveElement: () => this.listItemRoot,
+        });
+    }
+    /**
+     * The text that is selectable via typeahead. If not set, defaults to the
+     * innerText of the item slotted into the `"headline"` slot.
+     */
+    get typeaheadText() {
+        return this.selectOptionController.typeaheadText;
+    }
+    set typeaheadText(text) {
+        this.selectOptionController.setTypeaheadText(text);
+    }
+    /**
+     * 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() {
+        return this.selectOptionController.displayText;
+    }
+    set displayText(text) {
+        this.selectOptionController.setDisplayText(text);
+    }
+    render() {
         return this.renderListItem(html `
       <md-item>
         <div slot="container">
@@ -76,14 +76,14 @@ export class IxSelectOption extends LitElement {
         <slot name="end" slot="end"></slot>
         ${this.renderBody()}
       </md-item>
-    `);
-    }
-    /**
-     * Renders the root list item.
-     *
-     * @param content the child content of the list item.
-     */
-    renderListItem(content) {
+    `);
+    }
+    /**
+     * Renders the root list item.
+     *
+     * @param content the child content of the list item.
+     */
+    renderListItem(content) {
         return html `
       <li
         id="item"
@@ -100,43 +100,43 @@ export class IxSelectOption extends LitElement {
       >
         ${content}
       </li>
-    `;
-    }
-    /**
-     * Handles rendering of the ripple element.
-     */
-    renderRipple() {
+    `;
+    }
+    /**
+     * Handles rendering of the ripple element.
+     */
+    renderRipple() {
         return html ` <md-ripple
       part="ripple"
       for="item"
       ?disabled=${this.disabled}
-    ></md-ripple>`;
-    }
-    /**
-     * Handles rendering of the focus ring.
-     */
-    // eslint-disable-next-line class-methods-use-this
-    renderFocusRing() {
+    ></md-ripple>`;
+    }
+    /**
+     * Handles rendering of the focus ring.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    renderFocusRing() {
         return html ` <md-focus-ring
       part="focus-ring"
       for="item"
       inward
-    ></md-focus-ring>`;
-    }
-    /**
-     * Classes applied to the list item root.
-     */
-    getRenderClasses() {
-        return {
-            disabled: this.disabled,
-            selected: this.selected,
-        };
-    }
-    /**
-     * Handles rendering the headline and supporting text.
-     */
-    // eslint-disable-next-line class-methods-use-this
-    renderBody() {
+    ></md-focus-ring>`;
+    }
+    /**
+     * Classes applied to the list item root.
+     */
+    getRenderClasses() {
+        return {
+            disabled: this.disabled,
+            selected: this.selected,
+        };
+    }
+    /**
+     * Handles rendering the headline and supporting text.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    renderBody() {
         return html `
       <slot></slot>
       <slot name="overline" slot="overline"></slot>
@@ -146,51 +146,51 @@ export class IxSelectOption extends LitElement {
         name="trailing-supporting-text"
         slot="trailing-supporting-text"
       ></slot>
-    `;
-    }
-    focus() {
-        var _a;
-        // TODO(b/300334509): needed for some cases where delegatesFocus doesn't
-        // work programmatically like in FF and select-option
-        (_a = this.listItemRoot) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-}
-(() => {
-    requestUpdateOnAriaChange(IxSelectOption);
-})();
-/** @nocollapse */
-IxSelectOption.shadowRootOptions = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true,
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IxSelectOption.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'md-menu-item', reflect: true })
-], 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);
+    `;
+    }
+    focus() {
+        var _a;
+        // TODO(b/300334509): needed for some cases where delegatesFocus doesn't
+        // work programmatically like in FF and select-option
+        (_a = this.listItemRoot) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+}
+(() => {
+    requestUpdateOnAriaChange(IxSelectOption);
+})();
+/** @nocollapse */
+IxSelectOption.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IxSelectOption.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'md-menu-item', reflect: true })
+], 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);
 //# sourceMappingURL=IxSelectOption.js.map

package/dist/selectoption/ix-select-option.d.ts

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

package/dist/selectoption/ix-select-option.js

@@ -1,7 +1,7 @@
-import { styles } from '@material/web/menu/internal/menuitem/menu-item-styles.css.js';
-import { IxSelectOption } from './IxSelectOption.js';
-export class IxSelectOptionStyled extends IxSelectOption {
-}
-IxSelectOptionStyled.styles = [styles];
-window.customElements.define('ix-select-option', IxSelectOptionStyled);
+import { styles } from '@material/web/menu/internal/menuitem/menu-item-styles.css.js';
+import { IxSelectOption } from './IxSelectOption.js';
+export class IxSelectOptionStyled extends IxSelectOption {
+}
+IxSelectOptionStyled.styles = [styles];
+window.customElements.define('ix-select-option', IxSelectOptionStyled);
 //# sourceMappingURL=ix-select-option.js.map

package/dist/selectoption/selectOptionController.d.ts

@@ -1,93 +1,93 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { MenuItem, MenuItemControllerConfig } from '@material/web/menu/internal/controllers/menuItemController.js';
-/**
- * The interface specific to a Select Option
- */
-interface SelectOptionSelf {
-    /**
-     * The form value associated with the Select Option. (Note: the visual portion
-     * of the SelectOption is the headline defined in ListItem)
-     */
-    value: string;
-    /**
-     * Whether or not the SelectOption is selected.
-     */
-    selected: boolean;
-    /**
-     * The text to display in the select when selected. Defaults to the
-     * textContent of the Element slotted into the headline.
-     */
-    displayText: string;
-}
-/**
- * The interface to implement for a select option. Additionally, the element
- * must have `md-list-item` and `md-menu-item` attributes on the host.
- */
-export type SelectOption = SelectOptionSelf & MenuItem;
-/**
- * Creates an event fired by a SelectOption to request selection from md-select.
- * Typically fired after `selected` changes from `false` to `true`.
- */
-export declare function createRequestSelectionEvent(): Event;
-/**
- * Creates an event fired by a SelectOption to request deselection from
- * md-select. Typically fired after `selected` changes from `true` to `false`.
- */
-export declare function createRequestDeselectionEvent(): Event;
-/**
- * The options used to inialize SelectOptionController.
- */
-export interface SelectOptionConfig extends MenuItemControllerConfig {
-    getInteractiveElement(): HTMLElement | null;
-}
-/**
- * A controller that provides most functionality and md-select compatibility for
- * an element that implements the SelectOption interface.
- */
-export declare class SelectOptionController implements ReactiveController {
-    private readonly host;
-    private readonly menuItemController;
-    private readonly getHeadlineElements;
-    private internalDisplayText;
-    private lastSelected;
-    private firstUpdate;
-    /**
-     * The recommended role of the select option.
-     */
-    get role(): "menuitem" | "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;
-    setTypeaheadText(text: string): void;
-    /**
-     * 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;
-    setDisplayText(text: string): void;
-    /**
-     * @param host The SelectOption in which to attach this controller to.
-     * @param config The object that configures this controller's behavior.
-     */
-    constructor(host: ReactiveControllerHost & SelectOption, config: SelectOptionConfig);
-    hostUpdate(): void;
-    hostUpdated(): void;
-    /**
-     * Bind this click listener to the interactive element. Handles closing the
-     * menu.
-     */
-    onClick: () => void;
-    /**
-     * Bind this click listener to the interactive element. Handles closing the
-     * menu.
-     */
-    onKeydown: (e: KeyboardEvent) => void;
-}
-export {};
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { MenuItem, MenuItemControllerConfig } from '@material/web/menu/internal/controllers/menuItemController.js';
+/**
+ * The interface specific to a Select Option
+ */
+interface SelectOptionSelf {
+    /**
+     * The form value associated with the Select Option. (Note: the visual portion
+     * of the SelectOption is the headline defined in ListItem)
+     */
+    value: string;
+    /**
+     * Whether or not the SelectOption is selected.
+     */
+    selected: boolean;
+    /**
+     * The text to display in the select when selected. Defaults to the
+     * textContent of the Element slotted into the headline.
+     */
+    displayText: string;
+}
+/**
+ * The interface to implement for a select option. Additionally, the element
+ * must have `md-list-item` and `md-menu-item` attributes on the host.
+ */
+export type SelectOption = SelectOptionSelf & MenuItem;
+/**
+ * Creates an event fired by a SelectOption to request selection from md-select.
+ * Typically fired after `selected` changes from `false` to `true`.
+ */
+export declare function createRequestSelectionEvent(): Event;
+/**
+ * Creates an event fired by a SelectOption to request deselection from
+ * md-select. Typically fired after `selected` changes from `true` to `false`.
+ */
+export declare function createRequestDeselectionEvent(): Event;
+/**
+ * The options used to inialize SelectOptionController.
+ */
+export interface SelectOptionConfig extends MenuItemControllerConfig {
+    getInteractiveElement(): HTMLElement | null;
+}
+/**
+ * A controller that provides most functionality and md-select compatibility for
+ * an element that implements the SelectOption interface.
+ */
+export declare class SelectOptionController implements ReactiveController {
+    private readonly host;
+    private readonly menuItemController;
+    private readonly getHeadlineElements;
+    private internalDisplayText;
+    private lastSelected;
+    private firstUpdate;
+    /**
+     * The recommended role of the select option.
+     */
+    get role(): "menuitem" | "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;
+    setTypeaheadText(text: string): void;
+    /**
+     * 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;
+    setDisplayText(text: string): void;
+    /**
+     * @param host The SelectOption in which to attach this controller to.
+     * @param config The object that configures this controller's behavior.
+     */
+    constructor(host: ReactiveControllerHost & SelectOption, config: SelectOptionConfig);
+    hostUpdate(): void;
+    hostUpdated(): void;
+    /**
+     * Bind this click listener to the interactive element. Handles closing the
+     * menu.
+     */
+    onClick: () => void;
+    /**
+     * Bind this click listener to the interactive element. Handles closing the
+     * menu.
+     */
+    onKeydown: (e: KeyboardEvent) => void;
+}
+export {};