@material/web 1.0.0-pre.8 → 1.0.0

package/select/lib/selectoption/select-option.d.ts

@@ -1,30 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { PropertyValues } from 'lit';
-import { MenuItemEl } from '../../../menu/lib/menuitem/menu-item.js';
-import { ARIARole } from '../../../types/aria.js';
-import { SelectOption } from '../shared.js';
-/**
- * @fires close-menu {CloseMenuEvent} Closes the encapsulating menu on
- * @fires request-selection {RequestSelectionEvent} Requests the parent
- * md-select to select this element (and deselect others if single-selection)
- * when `selected` changed to `true`.
- * @fires request-deselection {RequestDeselectionEvent} Requests the parent
- * md-select to deselect this element when `selected` changed to `false`.
- */
-export declare class SelectOptionEl extends MenuItemEl implements SelectOption {
-    /**
-     * Form value of the option.
-     */
-    value: string;
-    /**
-     * Whether or not this option is selected.
-     */
-    selected: boolean;
-    protected readonly listItemRole: ARIARole;
-    willUpdate(changed: PropertyValues<this>): void;
-    updated(changed: PropertyValues<this>): void;
-}

package/select/lib/selectoption/select-option.js

@@ -1,71 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { property } from 'lit/decorators.js';
-import { MenuItemEl } from '../../../menu/lib/menuitem/menu-item.js';
-import { RequestDeselectionEvent, RequestSelectionEvent } from '../shared.js';
-/**
- * @fires close-menu {CloseMenuEvent} Closes the encapsulating menu on
- * @fires request-selection {RequestSelectionEvent} Requests the parent
- * md-select to select this element (and deselect others if single-selection)
- * when `selected` changed to `true`.
- * @fires request-deselection {RequestDeselectionEvent} Requests the parent
- * md-select to deselect this element when `selected` changed to `false`.
- */
-export class SelectOptionEl extends MenuItemEl {
-    constructor() {
-        super(...arguments);
-        /**
-         * Form value of the option.
-         */
-        this.value = '';
-        /**
-         * Whether or not this option is selected.
-         */
-        this.selected = false;
-        this.listItemRole = 'option';
-    }
-    willUpdate(changed) {
-        if (changed.has('selected')) {
-            // Synchronize selected -> active but not the other way around because
-            // active is used for keyboard navigation and doesn't mean the option
-            // should be selected if active.
-            this.active = this.selected;
-            this.ariaSelected = this.selected ? 'true' : 'false';
-            // By default active = true focuses the element. We want to prevent that
-            // in this case because we set active = this.selected and that may mess
-            // around with menu's restore focus function once the menu closes.
-            this.focusOnActivation = false;
-        }
-        super.willUpdate(changed);
-    }
-    updated(changed) {
-        super.updated(changed);
-        // Restore the active = true focusing behavior which happens in
-        // super.updated() if it was turned off.
-        this.focusOnActivation = true;
-        // Do not dispatch event on first update / boot-up.
-        if (changed.has('selected') && changed.get('selected') !== undefined) {
-            // This section is really useful for when the user sets selected on the
-            // option programmatically. Most other cases (click and keyboard) are
-            // handled by md-select because it needs to coordinate the
-            // single-selection behavior.
-            if (this.selected) {
-                this.dispatchEvent(new RequestSelectionEvent());
-            }
-            else {
-                this.dispatchEvent(new RequestDeselectionEvent());
-            }
-        }
-    }
-}
-__decorate([
-    property()
-], SelectOptionEl.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SelectOptionEl.prototype, "selected", void 0);
-//# sourceMappingURL=select-option.js.map

package/select/lib/selectoption/select-option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-option.js","sourceRoot":"","sources":["select-option.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAGH,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAe,MAAM,cAAc,CAAC;AAE1F;;;;;;;GAOG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACE;;WAEG;QACS,UAAK,GAAG,EAAE,CAAC;QAEvB;;WAEG;QACuC,aAAQ,GAAG,KAAK,CAAC;QAE/B,iBAAY,GAAa,QAAQ,CAAC;IAqChE,CAAC;IAnCU,UAAU,CAAC,OAA6B;QAC/C,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YAC3B,sEAAsE;YACtE,qEAAqE;YACrE,gCAAgC;YAChC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;YACrD,wEAAwE;YACxE,uEAAuE;YACvE,kEAAkE;YAClE,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;QAED,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAEQ,OAAO,CAAC,OAA6B;QAC5C,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,+DAA+D;QAC/D,wCAAwC;QACxC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAE9B,mDAAmD;QACnD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE;YACpE,uEAAuE;YACvE,qEAAqE;YACrE,0DAA0D;YAC1D,6BAA6B;YAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAqB,EAAE,CAAC,CAAC;aACjD;iBAAM;gBACL,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,EAAE,CAAC,CAAC;aACnD;SACF;IACH,CAAC;CACF;AA5Ca;IAAX,QAAQ,EAAE;6CAAY;AAKmB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {MenuItemEl} from '../../../menu/lib/menuitem/menu-item.js';\nimport {ARIARole} from '../../../types/aria.js';\nimport {RequestDeselectionEvent, RequestSelectionEvent, SelectOption} from '../shared.js';\n\n/**\n * @fires close-menu {CloseMenuEvent} Closes the encapsulating menu on\n * @fires request-selection {RequestSelectionEvent} Requests the parent\n * md-select to select this element (and deselect others if single-selection)\n * when `selected` changed to `true`.\n * @fires request-deselection {RequestDeselectionEvent} Requests the parent\n * md-select to deselect this element when `selected` changed to `false`.\n */\nexport class SelectOptionEl extends MenuItemEl implements SelectOption {\n  /**\n   * Form value of the option.\n   */\n  @property() value = '';\n\n  /**\n   * Whether or not this option is selected.\n   */\n  @property({type: Boolean, reflect: true}) selected = false;\n\n  protected override readonly listItemRole: ARIARole = 'option';\n\n  override willUpdate(changed: PropertyValues<this>) {\n    if (changed.has('selected')) {\n      // Synchronize selected -> active but not the other way around because\n      // active is used for keyboard navigation and doesn't mean the option\n      // should be selected if active.\n      this.active = this.selected;\n      this.ariaSelected = this.selected ? 'true' : 'false';\n      // By default active = true focuses the element. We want to prevent that\n      // in this case because we set active = this.selected and that may mess\n      // around with menu's restore focus function once the menu closes.\n      this.focusOnActivation = false;\n    }\n\n    super.willUpdate(changed);\n  }\n\n  override updated(changed: PropertyValues<this>) {\n    super.updated(changed);\n    // Restore the active = true focusing behavior which happens in\n    // super.updated() if it was turned off.\n    this.focusOnActivation = true;\n\n    // Do not dispatch event on first update / boot-up.\n    if (changed.has('selected') && changed.get('selected') !== undefined) {\n      // This section is really useful for when the user sets selected on the\n      // option programmatically. Most other cases (click and keyboard) are\n      // handled by md-select because it needs to coordinate the\n      // single-selection behavior.\n      if (this.selected) {\n        this.dispatchEvent(new RequestSelectionEvent());\n      } else {\n        this.dispatchEvent(new RequestDeselectionEvent());\n      }\n    }\n  }\n}\n"]}

package/select/lib/shared-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{color:unset;min-width:210px}.field{cursor:default;outline:none}.select{position:relative}.field,.select{min-width:inherit}:host{display:inline-flex}.label{width:100%}:host([disabled]){pointer-events:none}/*# sourceMappingURL=shared-styles.css.map */
-`;
-//# sourceMappingURL=shared-styles.css.js.map

package/select/lib/shared-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{color:unset;min-width:210px}.field{cursor:default;outline:none}.select{position:relative}.field,.select{min-width:inherit}:host{display:inline-flex}.label{width:100%}:host([disabled]){pointer-events:none}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}

package/select/lib/shared.d.ts

@@ -1,52 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MenuItem } from '../../menu/lib/shared.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 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;
-/**
- * A type that describes a SelectOption and its index.
- */
-export type SelectOptionRecord = [SelectOption, number];
-/**
- * Given a list of select options, this function will return an array of
- * SelectOptionRecords that are selected.
- *
- * @return An array of SelectOptionRecords describing the options that are
- * selected.
- */
-export declare function getSelectedItems(items: SelectOption[]): SelectOptionRecord[];
-/**
- * An event fired by a SelectOption to request selection from md-select.
- * Typically fired after `selected` changes from `false` to `true`.
- */
-export declare class RequestSelectionEvent extends Event {
-    constructor();
-}
-/**
- * An event fired by a SelectOption to request deselection from md-select.
- * Typically fired after `selected` changes from `true` to `false`.
- */
-export declare class RequestDeselectionEvent extends Event {
-    constructor();
-}
-export {};

package/select/lib/shared.js

@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Given a list of select options, this function will return an array of
- * SelectOptionRecords that are selected.
- *
- * @return An array of SelectOptionRecords describing the options that are
- * selected.
- */
-export function getSelectedItems(items) {
-    const selectedItemRecords = [];
-    for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-        if (item.selected) {
-            selectedItemRecords.push([item, i]);
-        }
-    }
-    return selectedItemRecords;
-}
-/**
- * An event fired by a SelectOption to request selection from md-select.
- * Typically fired after `selected` changes from `false` to `true`.
- */
-export class RequestSelectionEvent extends Event {
-    constructor() {
-        super('request-selection', { bubbles: true, composed: true });
-    }
-}
-/**
- * An event fired by a SelectOption to request deselection from md-select.
- * Typically fired after `selected` changes from `true` to `false`.
- */
-export class RequestDeselectionEvent extends Event {
-    constructor() {
-        super('request-deselection', { bubbles: true, composed: true });
-    }
-}
-//# sourceMappingURL=shared.js.map

package/select/lib/shared.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["shared.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA8BH;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAqB;IACpD,MAAM,mBAAmB,GAAyB,EAAE,CAAC;IAErD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;SACrC;KACF;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK;IAC9C;QACE,KAAK,CAAC,mBAAmB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IAC9D,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAChD;QACE,KAAK,CAAC,qBAAqB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IAChE,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MenuItem} from '../../menu/lib/shared.js';\n\n/**\n * The interface specific to a Select Option\n */\ninterface SelectOptionSelf {\n  /**\n   * The form value associated with the Select Option. (Note: the visual portion\n   * of the SelectOption is the headline defined in ListItem)\n   */\n  value: string;\n  /**\n   * Whether or not the SelectOption is selected.\n   */\n  selected: boolean;\n}\n\n/**\n * The interface to implement for a select option. Additionally, the element\n * must have `md-list-item` and `md-menu-item` attributes on the host.\n */\nexport type SelectOption = SelectOptionSelf&MenuItem;\n\n/**\n * A type that describes a SelectOption and its index.\n */\nexport type SelectOptionRecord = [SelectOption, number];\n\n/**\n * Given a list of select options, this function will return an array of\n * SelectOptionRecords that are selected.\n * \n * @return An array of SelectOptionRecords describing the options that are\n * selected.\n */\nexport function getSelectedItems(items: SelectOption[]) {\n  const selectedItemRecords: SelectOptionRecord[] = [];\n\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    if (item.selected) {\n      selectedItemRecords.push([item, i]);\n    }\n  }\n\n  return selectedItemRecords;\n}\n\n/**\n * An event fired by a SelectOption to request selection from md-select.\n * Typically fired after `selected` changes from `false` to `true`.\n */\nexport class RequestSelectionEvent extends Event {\n  constructor() {\n    super('request-selection', {bubbles: true, composed: true});\n  }\n}\n\n/**\n * An event fired by a SelectOption to request deselection from md-select.\n * Typically fired after `selected` changes from `true` to `false`.\n */\nexport class RequestDeselectionEvent extends Event {\n  constructor() {\n    super('request-deselection', {bubbles: true, composed: true});\n  }\n}\n"]}