@m3e/web 2.5.11 → 2.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.js +20532 -16074
- package/dist/all.js.map +1 -1
- package/dist/all.min.js +174 -62
- package/dist/all.min.js.map +1 -1
- package/dist/autocomplete.js +23 -5
- package/dist/autocomplete.js.map +1 -1
- package/dist/autocomplete.min.js +1 -1
- package/dist/autocomplete.min.js.map +1 -1
- package/dist/breadcrumb.js +1 -1
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.min.js +1 -1
- package/dist/breadcrumb.min.js.map +1 -1
- package/dist/calendar.js +45 -9
- package/dist/calendar.js.map +1 -1
- package/dist/calendar.min.js +5 -5
- package/dist/calendar.min.js.map +1 -1
- package/dist/core-anchoring.js +19 -16
- package/dist/core-anchoring.js.map +1 -1
- package/dist/core-anchoring.min.js +1 -1
- package/dist/core-anchoring.min.js.map +1 -1
- package/dist/core.js +122 -105
- package/dist/core.js.map +1 -1
- package/dist/core.min.js +1 -1
- package/dist/core.min.js.map +1 -1
- package/dist/css-custom-data.json +50 -50
- package/dist/custom-elements.json +1626 -968
- package/dist/datepicker.js +53 -27
- package/dist/datepicker.js.map +1 -1
- package/dist/datepicker.min.js +1 -1
- package/dist/datepicker.min.js.map +1 -1
- package/dist/fab-menu.js +115 -113
- package/dist/fab-menu.js.map +1 -1
- package/dist/fab-menu.min.js +1 -1
- package/dist/fab-menu.min.js.map +1 -1
- package/dist/fab.js +1 -1
- package/dist/fab.js.map +1 -1
- package/dist/fab.min.js +1 -1
- package/dist/fab.min.js.map +1 -1
- package/dist/form-field.js +10 -7
- package/dist/form-field.js.map +1 -1
- package/dist/form-field.min.js +2 -2
- package/dist/form-field.min.js.map +1 -1
- package/dist/html-custom-data.json +29 -14
- package/dist/icon.js +1 -1
- package/dist/icon.js.map +1 -1
- package/dist/icon.min.js +1 -1
- package/dist/icon.min.js.map +1 -1
- package/dist/menu.js +26 -19
- package/dist/menu.js.map +1 -1
- package/dist/menu.min.js +1 -1
- package/dist/menu.min.js.map +1 -1
- package/dist/option.js +12 -2
- package/dist/option.js.map +1 -1
- package/dist/option.min.js +1 -1
- package/dist/option.min.js.map +1 -1
- package/dist/select.js +18 -2
- package/dist/select.js.map +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.min.js.map +1 -1
- package/dist/src/autocomplete/AutocompleteElement.d.ts.map +1 -1
- package/dist/src/calendar/CalendarElement.d.ts +2 -0
- package/dist/src/calendar/CalendarElement.d.ts.map +1 -1
- package/dist/src/calendar/CalendarViewElementBase.d.ts +2 -0
- package/dist/src/calendar/CalendarViewElementBase.d.ts.map +1 -1
- package/dist/src/calendar/MonthViewElement.d.ts +1 -0
- package/dist/src/calendar/MonthViewElement.d.ts.map +1 -1
- package/dist/src/calendar/MultiYearViewElement.d.ts.map +1 -1
- package/dist/src/calendar/YearViewElement.d.ts.map +1 -1
- package/dist/src/core/anchoring/FloatingPanelElement.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/ClickOutsideController.d.ts +24 -0
- package/dist/src/core/shared/controllers/ClickOutsideController.d.ts.map +1 -0
- package/dist/src/core/shared/controllers/FocusController.d.ts +5 -11
- package/dist/src/core/shared/controllers/FocusController.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/HoverController.d.ts +2 -8
- package/dist/src/core/shared/controllers/HoverController.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/IntersectionController.d.ts +2 -8
- package/dist/src/core/shared/controllers/IntersectionController.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/LongPressController.d.ts +2 -8
- package/dist/src/core/shared/controllers/LongPressController.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/MonitorControllerBase.d.ts +4 -0
- package/dist/src/core/shared/controllers/MonitorControllerBase.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/PressedController.d.ts +6 -8
- package/dist/src/core/shared/controllers/PressedController.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/ResizeController.d.ts +2 -8
- package/dist/src/core/shared/controllers/ResizeController.d.ts.map +1 -1
- package/dist/src/core/shared/controllers/index.d.ts +1 -0
- package/dist/src/core/shared/controllers/index.d.ts.map +1 -1
- package/dist/src/core/shared/mixins/LinkButton.d.ts.map +1 -1
- package/dist/src/core/shared/tokens/DesignToken.d.ts +3 -0
- package/dist/src/core/shared/tokens/DesignToken.d.ts.map +1 -1
- package/dist/src/core/shared/tokens/MeasurementToken.d.ts +13 -7
- package/dist/src/core/shared/tokens/MeasurementToken.d.ts.map +1 -1
- package/dist/src/datepicker/DatepickerElement.d.ts +1 -2
- package/dist/src/datepicker/DatepickerElement.d.ts.map +1 -1
- package/dist/src/fab-menu/FabMenuElement.d.ts.map +1 -1
- package/dist/src/form-field/FormFieldElement.d.ts +1 -0
- package/dist/src/form-field/FormFieldElement.d.ts.map +1 -1
- package/dist/src/menu/MenuElement.d.ts.map +1 -1
- package/dist/src/option/OptionElement.d.ts.map +1 -1
- package/dist/src/option/OptionPanelElement.d.ts.map +1 -1
- package/dist/src/select/SelectElement.d.ts.map +1 -1
- package/dist/src/theme/ThemeElement.d.ts.map +1 -1
- package/dist/src/tooltip/RichTooltipElement.d.ts +0 -2
- package/dist/src/tooltip/RichTooltipElement.d.ts.map +1 -1
- package/dist/theme.js +10 -7
- package/dist/theme.js.map +1 -1
- package/dist/theme.min.js +6 -6
- package/dist/theme.min.js.map +1 -1
- package/dist/tooltip.js +24 -25
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.min.js +1 -1
- package/dist/tooltip.min.js.map +1 -1
- package/package.json +1 -1
package/dist/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n AttachInternals,\r\n Labelled,\r\n ConstraintValidation,\r\n Dirty,\r\n Disabled,\r\n FormAssociated,\r\n Required,\r\n RequiredConstraintValidation,\r\n Touched,\r\n DesignToken,\r\n formValue,\r\n M3eFocusRingElement,\r\n scrollIntoViewIfNeeded,\r\n Role,\r\n Focusable,\r\n prefersReducedMotion,\r\n forcedColorsActive,\r\n deleteCustomState,\r\n addCustomState,\r\n setCustomState,\r\n customElement,\r\n MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n * <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n * <m3e-select id=\"select\">\r\n * <m3e-option>Apples</m3e-option>\r\n * <m3e-option>Oranges</m3e-option>\r\n * <m3e-option>Bananas</m3e-option>\r\n * <m3e-option>Grapes</m3e-option>\r\n * </m3e-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires beforeinput - Dispatched before the selected state changes.\r\n * @fires input - Dispatched when the selected state changes.\r\n * @fires change - Dispatched when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n extends Focusable(\r\n Labelled(\r\n RequiredConstraintValidation(\r\n Dirty(\r\n Touched(\r\n Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n ),\r\n ),\r\n ),\r\n ),\r\n )\r\n implements FormFieldControl\r\n{\r\n /** The styles of the element. */\r\n static override styles: CSSResultGroup = css`\r\n :host {\r\n display: inline-flex;\r\n vertical-align: middle;\r\n outline: none;\r\n position: relative;\r\n font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n }\r\n :host(:not(:disabled)) {\r\n cursor: pointer;\r\n }\r\n :host(:disabled) {\r\n color: color-mix(\r\n in srgb,\r\n var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n transparent\r\n );\r\n }\r\n .options {\r\n display: none;\r\n }\r\n .base {\r\n flex: 1 1 auto;\r\n display: inline-flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n .arrow-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: var(--_select-arrow-margin-top);\r\n }\r\n ::slotted([slot=\"arrow\"]),\r\n .arrow {\r\n vertical-align: middle;\r\n width: 1em;\r\n height: 1em;\r\n font-size: var(--m3e-select-icon-size, 1.5rem);\r\n }\r\n :host(:is(:state(--open), :--open)) .focus-ring {\r\n display: none;\r\n }\r\n `;\r\n\r\n /** @private */ static __nextId = 0;\r\n\r\n /** @private */ private _options = new Array<M3eOptionElement>();\r\n /** @private */ #clone?: HTMLElement;\r\n\r\n /** @private */ #menu?: M3eOptionPanelElement;\r\n /** @private */ #ignoreKeyUp = false;\r\n /** @private */ #ignoreFocusVisible = false;\r\n\r\n /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n /** @private */ readonly #menuPointerUpHandler = (e: PointerEvent) => this.#handleMenuPointerUp(e);\r\n /** @private */ #menuPressedOption?: M3eOptionElement;\r\n\r\n /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n .withWrap()\r\n .withHomeAndEnd()\r\n .withPageUpAndDown()\r\n .withVerticalOrientation()\r\n .withTypeahead()\r\n .onActiveItemChange(() => {\r\n if (this._listKeyManager.activeItem) {\r\n this.#activateOption(this._listKeyManager.activeItem);\r\n }\r\n });\r\n\r\n /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n constructor() {\r\n super();\r\n\r\n new MutationController(this, {\r\n config: {\r\n childList: true,\r\n subtree: true,\r\n },\r\n callback: () => this.#handleMutation(),\r\n });\r\n }\r\n\r\n /**\r\n * Whether to hide the selection indicator for single select options.\r\n * @default false\r\n */\r\n @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n /**\r\n * Whether multiple options can be selected.\r\n * @default false\r\n */\r\n @property({ type: Boolean }) multi = false;\r\n\r\n /**\r\n * Class or list of classes to be applied to the select's overlay panel.\r\n * @default \"\"\r\n */\r\n @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n get #options(): readonly M3eOptionElement[] {\r\n return this._listKeyManager?.items ?? [];\r\n }\r\n\r\n get #selected(): readonly M3eOptionElement[] {\r\n return this.#options.filter((x) => x.selected);\r\n }\r\n\r\n /** The options that can be selected. */\r\n get options(): readonly M3eOptionElement[] {\r\n return this._options ?? [];\r\n }\r\n\r\n /** The selected option(s). */\r\n get selected(): readonly M3eOptionElement[] {\r\n return this.options.filter((x) => x.selected);\r\n }\r\n\r\n /** The selected (enabled) value(s). */\r\n get value(): string | readonly string[] | null {\r\n const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n switch (values.length) {\r\n case 0:\r\n return null;\r\n case 1:\r\n return values[0];\r\n default:\r\n return values;\r\n }\r\n }\r\n\r\n /** @inheritdoc @internal */\r\n override get [formValue]() {\r\n const values = this.value;\r\n if (Array.isArray(values)) {\r\n const data = new FormData();\r\n for (const value of values) {\r\n data.append(this.name, value);\r\n }\r\n return data;\r\n }\r\n return <string | null>values;\r\n }\r\n\r\n /** @inheritdoc */\r\n get shouldLabelFloat(): boolean {\r\n return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n }\r\n\r\n /** @private */\r\n get #formField(): M3eFormFieldElement | null {\r\n return this.closest(\"m3e-form-field\");\r\n }\r\n\r\n /** @inheritdoc */\r\n onContainerClick(): void {\r\n this.#ignoreFocusVisible = true;\r\n this.#toggleMenu();\r\n this.focus({ preventScroll: true });\r\n }\r\n\r\n /**\r\n * Clears the value of the element.\r\n * @param [restoreFocus=false] Whether to restore input focus.\r\n */\r\n clear(restoreFocus = false): void {\r\n const selected = this.#selected;\r\n const willChange = selected.length > 0;\r\n\r\n if (willChange) {\r\n selected.forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n this.requestUpdate();\r\n }\r\n\r\n this.#hideMenu();\r\n\r\n if (willChange) {\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n\r\n if (restoreFocus) {\r\n this.focus();\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n override connectedCallback(): void {\r\n super.connectedCallback();\r\n\r\n this.ariaHasPopup = \"listbox\";\r\n this.ariaExpanded = \"false\";\r\n\r\n this.addEventListener(\"click\", this.#clickHandler);\r\n this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n this.#handleMutation();\r\n }\r\n\r\n /** @inheritdoc */\r\n override disconnectedCallback(): void {\r\n super.disconnectedCallback();\r\n\r\n this.removeEventListener(\"click\", this.#clickHandler);\r\n this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n this.removeEventListener(\"keyup\", this.#keyUpHandler);\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override update(changedProperties: PropertyValues<this>): void {\r\n super.update(changedProperties);\r\n\r\n if (changedProperties.has(\"hideSelectionIndicator\")) {\r\n this.#options.forEach((x) => setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator));\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n super.firstUpdated(_changedProperties);\r\n\r\n this._focusRing?.attach(this);\r\n\r\n if (this.#formField && this._focusRing) {\r\n this._focusRing.style.display = \"none\";\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override render(): unknown {\r\n return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n <div class=\"base\">\r\n <m3e-text-overflow>\r\n <slot name=\"value\">\r\n ${this.selected\r\n .filter((x) => !x.isEmpty)\r\n .map((x, i) => (i > 0 ? html`<span>, </span>${x.label}` : x.label))}\r\n </slot>\r\n </m3e-text-overflow>\r\n <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n <slot name=\"arrow\">\r\n <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n <path d=\"M480-360 280-560h400L480-360Z\" />\r\n </svg>\r\n </slot>\r\n </div>\r\n </div>\r\n <div class=\"options\" aria-hidden=\"true\">\r\n <slot></slot>\r\n </div>`;\r\n }\r\n\r\n /** @private */\r\n #handleMutation(): void {\r\n this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n added.forEach((x) => {\r\n x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator);\r\n });\r\n\r\n this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n this.#formField?.notifyControlStateChange();\r\n if (this.#menu) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n if (this._options.length == 0) {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleClick(e: Event): void {\r\n if (e.defaultPrevented || this.disabled) return;\r\n this.#toggleMenu();\r\n }\r\n\r\n /** @private */\r\n #handleKeyDown(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n this.#ignoreFocusVisible = false;\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n e.preventDefault();\r\n if (!this.multi) {\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n if (this.#menu?.isOpen) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n } else {\r\n this.#showMenu();\r\n }\r\n } else if (!this.#menu) {\r\n this.#ignoreKeyUp = true;\r\n this.#toggleMenu();\r\n }\r\n\r\n break;\r\n\r\n case \"Escape\":\r\n case \"Tab\":\r\n this.#hideMenu();\r\n break;\r\n\r\n case \"Down\":\r\n case \"ArrowDown\":\r\n if (this.multi && !this.#menu) {\r\n this.#toggleMenu();\r\n } else {\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n }\r\n break;\r\n\r\n default:\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleKeyUp(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n\r\n if (this.#ignoreKeyUp) {\r\n this.#ignoreKeyUp = false;\r\n return;\r\n }\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n if (!this.multi) return;\r\n e.preventDefault();\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerDown(e: PointerEvent): void {\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n // Prevent click to avoid stealing focus.\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option && !option.disabled) {\r\n this.#menuPressedOption = option;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerUp(e: PointerEvent): void {\r\n const pressedOption = this.#menuPressedOption;\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n\r\n if (!pressedOption) return;\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option === pressedOption) {\r\n this.#selectOption(option);\r\n this._listKeyManager.setActiveItem(option);\r\n if (this.multi) {\r\n this.requestUpdate();\r\n }\r\n }\r\n\r\n if (!this.multi) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuToggle(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n if (e.newState !== \"closed\") {\r\n const option = this.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n this._listKeyManager.setActiveItem(option);\r\n if (option) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n }\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n } else {\r\n if (prefersReducedMotion()) {\r\n this.#destroyMenu(e);\r\n } else {\r\n // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n // This is a workaround until that is fixed.\r\n setTimeout(() => this.#destroyMenu(e), 100);\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #destroyMenu(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n this.#menu.remove();\r\n this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.removeEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n this.#menu = undefined;\r\n\r\n this.ariaExpanded = \"false\";\r\n this.removeAttribute(\"aria-controls\");\r\n this.removeAttribute(\"aria-owns\");\r\n this.removeAttribute(\"aria-activedescendant\");\r\n this.requestUpdate();\r\n\r\n deleteCustomState(this, \"--open\");\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n }\r\n\r\n /** @private */\r\n #toggleMenu(): void {\r\n if (this.disabled) return;\r\n if (this.#menu) {\r\n this.#hideMenu();\r\n } else {\r\n this.#showMenu();\r\n }\r\n }\r\n\r\n /** @private */\r\n #showMenu(): void {\r\n if (this.#menu || this._options.length == 0) return;\r\n\r\n this.#menu = document.createElement(\"m3e-option-panel\");\r\n if (this.multi) {\r\n this.#menu.ariaMultiSelectable = \"true\";\r\n }\r\n\r\n this.#menu.id = this.#listId;\r\n\r\n if (this.panelClass) {\r\n for (const klass of this.panelClass\r\n .split(/\\s+/)\r\n .map((d) => d.trim())\r\n .filter(Boolean)) {\r\n this.#menu.classList.add(klass);\r\n }\r\n }\r\n\r\n this.#menu.style.overflowX = \"hidden\";\r\n this.#menu.fitAnchorWidth = true;\r\n this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.addEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n\r\n if (this.#clone) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n }\r\n\r\n (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n this.ariaExpanded = \"true\";\r\n this.setAttribute(\"aria-controls\", this.#listId);\r\n this.setAttribute(\"aria-owns\", this.#listId);\r\n this.#formField?.notifyControlStateChange();\r\n\r\n setTimeout(() => {\r\n this.#menu?.show(this, this.#formField?.menuAnchor);\r\n addCustomState(this, \"--open\");\r\n });\r\n }\r\n\r\n /** @private */\r\n #hideMenu(): void {\r\n if (!this.#menu) return;\r\n\r\n this.#menu.hide();\r\n deleteCustomState(this, \"--open\");\r\n }\r\n\r\n /** @private */\r\n #activateOption(option: M3eOptionElement): void {\r\n this.setAttribute(\"aria-activedescendant\", option.id);\r\n if (this.#menu) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n const focusVisible = !this.#ignoreFocusVisible && (this.matches(\":focus-visible\") || forcedColorsActive());\r\n\r\n this.#options.forEach((x) => {\r\n const active = x === option && focusVisible;\r\n if (active) {\r\n x.focusRing?.show();\r\n x.stateLayer?.show(\"focused\");\r\n } else {\r\n x.focusRing?.hide();\r\n x.stateLayer?.hide(\"focused\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n /** @private */\r\n #updateSelectionState(clone: M3eOptionElement): void {\r\n const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n if (option) {\r\n option.selected = clone.selected;\r\n }\r\n }\r\n\r\n /** @private */\r\n #selectOption(option: M3eOptionElement): void {\r\n const selected = this.multi ? !option.selected : true;\r\n if (option.selected === selected) return;\r\n\r\n if (this.dispatchEvent(new Event(\"beforeinput\", { bubbles: true, cancelable: true }))) {\r\n option.selected = selected;\r\n this.#updateSelectionState(option);\r\n\r\n if (!this.multi) {\r\n this.#selected\r\n .filter((x) => x !== option)\r\n .forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n }\r\n\r\n this.requestUpdate();\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n addEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n \"m3e-select\": M3eSelectElement;\r\n }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_M3eSelectElement_menuPointerUpHandler","_M3eSelectElement_menuPressedOption","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","MutationController","config","childList","subtree","callback","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","style","display","render","html","i","label","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","undefined","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","pressedOption","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","fitAnchorWidth","insertAdjacentElement","setAttribute","show","menuAnchor","addCustomState","hide","focusVisible","matches","forcedColorsActive","active","focusRing","stateLayer","clone","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n AttachInternals,\r\n Labelled,\r\n ConstraintValidation,\r\n Dirty,\r\n Disabled,\r\n FormAssociated,\r\n Required,\r\n RequiredConstraintValidation,\r\n Touched,\r\n DesignToken,\r\n formValue,\r\n M3eFocusRingElement,\r\n scrollIntoViewIfNeeded,\r\n Role,\r\n Focusable,\r\n prefersReducedMotion,\r\n forcedColorsActive,\r\n deleteCustomState,\r\n addCustomState,\r\n setCustomState,\r\n customElement,\r\n MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n * <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n * <m3e-select id=\"select\">\r\n * <m3e-option>Apples</m3e-option>\r\n * <m3e-option>Oranges</m3e-option>\r\n * <m3e-option>Bananas</m3e-option>\r\n * <m3e-option>Grapes</m3e-option>\r\n * </m3e-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires beforeinput - Dispatched before the selected state changes.\r\n * @fires input - Dispatched when the selected state changes.\r\n * @fires change - Dispatched when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n extends Focusable(\r\n Labelled(\r\n RequiredConstraintValidation(\r\n Dirty(\r\n Touched(\r\n Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n ),\r\n ),\r\n ),\r\n ),\r\n )\r\n implements FormFieldControl\r\n{\r\n /** The styles of the element. */\r\n static override styles: CSSResultGroup = css`\r\n :host {\r\n display: inline-flex;\r\n vertical-align: middle;\r\n outline: none;\r\n position: relative;\r\n font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n }\r\n :host(:not(:disabled)) {\r\n cursor: pointer;\r\n }\r\n :host(:disabled) {\r\n color: color-mix(\r\n in srgb,\r\n var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n transparent\r\n );\r\n }\r\n .options {\r\n display: none;\r\n }\r\n .base {\r\n flex: 1 1 auto;\r\n display: inline-flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n .arrow-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: var(--_select-arrow-margin-top);\r\n }\r\n ::slotted([slot=\"arrow\"]),\r\n .arrow {\r\n vertical-align: middle;\r\n width: 1em;\r\n height: 1em;\r\n font-size: var(--m3e-select-icon-size, 1.5rem);\r\n }\r\n :host(:is(:state(--open), :--open)) .focus-ring {\r\n display: none;\r\n }\r\n `;\r\n\r\n /** @private */ static __nextId = 0;\r\n\r\n /** @private */ private _options = new Array<M3eOptionElement>();\r\n /** @private */ #clone?: HTMLElement;\r\n\r\n /** @private */ #menu?: M3eOptionPanelElement;\r\n /** @private */ #ignoreKeyUp = false;\r\n /** @private */ #ignoreFocusVisible = false;\r\n\r\n /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n /** @private */ readonly #menuPointerUpHandler = (e: PointerEvent) => this.#handleMenuPointerUp(e);\r\n /** @private */ #menuPressedOption?: M3eOptionElement;\r\n\r\n /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n .withWrap()\r\n .withHomeAndEnd()\r\n .withPageUpAndDown()\r\n .withVerticalOrientation()\r\n .withTypeahead()\r\n .onActiveItemChange(() => {\r\n if (this._listKeyManager.activeItem) {\r\n this.#activateOption(this._listKeyManager.activeItem);\r\n }\r\n });\r\n\r\n /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n constructor() {\r\n super();\r\n\r\n new MutationController(this, {\r\n config: {\r\n childList: true,\r\n subtree: true,\r\n },\r\n callback: () => this.#handleMutation(),\r\n });\r\n }\r\n\r\n /**\r\n * Whether to hide the selection indicator for single select options.\r\n * @default false\r\n */\r\n @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n /**\r\n * Whether multiple options can be selected.\r\n * @default false\r\n */\r\n @property({ type: Boolean }) multi = false;\r\n\r\n /**\r\n * Class or list of classes to be applied to the select's overlay panel.\r\n * @default \"\"\r\n */\r\n @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n get #options(): readonly M3eOptionElement[] {\r\n return this._listKeyManager?.items ?? [];\r\n }\r\n\r\n get #selected(): readonly M3eOptionElement[] {\r\n return this.#options.filter((x) => x.selected);\r\n }\r\n\r\n /** The options that can be selected. */\r\n get options(): readonly M3eOptionElement[] {\r\n return this._options ?? [];\r\n }\r\n\r\n /** The selected option(s). */\r\n get selected(): readonly M3eOptionElement[] {\r\n return this.options.filter((x) => x.selected);\r\n }\r\n\r\n /** The selected (enabled) value(s). */\r\n get value(): string | readonly string[] | null {\r\n const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n switch (values.length) {\r\n case 0:\r\n return null;\r\n case 1:\r\n return values[0];\r\n default:\r\n return values;\r\n }\r\n }\r\n\r\n /** @inheritdoc @internal */\r\n override get [formValue]() {\r\n const values = this.value;\r\n if (Array.isArray(values)) {\r\n const data = new FormData();\r\n for (const value of values) {\r\n data.append(this.name, value);\r\n }\r\n return data;\r\n }\r\n return <string | null>values;\r\n }\r\n\r\n /** @inheritdoc */\r\n get shouldLabelFloat(): boolean {\r\n return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n }\r\n\r\n /** @private */\r\n get #formField(): M3eFormFieldElement | null {\r\n return this.closest(\"m3e-form-field\");\r\n }\r\n\r\n /** @inheritdoc */\r\n onContainerClick(): void {\r\n this.#ignoreFocusVisible = true;\r\n this.#toggleMenu();\r\n this.focus({ preventScroll: true });\r\n }\r\n\r\n /**\r\n * Clears the value of the element.\r\n * @param [restoreFocus=false] Whether to restore input focus.\r\n */\r\n clear(restoreFocus = false): void {\r\n const selected = this.#selected;\r\n const willChange = selected.length > 0;\r\n\r\n if (willChange) {\r\n selected.forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n this.requestUpdate();\r\n }\r\n\r\n this.#hideMenu();\r\n\r\n if (willChange) {\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n\r\n if (restoreFocus) {\r\n this.focus();\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n override connectedCallback(): void {\r\n super.connectedCallback();\r\n\r\n this.ariaHasPopup = \"listbox\";\r\n this.ariaExpanded = \"false\";\r\n\r\n this.addEventListener(\"click\", this.#clickHandler);\r\n this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n this.#handleMutation();\r\n }\r\n\r\n /** @inheritdoc */\r\n override disconnectedCallback(): void {\r\n super.disconnectedCallback();\r\n\r\n this.removeEventListener(\"click\", this.#clickHandler);\r\n this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n this.removeEventListener(\"keyup\", this.#keyUpHandler);\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override update(changedProperties: PropertyValues<this>): void {\r\n super.update(changedProperties);\r\n\r\n if (changedProperties.has(\"hideSelectionIndicator\")) {\r\n this.#options.forEach((x) => setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator));\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n super.firstUpdated(_changedProperties);\r\n\r\n this._focusRing?.attach(this);\r\n\r\n if (this.#formField && this._focusRing) {\r\n this._focusRing.style.display = \"none\";\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override render(): unknown {\r\n return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n <div class=\"base\">\r\n <m3e-text-overflow>\r\n <slot name=\"value\">\r\n ${this.selected\r\n .filter((x) => !x.isEmpty)\r\n .map((x, i) => (i > 0 ? html`<span>, </span>${x.label}` : x.label))}\r\n </slot>\r\n </m3e-text-overflow>\r\n <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n <slot name=\"arrow\">\r\n <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n <path d=\"M480-360 280-560h400L480-360Z\" />\r\n </svg>\r\n </slot>\r\n </div>\r\n </div>\r\n <div class=\"options\" aria-hidden=\"true\" @state-change=\"${this.#handleOptionStateChange}\">\r\n <slot></slot>\r\n </div>`;\r\n }\r\n\r\n /** @private */\r\n #handleOptionStateChange(e: Event): void {\r\n if (!(e.target instanceof M3eOptionElement)) return;\r\n e.stopImmediatePropagation();\r\n\r\n const index = this.options.indexOf(e.target);\r\n if (index == -1) return;\r\n\r\n const clone = this.#options[index];\r\n if (!clone) return;\r\n\r\n clone.disabled = e.target.disabled;\r\n\r\n if (clone.selected === e.target.selected) return;\r\n\r\n clone.selected = e.target.selected;\r\n\r\n if (!this.isUpdatePending) {\r\n this.requestUpdate();\r\n }\r\n\r\n this.#formField?.notifyControlStateChange(true);\r\n }\r\n\r\n /** @private */\r\n #handleMutation(): void {\r\n this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n added.forEach((x) => {\r\n x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator);\r\n });\r\n\r\n this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n this.#formField?.notifyControlStateChange();\r\n if (this.#menu) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n if (this._options.length == 0) {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleClick(e: Event): void {\r\n if (e.defaultPrevented || this.disabled) return;\r\n this.#toggleMenu();\r\n }\r\n\r\n /** @private */\r\n #handleKeyDown(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n this.#ignoreFocusVisible = false;\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n e.preventDefault();\r\n if (!this.multi) {\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n if (this.#menu?.isOpen) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n } else {\r\n this.#showMenu();\r\n }\r\n } else if (!this.#menu) {\r\n this.#ignoreKeyUp = true;\r\n this.#toggleMenu();\r\n }\r\n\r\n break;\r\n\r\n case \"Escape\":\r\n case \"Tab\":\r\n this.#hideMenu();\r\n break;\r\n\r\n case \"Down\":\r\n case \"ArrowDown\":\r\n if (this.multi && !this.#menu) {\r\n this.#toggleMenu();\r\n } else {\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n }\r\n break;\r\n\r\n default:\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleKeyUp(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n\r\n if (this.#ignoreKeyUp) {\r\n this.#ignoreKeyUp = false;\r\n return;\r\n }\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n if (!this.multi) return;\r\n e.preventDefault();\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerDown(e: PointerEvent): void {\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n // Prevent click to avoid stealing focus.\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option && !option.disabled) {\r\n this.#menuPressedOption = option;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerUp(e: PointerEvent): void {\r\n const pressedOption = this.#menuPressedOption;\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n\r\n if (!pressedOption) return;\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option === pressedOption) {\r\n this.#selectOption(option);\r\n this._listKeyManager.setActiveItem(option);\r\n if (this.multi) {\r\n this.requestUpdate();\r\n }\r\n }\r\n\r\n if (!this.multi) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuToggle(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n if (e.newState !== \"closed\") {\r\n const option = this.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n this._listKeyManager.setActiveItem(option);\r\n if (option) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n }\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n } else {\r\n if (prefersReducedMotion()) {\r\n this.#destroyMenu(e);\r\n } else {\r\n // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n // This is a workaround until that is fixed.\r\n setTimeout(() => this.#destroyMenu(e), 100);\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #destroyMenu(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n this.#menu.remove();\r\n this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.removeEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n this.#menu = undefined;\r\n\r\n this.ariaExpanded = \"false\";\r\n this.removeAttribute(\"aria-controls\");\r\n this.removeAttribute(\"aria-owns\");\r\n this.removeAttribute(\"aria-activedescendant\");\r\n this.requestUpdate();\r\n\r\n deleteCustomState(this, \"--open\");\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n }\r\n\r\n /** @private */\r\n #toggleMenu(): void {\r\n if (this.disabled) return;\r\n if (this.#menu) {\r\n this.#hideMenu();\r\n } else {\r\n this.#showMenu();\r\n }\r\n }\r\n\r\n /** @private */\r\n #showMenu(): void {\r\n if (this.#menu || this._options.length == 0) return;\r\n\r\n this.#menu = document.createElement(\"m3e-option-panel\");\r\n if (this.multi) {\r\n this.#menu.ariaMultiSelectable = \"true\";\r\n }\r\n\r\n this.#menu.id = this.#listId;\r\n\r\n if (this.panelClass) {\r\n for (const klass of this.panelClass\r\n .split(/\\s+/)\r\n .map((d) => d.trim())\r\n .filter(Boolean)) {\r\n this.#menu.classList.add(klass);\r\n }\r\n }\r\n\r\n this.#menu.style.overflowX = \"hidden\";\r\n this.#menu.fitAnchorWidth = true;\r\n this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.addEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n\r\n if (this.#clone) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n }\r\n\r\n (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n this.ariaExpanded = \"true\";\r\n this.setAttribute(\"aria-controls\", this.#listId);\r\n this.setAttribute(\"aria-owns\", this.#listId);\r\n this.#formField?.notifyControlStateChange();\r\n\r\n setTimeout(() => {\r\n this.#menu?.show(this, this.#formField?.menuAnchor);\r\n addCustomState(this, \"--open\");\r\n });\r\n }\r\n\r\n /** @private */\r\n #hideMenu(): void {\r\n if (!this.#menu) return;\r\n\r\n this.#menu.hide();\r\n deleteCustomState(this, \"--open\");\r\n }\r\n\r\n /** @private */\r\n #activateOption(option: M3eOptionElement): void {\r\n this.setAttribute(\"aria-activedescendant\", option.id);\r\n if (this.#menu) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n const focusVisible = !this.#ignoreFocusVisible && (this.matches(\":focus-visible\") || forcedColorsActive());\r\n\r\n this.#options.forEach((x) => {\r\n const active = x === option && focusVisible;\r\n if (active) {\r\n x.focusRing?.show();\r\n x.stateLayer?.show(\"focused\");\r\n } else {\r\n x.focusRing?.hide();\r\n x.stateLayer?.hide(\"focused\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n /** @private */\r\n #updateSelectionState(clone: M3eOptionElement): void {\r\n const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n if (option) {\r\n option.selected = clone.selected;\r\n }\r\n }\r\n\r\n /** @private */\r\n #selectOption(option: M3eOptionElement): void {\r\n const selected = this.multi ? !option.selected : true;\r\n if (option.selected === selected) return;\r\n\r\n if (this.dispatchEvent(new Event(\"beforeinput\", { bubbles: true, cancelable: true }))) {\r\n option.selected = selected;\r\n this.#updateSelectionState(option);\r\n\r\n if (!this.multi) {\r\n this.#selected\r\n .filter((x) => x !== option)\r\n .forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n }\r\n\r\n this.requestUpdate();\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n addEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n \"m3e-select\": M3eSelectElement;\r\n }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_M3eSelectElement_menuPointerUpHandler","_M3eSelectElement_menuPressedOption","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","MutationController","config","childList","subtree","callback","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","style","display","render","html","i","label","_M3eSelectElement_handleOptionStateChange","closest","target","M3eOptionElement","stopImmediatePropagation","index","indexOf","clone","isUpdatePending","notifyControlStateChange","cloneNode","added","setItems","querySelectorAll","id","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","undefined","button","option","composedPath","find","HTMLElement","tagName","pressedOption","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","fitAnchorWidth","insertAdjacentElement","setAttribute","show","menuAnchor","addCustomState","hide","focusVisible","matches","forcedColorsActive","active","focusRing","stateLayer","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}
|
package/dist/select.min.js
CHANGED
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright (c) 2025–2026 matraic
|
|
4
4
|
* See LICENSE file in the project root for full license text.
|
|
5
5
|
*/
|
|
6
|
-
import{__classPrivateFieldGet as t,__classPrivateFieldSet as e,__decorate as i}from"tslib";import{LitElement as s,html as a,css as n}from"lit";import{query as h,property as l}from"lit/decorators.js";import{Focusable as o,Labelled as r,RequiredConstraintValidation as c,Dirty as d,Touched as f,Required as m,ConstraintValidation as p,FormAssociated as u,Disabled as v,AttachInternals as g,Role as w,MutationController as y,formValue as b,setCustomState as E,prefersReducedMotion as M,scrollIntoViewIfNeeded as k,deleteCustomState as _,addCustomState as S,forcedColorsActive as I,DesignToken as C,customElement as K}from"@m3e/web/core";import{ListKeyManager as x}from"@m3e/web/core/a11y";var A,L,W,T,$,P,D,N,O,U,q,H,R,z,B,j,F,V,X,Z,G,J,Q,Y,tt,et,it,st,at,nt,ht,lt;let ot=lt=class extends(o(r(c(d(f(m(p(u(v(g(w(s,"combobox")))))))))))){constructor(){super(),A.add(this),this._options=new Array,L.set(this,void 0),W.set(this,void 0),T.set(this,!1),$.set(this,!1),P.set(this,"m3e-select-"+lt.__nextId++),D.set(this,`${t(this,P,"f")}-list`),N.set(this,e=>t(this,A,"m",X).call(this,e)),O.set(this,e=>t(this,A,"m",Z).call(this,e)),U.set(this,e=>t(this,A,"m",G).call(this,e)),q.set(this,e=>t(this,A,"m",Y).call(this,e)),H.set(this,e=>t(this,A,"m",J).call(this,e)),R.set(this,e=>t(this,A,"m",Q).call(this,e)),z.set(this,void 0),this._listKeyManager=(new x).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&t(this,A,"m",at).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,this.panelClass="",new y(this,{config:{childList:!0,subtree:!0},callback:()=>t(this,A,"m",V).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(t=>t.selected)}get value(){const t=this.selected.filter(t=>!t.disabled).map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(L=new WeakMap,W=new WeakMap,T=new WeakMap,$=new WeakMap,P=new WeakMap,D=new WeakMap,N=new WeakMap,O=new WeakMap,U=new WeakMap,q=new WeakMap,H=new WeakMap,R=new WeakMap,z=new WeakMap,A=new WeakSet,B=function(){return this._listKeyManager?.items??[]},j=function(){return t(this,A,"a",B).filter(t=>t.selected)},b)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){e(this,$,!0,"f"),t(this,A,"m",et).call(this),this.focus({preventScroll:!0})}clear(e=!1){const i=t(this,A,"a",j),s=i.length>0;s&&(i.forEach(e=>{e.selected=!1,t(this,A,"m",nt).call(this,e)}),this.requestUpdate()),t(this,A,"m",st).call(this),s&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",t(this,N,"f")),this.addEventListener("keydown",t(this,O,"f")),this.addEventListener("keyup",t(this,U,"f")),t(this,A,"m",V).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,N,"f")),this.removeEventListener("keydown",t(this,O,"f")),this.removeEventListener("keyup",t(this,U,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&t(this,A,"a",B).forEach(t=>E(t,"--hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),t(this,A,"a",F)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return a`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,e)=>e>0?a`<span>, </span>${t.label}`:t.label)}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};F=function(){return this.closest("m3e-form-field")},V=function(){e(this,L,this.cloneNode(!0),"f");const{added:i}=this._listKeyManager.setItems([...t(this,L,"f").querySelectorAll("m3e-option")]);i.forEach(e=>{e.id=e.id||`${t(this,P,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,E(e,"--hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],t(this,A,"a",F)?.notifyControlStateChange(),t(this,W,"f")&&(t(this,W,"f").replaceChildren(...t(this,L,"f").childNodes),0==this._options.length&&t(this,A,"m",st).call(this))},X=function(e){e.defaultPrevented||this.disabled||t(this,A,"m",et).call(this)},Z=function(i){if(!i.defaultPrevented)switch(e(this,$,!1,"f"),i.key){case" ":case"Enter":i.preventDefault(),this.multi?t(this,W,"f")||(e(this,T,!0,"f"),t(this,A,"m",et).call(this)):(t(this,W,"f")&&this._listKeyManager.activeItem&&t(this,A,"m",ht).call(this,this._listKeyManager.activeItem),t(this,W,"f")?.isOpen?M()?t(this,A,"m",st).call(this):setTimeout(()=>t(this,A,"m",st).call(this),150):t(this,A,"m",it).call(this));break;case"Escape":case"Tab":t(this,A,"m",st).call(this);break;case"Down":case"ArrowDown":this.multi&&!t(this,W,"f")?t(this,A,"m",et).call(this):(this._listKeyManager.onKeyDown(i),!t(this,W,"f")&&this._listKeyManager.activeItem&&t(this,A,"m",ht).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(i),this.multi||t(this,W,"f")||!this._listKeyManager.activeItem||t(this,A,"m",ht).call(this,this._listKeyManager.activeItem)}},G=function(i){if(!i.defaultPrevented)if(t(this,T,"f"))e(this,T,!1,"f");else switch(i.key){case" ":case"Enter":if(!this.multi)return;i.preventDefault(),t(this,W,"f")&&this._listKeyManager.activeItem&&t(this,A,"m",ht).call(this,this._listKeyManager.activeItem)}},J=function(t){if(e(this,z,void 0,"f"),2===t.button)return;t.preventDefault(),t.stopImmediatePropagation();const i=t.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);i&&!i.disabled&&e(this,z,i,"f")},Q=function(i){const s=t(this,z,"f");if(e(this,z,void 0,"f"),2===i.button)return;if(!s)return;const a=i.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);a===s&&(t(this,A,"m",ht).call(this,a),this._listKeyManager.setActiveItem(a),this.multi&&this.requestUpdate()),this.multi||(M()?t(this,A,"m",st).call(this):setTimeout(()=>t(this,A,"m",st).call(this),150))},Y=function(e){if(t(this,W,"f"))if("closed"!==e.newState){const i=t(this,A,"a",j).find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(i),i&&k(i,t(this,W,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else M()?t(this,A,"m",tt).call(this,e):setTimeout(()=>t(this,A,"m",tt).call(this,e),100)},tt=function(i){t(this,W,"f")&&(t(this,L,"f")?.replaceChildren(...t(this,W,"f").childNodes),t(this,W,"f").remove(),t(this,W,"f").removeEventListener("toggle",t(this,q,"f")),t(this,W,"f").removeEventListener("pointerdown",t(this,H,"f")),t(this,W,"f").removeEventListener("pointerup",t(this,R,"f")),e(this,W,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.removeAttribute("aria-activedescendant"),this.requestUpdate(),_(this,"--open"),t(this,A,"a",F)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:i.oldState,newState:i.newState})))},et=function(){this.disabled||(t(this,W,"f")?t(this,A,"m",st).call(this):t(this,A,"m",it).call(this))},it=function(){if(!t(this,W,"f")&&0!=this._options.length){if(e(this,W,document.createElement("m3e-option-panel"),"f"),this.multi&&(t(this,W,"f").ariaMultiSelectable="true"),t(this,W,"f").id=t(this,D,"f"),this.panelClass)for(const e of this.panelClass.split(/\s+/).map(t=>t.trim()).filter(Boolean))t(this,W,"f").classList.add(e);t(this,W,"f").style.overflowX="hidden",t(this,W,"f").fitAnchorWidth=!0,t(this,W,"f").addEventListener("toggle",t(this,q,"f")),t(this,W,"f").addEventListener("pointerdown",t(this,H,"f")),t(this,W,"f").addEventListener("pointerup",t(this,R,"f")),t(this,L,"f")&&t(this,W,"f").replaceChildren(...t(this,L,"f").childNodes),(t(this,A,"a",F)??this).insertAdjacentElement("afterend",t(this,W,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",t(this,D,"f")),this.setAttribute("aria-owns",t(this,D,"f")),t(this,A,"a",F)?.notifyControlStateChange(),setTimeout(()=>{t(this,W,"f")?.show(this,t(this,A,"a",F)?.menuAnchor),S(this,"--open")})}},st=function(){t(this,W,"f")&&(t(this,W,"f").hide(),_(this,"--open"))},at=function(e){if(this.setAttribute("aria-activedescendant",e.id),t(this,W,"f")){k(e,t(this,W,"f"),{block:"nearest",behavior:"instant"});const i=!t(this,$,"f")&&(this.matches(":focus-visible")||I());t(this,A,"a",B).forEach(t=>{t===e&&i?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},nt=function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected)},ht=function(e){const i=!this.multi||!e.selected;e.selected!==i&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(e.selected=i,t(this,A,"m",nt).call(this,e),this.multi||t(this,A,"a",j).filter(t=>t!==e).forEach(e=>{e.selected=!1,t(this,A,"m",nt).call(this,e)}),this.requestUpdate(),t(this,A,"a",F)?.notifyControlStateChange(),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},ot.styles=n`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${C.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${C.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${C.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${C.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${C.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${C.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${C.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:is(:state(--open), :--open)) .focus-ring { display: none; }`,ot.__nextId=0,i([h(".focus-ring")],ot.prototype,"_focusRing",void 0),i([l({attribute:"hide-selection-indicator",type:Boolean})],ot.prototype,"hideSelectionIndicator",void 0),i([l({type:Boolean})],ot.prototype,"multi",void 0),i([l({attribute:"panel-class"})],ot.prototype,"panelClass",void 0),ot=lt=i([K("m3e-select")],ot);export{ot as M3eSelectElement};
|
|
6
|
+
import{__classPrivateFieldGet as t,__classPrivateFieldSet as e,__decorate as i}from"tslib";import{LitElement as s,html as a,css as n}from"lit";import{query as h,property as o}from"lit/decorators.js";import{Focusable as l,Labelled as r,RequiredConstraintValidation as c,Dirty as d,Touched as f,Required as m,ConstraintValidation as p,FormAssociated as u,Disabled as g,AttachInternals as v,Role as w,MutationController as b,formValue as y,setCustomState as E,prefersReducedMotion as M,scrollIntoViewIfNeeded as k,deleteCustomState as _,addCustomState as S,forcedColorsActive as C,DesignToken as I,customElement as K}from"@m3e/web/core";import{ListKeyManager as x}from"@m3e/web/core/a11y";import{M3eOptionElement as A}from"@m3e/web/option";var L,W,$,P,T,D,O,U,N,q,H,R,z,B,j,F,V,X,Z,G,J,Q,Y,tt,et,it,st,at,nt,ht,ot,lt,rt;let ct=rt=class extends(l(r(c(d(f(m(p(u(g(v(w(s,"combobox")))))))))))){constructor(){super(),L.add(this),this._options=new Array,W.set(this,void 0),$.set(this,void 0),P.set(this,!1),T.set(this,!1),D.set(this,"m3e-select-"+rt.__nextId++),O.set(this,`${t(this,D,"f")}-list`),U.set(this,e=>t(this,L,"m",G).call(this,e)),N.set(this,e=>t(this,L,"m",J).call(this,e)),q.set(this,e=>t(this,L,"m",Q).call(this,e)),H.set(this,e=>t(this,L,"m",et).call(this,e)),R.set(this,e=>t(this,L,"m",Y).call(this,e)),z.set(this,e=>t(this,L,"m",tt).call(this,e)),B.set(this,void 0),this._listKeyManager=(new x).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&t(this,L,"m",ht).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,this.panelClass="",new b(this,{config:{childList:!0,subtree:!0},callback:()=>t(this,L,"m",Z).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(t=>t.selected)}get value(){const t=this.selected.filter(t=>!t.disabled).map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(W=new WeakMap,$=new WeakMap,P=new WeakMap,T=new WeakMap,D=new WeakMap,O=new WeakMap,U=new WeakMap,N=new WeakMap,q=new WeakMap,H=new WeakMap,R=new WeakMap,z=new WeakMap,B=new WeakMap,L=new WeakSet,j=function(){return this._listKeyManager?.items??[]},F=function(){return t(this,L,"a",j).filter(t=>t.selected)},y)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){e(this,T,!0,"f"),t(this,L,"m",st).call(this),this.focus({preventScroll:!0})}clear(e=!1){const i=t(this,L,"a",F),s=i.length>0;s&&(i.forEach(e=>{e.selected=!1,t(this,L,"m",ot).call(this,e)}),this.requestUpdate()),t(this,L,"m",nt).call(this),s&&this.dispatchEvent(new Event("change",{bubbles:!0})),e&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",t(this,U,"f")),this.addEventListener("keydown",t(this,N,"f")),this.addEventListener("keyup",t(this,q,"f")),t(this,L,"m",Z).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,U,"f")),this.removeEventListener("keydown",t(this,N,"f")),this.removeEventListener("keyup",t(this,q,"f"))}update(e){super.update(e),e.has("hideSelectionIndicator")&&t(this,L,"a",j).forEach(t=>E(t,"--hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(e){super.firstUpdated(e),this._focusRing?.attach(this),t(this,L,"a",V)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return a`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,e)=>e>0?a`<span>, </span>${t.label}`:t.label)}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true" @state-change="${t(this,L,"m",X)}"><slot></slot></div>`}};V=function(){return this.closest("m3e-form-field")},X=function(e){if(!(e.target instanceof A))return;e.stopImmediatePropagation();const i=this.options.indexOf(e.target);if(-1==i)return;const s=t(this,L,"a",j)[i];s&&(s.disabled=e.target.disabled,s.selected!==e.target.selected&&(s.selected=e.target.selected,this.isUpdatePending||this.requestUpdate(),t(this,L,"a",V)?.notifyControlStateChange(!0)))},Z=function(){e(this,W,this.cloneNode(!0),"f");const{added:i}=this._listKeyManager.setItems([...t(this,W,"f").querySelectorAll("m3e-option")]);i.forEach(e=>{e.id=e.id||`${t(this,D,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,E(e,"--hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],t(this,L,"a",V)?.notifyControlStateChange(),t(this,$,"f")&&(t(this,$,"f").replaceChildren(...t(this,W,"f").childNodes),0==this._options.length&&t(this,L,"m",nt).call(this))},G=function(e){e.defaultPrevented||this.disabled||t(this,L,"m",st).call(this)},J=function(i){if(!i.defaultPrevented)switch(e(this,T,!1,"f"),i.key){case" ":case"Enter":i.preventDefault(),this.multi?t(this,$,"f")||(e(this,P,!0,"f"),t(this,L,"m",st).call(this)):(t(this,$,"f")&&this._listKeyManager.activeItem&&t(this,L,"m",lt).call(this,this._listKeyManager.activeItem),t(this,$,"f")?.isOpen?M()?t(this,L,"m",nt).call(this):setTimeout(()=>t(this,L,"m",nt).call(this),150):t(this,L,"m",at).call(this));break;case"Escape":case"Tab":t(this,L,"m",nt).call(this);break;case"Down":case"ArrowDown":this.multi&&!t(this,$,"f")?t(this,L,"m",st).call(this):(this._listKeyManager.onKeyDown(i),!t(this,$,"f")&&this._listKeyManager.activeItem&&t(this,L,"m",lt).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(i),this.multi||t(this,$,"f")||!this._listKeyManager.activeItem||t(this,L,"m",lt).call(this,this._listKeyManager.activeItem)}},Q=function(i){if(!i.defaultPrevented)if(t(this,P,"f"))e(this,P,!1,"f");else switch(i.key){case" ":case"Enter":if(!this.multi)return;i.preventDefault(),t(this,$,"f")&&this._listKeyManager.activeItem&&t(this,L,"m",lt).call(this,this._listKeyManager.activeItem)}},Y=function(t){if(e(this,B,void 0,"f"),2===t.button)return;t.preventDefault(),t.stopImmediatePropagation();const i=t.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);i&&!i.disabled&&e(this,B,i,"f")},tt=function(i){const s=t(this,B,"f");if(e(this,B,void 0,"f"),2===i.button)return;if(!s)return;const a=i.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);a===s&&(t(this,L,"m",lt).call(this,a),this._listKeyManager.setActiveItem(a),this.multi&&this.requestUpdate()),this.multi||(M()?t(this,L,"m",nt).call(this):setTimeout(()=>t(this,L,"m",nt).call(this),150))},et=function(e){if(t(this,$,"f"))if("closed"!==e.newState){const i=t(this,L,"a",F).find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(i),i&&k(i,t(this,$,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else M()?t(this,L,"m",it).call(this,e):setTimeout(()=>t(this,L,"m",it).call(this,e),100)},it=function(i){t(this,$,"f")&&(t(this,W,"f")?.replaceChildren(...t(this,$,"f").childNodes),t(this,$,"f").remove(),t(this,$,"f").removeEventListener("toggle",t(this,H,"f")),t(this,$,"f").removeEventListener("pointerdown",t(this,R,"f")),t(this,$,"f").removeEventListener("pointerup",t(this,z,"f")),e(this,$,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.removeAttribute("aria-activedescendant"),this.requestUpdate(),_(this,"--open"),t(this,L,"a",V)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:i.oldState,newState:i.newState})))},st=function(){this.disabled||(t(this,$,"f")?t(this,L,"m",nt).call(this):t(this,L,"m",at).call(this))},at=function(){if(!t(this,$,"f")&&0!=this._options.length){if(e(this,$,document.createElement("m3e-option-panel"),"f"),this.multi&&(t(this,$,"f").ariaMultiSelectable="true"),t(this,$,"f").id=t(this,O,"f"),this.panelClass)for(const e of this.panelClass.split(/\s+/).map(t=>t.trim()).filter(Boolean))t(this,$,"f").classList.add(e);t(this,$,"f").style.overflowX="hidden",t(this,$,"f").fitAnchorWidth=!0,t(this,$,"f").addEventListener("toggle",t(this,H,"f")),t(this,$,"f").addEventListener("pointerdown",t(this,R,"f")),t(this,$,"f").addEventListener("pointerup",t(this,z,"f")),t(this,W,"f")&&t(this,$,"f").replaceChildren(...t(this,W,"f").childNodes),(t(this,L,"a",V)??this).insertAdjacentElement("afterend",t(this,$,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",t(this,O,"f")),this.setAttribute("aria-owns",t(this,O,"f")),t(this,L,"a",V)?.notifyControlStateChange(),setTimeout(()=>{t(this,$,"f")?.show(this,t(this,L,"a",V)?.menuAnchor),S(this,"--open")})}},nt=function(){t(this,$,"f")&&(t(this,$,"f").hide(),_(this,"--open"))},ht=function(e){if(this.setAttribute("aria-activedescendant",e.id),t(this,$,"f")){k(e,t(this,$,"f"),{block:"nearest",behavior:"instant"});const i=!t(this,T,"f")&&(this.matches(":focus-visible")||C());t(this,L,"a",j).forEach(t=>{t===e&&i?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},ot=function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected)},lt=function(e){const i=!this.multi||!e.selected;e.selected!==i&&this.dispatchEvent(new Event("beforeinput",{bubbles:!0,cancelable:!0}))&&(e.selected=i,t(this,L,"m",ot).call(this,e),this.multi||t(this,L,"a",F).filter(t=>t!==e).forEach(e=>{e.selected=!1,t(this,L,"m",ot).call(this,e)}),this.requestUpdate(),t(this,L,"a",V)?.notifyControlStateChange(),this.dispatchEvent(new Event("input",{bubbles:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))},ct.styles=n`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${I.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${I.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${I.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${I.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${I.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${I.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${I.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:is(:state(--open), :--open)) .focus-ring { display: none; }`,ct.__nextId=0,i([h(".focus-ring")],ct.prototype,"_focusRing",void 0),i([o({attribute:"hide-selection-indicator",type:Boolean})],ct.prototype,"hideSelectionIndicator",void 0),i([o({type:Boolean})],ct.prototype,"multi",void 0),i([o({attribute:"panel-class"})],ct.prototype,"panelClass",void 0),ct=rt=i([K("m3e-select")],ct);export{ct as M3eSelectElement};
|
|
7
7
|
//# sourceMappingURL=select.min.js.map
|
package/dist/select.min.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.min.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n AttachInternals,\r\n Labelled,\r\n ConstraintValidation,\r\n Dirty,\r\n Disabled,\r\n FormAssociated,\r\n Required,\r\n RequiredConstraintValidation,\r\n Touched,\r\n DesignToken,\r\n formValue,\r\n M3eFocusRingElement,\r\n scrollIntoViewIfNeeded,\r\n Role,\r\n Focusable,\r\n prefersReducedMotion,\r\n forcedColorsActive,\r\n deleteCustomState,\r\n addCustomState,\r\n setCustomState,\r\n customElement,\r\n MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n * <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n * <m3e-select id=\"select\">\r\n * <m3e-option>Apples</m3e-option>\r\n * <m3e-option>Oranges</m3e-option>\r\n * <m3e-option>Bananas</m3e-option>\r\n * <m3e-option>Grapes</m3e-option>\r\n * </m3e-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires beforeinput - Dispatched before the selected state changes.\r\n * @fires input - Dispatched when the selected state changes.\r\n * @fires change - Dispatched when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n extends Focusable(\r\n Labelled(\r\n RequiredConstraintValidation(\r\n Dirty(\r\n Touched(\r\n Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n ),\r\n ),\r\n ),\r\n ),\r\n )\r\n implements FormFieldControl\r\n{\r\n /** The styles of the element. */\r\n static override styles: CSSResultGroup = css`\r\n :host {\r\n display: inline-flex;\r\n vertical-align: middle;\r\n outline: none;\r\n position: relative;\r\n font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n }\r\n :host(:not(:disabled)) {\r\n cursor: pointer;\r\n }\r\n :host(:disabled) {\r\n color: color-mix(\r\n in srgb,\r\n var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n transparent\r\n );\r\n }\r\n .options {\r\n display: none;\r\n }\r\n .base {\r\n flex: 1 1 auto;\r\n display: inline-flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n .arrow-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: var(--_select-arrow-margin-top);\r\n }\r\n ::slotted([slot=\"arrow\"]),\r\n .arrow {\r\n vertical-align: middle;\r\n width: 1em;\r\n height: 1em;\r\n font-size: var(--m3e-select-icon-size, 1.5rem);\r\n }\r\n :host(:is(:state(--open), :--open)) .focus-ring {\r\n display: none;\r\n }\r\n `;\r\n\r\n /** @private */ static __nextId = 0;\r\n\r\n /** @private */ private _options = new Array<M3eOptionElement>();\r\n /** @private */ #clone?: HTMLElement;\r\n\r\n /** @private */ #menu?: M3eOptionPanelElement;\r\n /** @private */ #ignoreKeyUp = false;\r\n /** @private */ #ignoreFocusVisible = false;\r\n\r\n /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n /** @private */ readonly #menuPointerUpHandler = (e: PointerEvent) => this.#handleMenuPointerUp(e);\r\n /** @private */ #menuPressedOption?: M3eOptionElement;\r\n\r\n /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n .withWrap()\r\n .withHomeAndEnd()\r\n .withPageUpAndDown()\r\n .withVerticalOrientation()\r\n .withTypeahead()\r\n .onActiveItemChange(() => {\r\n if (this._listKeyManager.activeItem) {\r\n this.#activateOption(this._listKeyManager.activeItem);\r\n }\r\n });\r\n\r\n /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n constructor() {\r\n super();\r\n\r\n new MutationController(this, {\r\n config: {\r\n childList: true,\r\n subtree: true,\r\n },\r\n callback: () => this.#handleMutation(),\r\n });\r\n }\r\n\r\n /**\r\n * Whether to hide the selection indicator for single select options.\r\n * @default false\r\n */\r\n @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n /**\r\n * Whether multiple options can be selected.\r\n * @default false\r\n */\r\n @property({ type: Boolean }) multi = false;\r\n\r\n /**\r\n * Class or list of classes to be applied to the select's overlay panel.\r\n * @default \"\"\r\n */\r\n @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n get #options(): readonly M3eOptionElement[] {\r\n return this._listKeyManager?.items ?? [];\r\n }\r\n\r\n get #selected(): readonly M3eOptionElement[] {\r\n return this.#options.filter((x) => x.selected);\r\n }\r\n\r\n /** The options that can be selected. */\r\n get options(): readonly M3eOptionElement[] {\r\n return this._options ?? [];\r\n }\r\n\r\n /** The selected option(s). */\r\n get selected(): readonly M3eOptionElement[] {\r\n return this.options.filter((x) => x.selected);\r\n }\r\n\r\n /** The selected (enabled) value(s). */\r\n get value(): string | readonly string[] | null {\r\n const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n switch (values.length) {\r\n case 0:\r\n return null;\r\n case 1:\r\n return values[0];\r\n default:\r\n return values;\r\n }\r\n }\r\n\r\n /** @inheritdoc @internal */\r\n override get [formValue]() {\r\n const values = this.value;\r\n if (Array.isArray(values)) {\r\n const data = new FormData();\r\n for (const value of values) {\r\n data.append(this.name, value);\r\n }\r\n return data;\r\n }\r\n return <string | null>values;\r\n }\r\n\r\n /** @inheritdoc */\r\n get shouldLabelFloat(): boolean {\r\n return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n }\r\n\r\n /** @private */\r\n get #formField(): M3eFormFieldElement | null {\r\n return this.closest(\"m3e-form-field\");\r\n }\r\n\r\n /** @inheritdoc */\r\n onContainerClick(): void {\r\n this.#ignoreFocusVisible = true;\r\n this.#toggleMenu();\r\n this.focus({ preventScroll: true });\r\n }\r\n\r\n /**\r\n * Clears the value of the element.\r\n * @param [restoreFocus=false] Whether to restore input focus.\r\n */\r\n clear(restoreFocus = false): void {\r\n const selected = this.#selected;\r\n const willChange = selected.length > 0;\r\n\r\n if (willChange) {\r\n selected.forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n this.requestUpdate();\r\n }\r\n\r\n this.#hideMenu();\r\n\r\n if (willChange) {\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n\r\n if (restoreFocus) {\r\n this.focus();\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n override connectedCallback(): void {\r\n super.connectedCallback();\r\n\r\n this.ariaHasPopup = \"listbox\";\r\n this.ariaExpanded = \"false\";\r\n\r\n this.addEventListener(\"click\", this.#clickHandler);\r\n this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n this.#handleMutation();\r\n }\r\n\r\n /** @inheritdoc */\r\n override disconnectedCallback(): void {\r\n super.disconnectedCallback();\r\n\r\n this.removeEventListener(\"click\", this.#clickHandler);\r\n this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n this.removeEventListener(\"keyup\", this.#keyUpHandler);\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override update(changedProperties: PropertyValues<this>): void {\r\n super.update(changedProperties);\r\n\r\n if (changedProperties.has(\"hideSelectionIndicator\")) {\r\n this.#options.forEach((x) => setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator));\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n super.firstUpdated(_changedProperties);\r\n\r\n this._focusRing?.attach(this);\r\n\r\n if (this.#formField && this._focusRing) {\r\n this._focusRing.style.display = \"none\";\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override render(): unknown {\r\n return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n <div class=\"base\">\r\n <m3e-text-overflow>\r\n <slot name=\"value\">\r\n ${this.selected\r\n .filter((x) => !x.isEmpty)\r\n .map((x, i) => (i > 0 ? html`<span>, </span>${x.label}` : x.label))}\r\n </slot>\r\n </m3e-text-overflow>\r\n <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n <slot name=\"arrow\">\r\n <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n <path d=\"M480-360 280-560h400L480-360Z\" />\r\n </svg>\r\n </slot>\r\n </div>\r\n </div>\r\n <div class=\"options\" aria-hidden=\"true\">\r\n <slot></slot>\r\n </div>`;\r\n }\r\n\r\n /** @private */\r\n #handleMutation(): void {\r\n this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n added.forEach((x) => {\r\n x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator);\r\n });\r\n\r\n this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n this.#formField?.notifyControlStateChange();\r\n if (this.#menu) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n if (this._options.length == 0) {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleClick(e: Event): void {\r\n if (e.defaultPrevented || this.disabled) return;\r\n this.#toggleMenu();\r\n }\r\n\r\n /** @private */\r\n #handleKeyDown(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n this.#ignoreFocusVisible = false;\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n e.preventDefault();\r\n if (!this.multi) {\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n if (this.#menu?.isOpen) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n } else {\r\n this.#showMenu();\r\n }\r\n } else if (!this.#menu) {\r\n this.#ignoreKeyUp = true;\r\n this.#toggleMenu();\r\n }\r\n\r\n break;\r\n\r\n case \"Escape\":\r\n case \"Tab\":\r\n this.#hideMenu();\r\n break;\r\n\r\n case \"Down\":\r\n case \"ArrowDown\":\r\n if (this.multi && !this.#menu) {\r\n this.#toggleMenu();\r\n } else {\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n }\r\n break;\r\n\r\n default:\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleKeyUp(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n\r\n if (this.#ignoreKeyUp) {\r\n this.#ignoreKeyUp = false;\r\n return;\r\n }\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n if (!this.multi) return;\r\n e.preventDefault();\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerDown(e: PointerEvent): void {\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n // Prevent click to avoid stealing focus.\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option && !option.disabled) {\r\n this.#menuPressedOption = option;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerUp(e: PointerEvent): void {\r\n const pressedOption = this.#menuPressedOption;\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n\r\n if (!pressedOption) return;\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option === pressedOption) {\r\n this.#selectOption(option);\r\n this._listKeyManager.setActiveItem(option);\r\n if (this.multi) {\r\n this.requestUpdate();\r\n }\r\n }\r\n\r\n if (!this.multi) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuToggle(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n if (e.newState !== \"closed\") {\r\n const option = this.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n this._listKeyManager.setActiveItem(option);\r\n if (option) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n }\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n } else {\r\n if (prefersReducedMotion()) {\r\n this.#destroyMenu(e);\r\n } else {\r\n // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n // This is a workaround until that is fixed.\r\n setTimeout(() => this.#destroyMenu(e), 100);\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #destroyMenu(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n this.#menu.remove();\r\n this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.removeEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n this.#menu = undefined;\r\n\r\n this.ariaExpanded = \"false\";\r\n this.removeAttribute(\"aria-controls\");\r\n this.removeAttribute(\"aria-owns\");\r\n this.removeAttribute(\"aria-activedescendant\");\r\n this.requestUpdate();\r\n\r\n deleteCustomState(this, \"--open\");\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n }\r\n\r\n /** @private */\r\n #toggleMenu(): void {\r\n if (this.disabled) return;\r\n if (this.#menu) {\r\n this.#hideMenu();\r\n } else {\r\n this.#showMenu();\r\n }\r\n }\r\n\r\n /** @private */\r\n #showMenu(): void {\r\n if (this.#menu || this._options.length == 0) return;\r\n\r\n this.#menu = document.createElement(\"m3e-option-panel\");\r\n if (this.multi) {\r\n this.#menu.ariaMultiSelectable = \"true\";\r\n }\r\n\r\n this.#menu.id = this.#listId;\r\n\r\n if (this.panelClass) {\r\n for (const klass of this.panelClass\r\n .split(/\\s+/)\r\n .map((d) => d.trim())\r\n .filter(Boolean)) {\r\n this.#menu.classList.add(klass);\r\n }\r\n }\r\n\r\n this.#menu.style.overflowX = \"hidden\";\r\n this.#menu.fitAnchorWidth = true;\r\n this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.addEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n\r\n if (this.#clone) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n }\r\n\r\n (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n this.ariaExpanded = \"true\";\r\n this.setAttribute(\"aria-controls\", this.#listId);\r\n this.setAttribute(\"aria-owns\", this.#listId);\r\n this.#formField?.notifyControlStateChange();\r\n\r\n setTimeout(() => {\r\n this.#menu?.show(this, this.#formField?.menuAnchor);\r\n addCustomState(this, \"--open\");\r\n });\r\n }\r\n\r\n /** @private */\r\n #hideMenu(): void {\r\n if (!this.#menu) return;\r\n\r\n this.#menu.hide();\r\n deleteCustomState(this, \"--open\");\r\n }\r\n\r\n /** @private */\r\n #activateOption(option: M3eOptionElement): void {\r\n this.setAttribute(\"aria-activedescendant\", option.id);\r\n if (this.#menu) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n const focusVisible = !this.#ignoreFocusVisible && (this.matches(\":focus-visible\") || forcedColorsActive());\r\n\r\n this.#options.forEach((x) => {\r\n const active = x === option && focusVisible;\r\n if (active) {\r\n x.focusRing?.show();\r\n x.stateLayer?.show(\"focused\");\r\n } else {\r\n x.focusRing?.hide();\r\n x.stateLayer?.hide(\"focused\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n /** @private */\r\n #updateSelectionState(clone: M3eOptionElement): void {\r\n const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n if (option) {\r\n option.selected = clone.selected;\r\n }\r\n }\r\n\r\n /** @private */\r\n #selectOption(option: M3eOptionElement): void {\r\n const selected = this.multi ? !option.selected : true;\r\n if (option.selected === selected) return;\r\n\r\n if (this.dispatchEvent(new Event(\"beforeinput\", { bubbles: true, cancelable: true }))) {\r\n option.selected = selected;\r\n this.#updateSelectionState(option);\r\n\r\n if (!this.multi) {\r\n this.#selected\r\n .filter((x) => x !== option)\r\n .forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n }\r\n\r\n this.requestUpdate();\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n addEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n \"m3e-select\": M3eSelectElement;\r\n }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","super","this","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_M3eSelectElement_menuPointerUpHandler","_M3eSelectElement_menuPressedOption","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","MutationController","config","childList","subtree","callback","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","style","display","render","html","i","label","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","undefined","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","pressedOption","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","fitAnchorWidth","insertAdjacentElement","setAttribute","show","menuAnchor","addCustomState","hide","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.min.js","sources":["../../src/select/SelectElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n AttachInternals,\r\n Labelled,\r\n ConstraintValidation,\r\n Dirty,\r\n Disabled,\r\n FormAssociated,\r\n Required,\r\n RequiredConstraintValidation,\r\n Touched,\r\n DesignToken,\r\n formValue,\r\n M3eFocusRingElement,\r\n scrollIntoViewIfNeeded,\r\n Role,\r\n Focusable,\r\n prefersReducedMotion,\r\n forcedColorsActive,\r\n deleteCustomState,\r\n addCustomState,\r\n setCustomState,\r\n customElement,\r\n MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n * <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n * <m3e-select id=\"select\">\r\n * <m3e-option>Apples</m3e-option>\r\n * <m3e-option>Oranges</m3e-option>\r\n * <m3e-option>Bananas</m3e-option>\r\n * <m3e-option>Grapes</m3e-option>\r\n * </m3e-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr panel-class - Class or list of classes to be applied to the select's overlay panel.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires beforeinput - Dispatched before the selected state changes.\r\n * @fires input - Dispatched when the selected state changes.\r\n * @fires change - Dispatched when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n extends Focusable(\r\n Labelled(\r\n RequiredConstraintValidation(\r\n Dirty(\r\n Touched(\r\n Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n ),\r\n ),\r\n ),\r\n ),\r\n )\r\n implements FormFieldControl\r\n{\r\n /** The styles of the element. */\r\n static override styles: CSSResultGroup = css`\r\n :host {\r\n display: inline-flex;\r\n vertical-align: middle;\r\n outline: none;\r\n position: relative;\r\n font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n }\r\n :host(:not(:disabled)) {\r\n cursor: pointer;\r\n }\r\n :host(:disabled) {\r\n color: color-mix(\r\n in srgb,\r\n var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n transparent\r\n );\r\n }\r\n .options {\r\n display: none;\r\n }\r\n .base {\r\n flex: 1 1 auto;\r\n display: inline-flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n .arrow-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: var(--_select-arrow-margin-top);\r\n }\r\n ::slotted([slot=\"arrow\"]),\r\n .arrow {\r\n vertical-align: middle;\r\n width: 1em;\r\n height: 1em;\r\n font-size: var(--m3e-select-icon-size, 1.5rem);\r\n }\r\n :host(:is(:state(--open), :--open)) .focus-ring {\r\n display: none;\r\n }\r\n `;\r\n\r\n /** @private */ static __nextId = 0;\r\n\r\n /** @private */ private _options = new Array<M3eOptionElement>();\r\n /** @private */ #clone?: HTMLElement;\r\n\r\n /** @private */ #menu?: M3eOptionPanelElement;\r\n /** @private */ #ignoreKeyUp = false;\r\n /** @private */ #ignoreFocusVisible = false;\r\n\r\n /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n /** @private */ readonly #menuPointerUpHandler = (e: PointerEvent) => this.#handleMenuPointerUp(e);\r\n /** @private */ #menuPressedOption?: M3eOptionElement;\r\n\r\n /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n .withWrap()\r\n .withHomeAndEnd()\r\n .withPageUpAndDown()\r\n .withVerticalOrientation()\r\n .withTypeahead()\r\n .onActiveItemChange(() => {\r\n if (this._listKeyManager.activeItem) {\r\n this.#activateOption(this._listKeyManager.activeItem);\r\n }\r\n });\r\n\r\n /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n constructor() {\r\n super();\r\n\r\n new MutationController(this, {\r\n config: {\r\n childList: true,\r\n subtree: true,\r\n },\r\n callback: () => this.#handleMutation(),\r\n });\r\n }\r\n\r\n /**\r\n * Whether to hide the selection indicator for single select options.\r\n * @default false\r\n */\r\n @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n /**\r\n * Whether multiple options can be selected.\r\n * @default false\r\n */\r\n @property({ type: Boolean }) multi = false;\r\n\r\n /**\r\n * Class or list of classes to be applied to the select's overlay panel.\r\n * @default \"\"\r\n */\r\n @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n get #options(): readonly M3eOptionElement[] {\r\n return this._listKeyManager?.items ?? [];\r\n }\r\n\r\n get #selected(): readonly M3eOptionElement[] {\r\n return this.#options.filter((x) => x.selected);\r\n }\r\n\r\n /** The options that can be selected. */\r\n get options(): readonly M3eOptionElement[] {\r\n return this._options ?? [];\r\n }\r\n\r\n /** The selected option(s). */\r\n get selected(): readonly M3eOptionElement[] {\r\n return this.options.filter((x) => x.selected);\r\n }\r\n\r\n /** The selected (enabled) value(s). */\r\n get value(): string | readonly string[] | null {\r\n const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n switch (values.length) {\r\n case 0:\r\n return null;\r\n case 1:\r\n return values[0];\r\n default:\r\n return values;\r\n }\r\n }\r\n\r\n /** @inheritdoc @internal */\r\n override get [formValue]() {\r\n const values = this.value;\r\n if (Array.isArray(values)) {\r\n const data = new FormData();\r\n for (const value of values) {\r\n data.append(this.name, value);\r\n }\r\n return data;\r\n }\r\n return <string | null>values;\r\n }\r\n\r\n /** @inheritdoc */\r\n get shouldLabelFloat(): boolean {\r\n return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n }\r\n\r\n /** @private */\r\n get #formField(): M3eFormFieldElement | null {\r\n return this.closest(\"m3e-form-field\");\r\n }\r\n\r\n /** @inheritdoc */\r\n onContainerClick(): void {\r\n this.#ignoreFocusVisible = true;\r\n this.#toggleMenu();\r\n this.focus({ preventScroll: true });\r\n }\r\n\r\n /**\r\n * Clears the value of the element.\r\n * @param [restoreFocus=false] Whether to restore input focus.\r\n */\r\n clear(restoreFocus = false): void {\r\n const selected = this.#selected;\r\n const willChange = selected.length > 0;\r\n\r\n if (willChange) {\r\n selected.forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n this.requestUpdate();\r\n }\r\n\r\n this.#hideMenu();\r\n\r\n if (willChange) {\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n\r\n if (restoreFocus) {\r\n this.focus();\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n override connectedCallback(): void {\r\n super.connectedCallback();\r\n\r\n this.ariaHasPopup = \"listbox\";\r\n this.ariaExpanded = \"false\";\r\n\r\n this.addEventListener(\"click\", this.#clickHandler);\r\n this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n this.#handleMutation();\r\n }\r\n\r\n /** @inheritdoc */\r\n override disconnectedCallback(): void {\r\n super.disconnectedCallback();\r\n\r\n this.removeEventListener(\"click\", this.#clickHandler);\r\n this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n this.removeEventListener(\"keyup\", this.#keyUpHandler);\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override update(changedProperties: PropertyValues<this>): void {\r\n super.update(changedProperties);\r\n\r\n if (changedProperties.has(\"hideSelectionIndicator\")) {\r\n this.#options.forEach((x) => setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator));\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n super.firstUpdated(_changedProperties);\r\n\r\n this._focusRing?.attach(this);\r\n\r\n if (this.#formField && this._focusRing) {\r\n this._focusRing.style.display = \"none\";\r\n }\r\n }\r\n\r\n /** @inheritdoc */\r\n protected override render(): unknown {\r\n return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n <div class=\"base\">\r\n <m3e-text-overflow>\r\n <slot name=\"value\">\r\n ${this.selected\r\n .filter((x) => !x.isEmpty)\r\n .map((x, i) => (i > 0 ? html`<span>, </span>${x.label}` : x.label))}\r\n </slot>\r\n </m3e-text-overflow>\r\n <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n <slot name=\"arrow\">\r\n <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n <path d=\"M480-360 280-560h400L480-360Z\" />\r\n </svg>\r\n </slot>\r\n </div>\r\n </div>\r\n <div class=\"options\" aria-hidden=\"true\" @state-change=\"${this.#handleOptionStateChange}\">\r\n <slot></slot>\r\n </div>`;\r\n }\r\n\r\n /** @private */\r\n #handleOptionStateChange(e: Event): void {\r\n if (!(e.target instanceof M3eOptionElement)) return;\r\n e.stopImmediatePropagation();\r\n\r\n const index = this.options.indexOf(e.target);\r\n if (index == -1) return;\r\n\r\n const clone = this.#options[index];\r\n if (!clone) return;\r\n\r\n clone.disabled = e.target.disabled;\r\n\r\n if (clone.selected === e.target.selected) return;\r\n\r\n clone.selected = e.target.selected;\r\n\r\n if (!this.isUpdatePending) {\r\n this.requestUpdate();\r\n }\r\n\r\n this.#formField?.notifyControlStateChange(true);\r\n }\r\n\r\n /** @private */\r\n #handleMutation(): void {\r\n this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n added.forEach((x) => {\r\n x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n setCustomState(x, \"--hide-selection-indicator\", this.hideSelectionIndicator);\r\n });\r\n\r\n this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n this.#formField?.notifyControlStateChange();\r\n if (this.#menu) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n if (this._options.length == 0) {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleClick(e: Event): void {\r\n if (e.defaultPrevented || this.disabled) return;\r\n this.#toggleMenu();\r\n }\r\n\r\n /** @private */\r\n #handleKeyDown(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n this.#ignoreFocusVisible = false;\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n e.preventDefault();\r\n if (!this.multi) {\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n if (this.#menu?.isOpen) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n } else {\r\n this.#showMenu();\r\n }\r\n } else if (!this.#menu) {\r\n this.#ignoreKeyUp = true;\r\n this.#toggleMenu();\r\n }\r\n\r\n break;\r\n\r\n case \"Escape\":\r\n case \"Tab\":\r\n this.#hideMenu();\r\n break;\r\n\r\n case \"Down\":\r\n case \"ArrowDown\":\r\n if (this.multi && !this.#menu) {\r\n this.#toggleMenu();\r\n } else {\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n }\r\n break;\r\n\r\n default:\r\n this._listKeyManager.onKeyDown(e);\r\n if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleKeyUp(e: KeyboardEvent): void {\r\n if (e.defaultPrevented) return;\r\n\r\n if (this.#ignoreKeyUp) {\r\n this.#ignoreKeyUp = false;\r\n return;\r\n }\r\n\r\n switch (e.key) {\r\n case \" \":\r\n case \"Enter\":\r\n if (!this.multi) return;\r\n e.preventDefault();\r\n if (this.#menu && this._listKeyManager.activeItem) {\r\n this.#selectOption(this._listKeyManager.activeItem);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerDown(e: PointerEvent): void {\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n // Prevent click to avoid stealing focus.\r\n e.preventDefault();\r\n e.stopImmediatePropagation();\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option && !option.disabled) {\r\n this.#menuPressedOption = option;\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuPointerUp(e: PointerEvent): void {\r\n const pressedOption = this.#menuPressedOption;\r\n this.#menuPressedOption = undefined;\r\n\r\n if (e.button === 2) return;\r\n\r\n if (!pressedOption) return;\r\n\r\n const option = <M3eOptionElement | undefined>(\r\n e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n );\r\n\r\n if (option === pressedOption) {\r\n this.#selectOption(option);\r\n this._listKeyManager.setActiveItem(option);\r\n if (this.multi) {\r\n this.requestUpdate();\r\n }\r\n }\r\n\r\n if (!this.multi) {\r\n if (!prefersReducedMotion()) {\r\n setTimeout(() => this.#hideMenu(), 150);\r\n } else {\r\n this.#hideMenu();\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #handleMenuToggle(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n if (e.newState !== \"closed\") {\r\n const option = this.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n this._listKeyManager.setActiveItem(option);\r\n if (option) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n }\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n } else {\r\n if (prefersReducedMotion()) {\r\n this.#destroyMenu(e);\r\n } else {\r\n // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n // This is a workaround until that is fixed.\r\n setTimeout(() => this.#destroyMenu(e), 100);\r\n }\r\n }\r\n }\r\n\r\n /** @private */\r\n #destroyMenu(e: ToggleEvent): void {\r\n if (!this.#menu) return;\r\n\r\n this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n this.#menu.remove();\r\n this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.removeEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n this.#menu = undefined;\r\n\r\n this.ariaExpanded = \"false\";\r\n this.removeAttribute(\"aria-controls\");\r\n this.removeAttribute(\"aria-owns\");\r\n this.removeAttribute(\"aria-activedescendant\");\r\n this.requestUpdate();\r\n\r\n deleteCustomState(this, \"--open\");\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(\r\n new ToggleEvent(\"toggle\", {\r\n oldState: e.oldState,\r\n newState: e.newState,\r\n }),\r\n );\r\n }\r\n\r\n /** @private */\r\n #toggleMenu(): void {\r\n if (this.disabled) return;\r\n if (this.#menu) {\r\n this.#hideMenu();\r\n } else {\r\n this.#showMenu();\r\n }\r\n }\r\n\r\n /** @private */\r\n #showMenu(): void {\r\n if (this.#menu || this._options.length == 0) return;\r\n\r\n this.#menu = document.createElement(\"m3e-option-panel\");\r\n if (this.multi) {\r\n this.#menu.ariaMultiSelectable = \"true\";\r\n }\r\n\r\n this.#menu.id = this.#listId;\r\n\r\n if (this.panelClass) {\r\n for (const klass of this.panelClass\r\n .split(/\\s+/)\r\n .map((d) => d.trim())\r\n .filter(Boolean)) {\r\n this.#menu.classList.add(klass);\r\n }\r\n }\r\n\r\n this.#menu.style.overflowX = \"hidden\";\r\n this.#menu.fitAnchorWidth = true;\r\n this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n this.#menu.addEventListener(\"pointerup\", this.#menuPointerUpHandler);\r\n\r\n if (this.#clone) {\r\n this.#menu.replaceChildren(...this.#clone.childNodes);\r\n }\r\n\r\n (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n this.ariaExpanded = \"true\";\r\n this.setAttribute(\"aria-controls\", this.#listId);\r\n this.setAttribute(\"aria-owns\", this.#listId);\r\n this.#formField?.notifyControlStateChange();\r\n\r\n setTimeout(() => {\r\n this.#menu?.show(this, this.#formField?.menuAnchor);\r\n addCustomState(this, \"--open\");\r\n });\r\n }\r\n\r\n /** @private */\r\n #hideMenu(): void {\r\n if (!this.#menu) return;\r\n\r\n this.#menu.hide();\r\n deleteCustomState(this, \"--open\");\r\n }\r\n\r\n /** @private */\r\n #activateOption(option: M3eOptionElement): void {\r\n this.setAttribute(\"aria-activedescendant\", option.id);\r\n if (this.#menu) {\r\n scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n const focusVisible = !this.#ignoreFocusVisible && (this.matches(\":focus-visible\") || forcedColorsActive());\r\n\r\n this.#options.forEach((x) => {\r\n const active = x === option && focusVisible;\r\n if (active) {\r\n x.focusRing?.show();\r\n x.stateLayer?.show(\"focused\");\r\n } else {\r\n x.focusRing?.hide();\r\n x.stateLayer?.hide(\"focused\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n /** @private */\r\n #updateSelectionState(clone: M3eOptionElement): void {\r\n const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n if (option) {\r\n option.selected = clone.selected;\r\n }\r\n }\r\n\r\n /** @private */\r\n #selectOption(option: M3eOptionElement): void {\r\n const selected = this.multi ? !option.selected : true;\r\n if (option.selected === selected) return;\r\n\r\n if (this.dispatchEvent(new Event(\"beforeinput\", { bubbles: true, cancelable: true }))) {\r\n option.selected = selected;\r\n this.#updateSelectionState(option);\r\n\r\n if (!this.multi) {\r\n this.#selected\r\n .filter((x) => x !== option)\r\n .forEach((x) => {\r\n x.selected = false;\r\n this.#updateSelectionState(x);\r\n });\r\n }\r\n\r\n this.requestUpdate();\r\n this.#formField?.notifyControlStateChange();\r\n\r\n this.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n }\r\n }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n addEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | AddEventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener<K extends keyof M3eSelectElementEventMap>(\r\n type: K,\r\n listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n\r\n removeEventListener(\r\n type: string,\r\n listener: EventListenerOrEventListenerObject,\r\n options?: boolean | EventListenerOptions,\r\n ): void;\r\n}\r\n\r\ndeclare global {\r\n interface HTMLElementTagNameMap {\r\n \"m3e-select\": M3eSelectElement;\r\n }\r\n}\r\n"],"names":["M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","super","this","_options","Array","_M3eSelectElement_clone","set","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","__classPrivateFieldGet","_M3eSelectElement_clickHandler","e","call","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_M3eSelectElement_menuPointerUpHandler","_M3eSelectElement_menuPressedOption","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","panelClass","MutationController","config","childList","subtree","callback","_M3eSelectElement_handleMutation","options","selected","filter","x","value","values","disabled","map","length","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","__classPrivateFieldSet","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","has","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","style","display","render","html","i","label","_M3eSelectElement_handleOptionStateChange","closest","target","M3eOptionElement","stopImmediatePropagation","index","indexOf","clone","isUpdatePending","notifyControlStateChange","cloneNode","added","setItems","querySelectorAll","id","replaceChildren","childNodes","defaultPrevented","key","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","undefined","button","option","composedPath","find","HTMLElement","tagName","pressedOption","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","klass","split","d","trim","Boolean","classList","add","overflowX","fitAnchorWidth","insertAdjacentElement","setAttribute","show","menuAnchor","addCustomState","hide","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","__decorate","query","prototype","property","attribute","type","customElement"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAgB5E,OAAO,EAAsB,gBAAgB,EAAyB,MAAM,iBAAiB,CAAC;AAG9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBACa,sBAAuB,SAAQ,2BAAmB;;IAC7D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAK;IAI5C,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAiC;IAqBjE,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAU3C;;IAcL;;;OAGG;IACiE,sBAAsB,UAAS;IAEnG;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACsD,YAAY,UAAS;IAE9E;;;OAGG;IACuD,aAAa,UAAS;IAEhF;;;OAGG;IAYH,MAAM,EAAE,sBAAsB,GAAG,CAAC,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAc;IAEpG;;;OAGG;IAC0B,OAAO,UAAS;IAE7C;;;OAGG;IACqD,UAAU,UAAS;IAE3E;;;OAGG;IACqD,WAAW,UAAS;IAE5E;;;OAGG;IACuC,YAAY,SAAgB;IAEtE;;;OAGG;IACuC,WAAW,SAAgB;IAErE;;;OAGG;IACuC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CACvE;IAErB;;;OAGG;IACqC,UAAU,SAAM;IAExD,wCAAwC;IACxC,IAAI,OAAO,IAAI,SAAS,gBAAgB,EAAE,CAEzC;IAED,2BAA2B;IAC3B,IAAI,QAAQ,IAAI,gBAAgB,GAAG,IAAI,CAEtC;IAED,oCAAoC;IACpC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAGzB;IAoCD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAoB3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAkBvB;;;OAGG;IACH,KAAK,CAAC,YAAY,UAAQ,GAAG,IAAI;IAgBjC,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2BxE,kBAAkB;cACC,MAAM,IAAI,OAAO;
|
|
1
|
+
{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -185,6 +185,8 @@ export declare class M3eCalendarElement extends LitElement {
|
|
|
185
185
|
focusActiveCell(): Promise<void>;
|
|
186
186
|
/** Updates today's date. */
|
|
187
187
|
updateTodayDate(): void;
|
|
188
|
+
/** Resets the active view. */
|
|
189
|
+
resetActiveView(): void;
|
|
188
190
|
/**
|
|
189
191
|
* Moves the calendar to the previous period.
|
|
190
192
|
* @returns {Promise<void>} A promise that resolves when the operation is complete.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarElement.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAQvF,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBACa,kBAAmB,SAAQ,UAAU;;IAChD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA8GpC;IAGF,eAAe,CAAU,OAAO,CAAC,MAAM,CAAc;IACrD,eAAe,CAAU,OAAO,CAAC,WAAW,CAAyB;IACrE,eAAe,CAAU,OAAO,CAAC,WAAW,CAAoB;IAChE,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAA0B;IACnF,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;IAErE;;;OAGG;IACoC,SAAS,EAAE,YAAY,CAAW;IAEzE;;;OAGG;IACqC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjE;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC+D,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjG;;;OAGG;IAC6D,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7F;;;OAGG;IAC6B,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEvF;;;OAGG;IAC6B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEtF;;;OAGG;IAC8C,kBAAkB,SAAoB;IAEvF;;;OAGG;IAC6C,iBAAiB,SAAmB;IAEpF;;;OAGG;IACmD,sBAAsB,SAAuB;IAEnG;;;OAGG;IAC0C,cAAc,SAAgB;IAE3E;;;OAGG;IACyC,aAAa,SAAe;IAExE;;;OAGG;IAC+C,kBAAkB,SAAmB;IAEvF,mDAAmD;IACnD,IAAI,WAAW,IAAI,MAAM,CAkBxB;IAED,4DAA4D;IAC5D,IAAI,qBAAqB,IAAI,OAAO,CAYnC;IAED,wDAAwD;IACxD,IAAI,iBAAiB,IAAI,OAAO,CAY/B;IAED;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAOtC,4BAA4B;IAC5B,eAAe,IAAI,IAAI;IAIvB;;;OAGG;IACG,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAqCzC;;;OAGG;IACG,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAqCrC;;;OAGG;IACG,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAMnC,kBAAkB;cACC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA0B5E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAa1E,kBAAkB;cACC,MAAM,IAAI,OAAO;
|
|
1
|
+
{"version":3,"file":"CalendarElement.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAQvF,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBACa,kBAAmB,SAAQ,UAAU;;IAChD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA8GpC;IAGF,eAAe,CAAU,OAAO,CAAC,MAAM,CAAc;IACrD,eAAe,CAAU,OAAO,CAAC,WAAW,CAAyB;IACrE,eAAe,CAAU,OAAO,CAAC,WAAW,CAAoB;IAChE,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAA0B;IACnF,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;IAErE;;;OAGG;IACoC,SAAS,EAAE,YAAY,CAAW;IAEzE;;;OAGG;IACqC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjE;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC4D,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IAC+D,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjG;;;OAGG;IAC6D,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7F;;;OAGG;IAC6B,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEvF;;;OAGG;IAC6B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEtF;;;OAGG;IAC8C,kBAAkB,SAAoB;IAEvF;;;OAGG;IAC6C,iBAAiB,SAAmB;IAEpF;;;OAGG;IACmD,sBAAsB,SAAuB;IAEnG;;;OAGG;IAC0C,cAAc,SAAgB;IAE3E;;;OAGG;IACyC,aAAa,SAAe;IAExE;;;OAGG;IAC+C,kBAAkB,SAAmB;IAEvF,mDAAmD;IACnD,IAAI,WAAW,IAAI,MAAM,CAkBxB;IAED,4DAA4D;IAC5D,IAAI,qBAAqB,IAAI,OAAO,CAYnC;IAED,wDAAwD;IACxD,IAAI,iBAAiB,IAAI,OAAO,CAY/B;IAED;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAOtC,4BAA4B;IAC5B,eAAe,IAAI,IAAI;IAIvB,8BAA8B;IAC9B,eAAe,IAAI,IAAI;IAIvB;;;OAGG;IACG,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAqCzC;;;OAGG;IACG,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAqCrC;;;OAGG;IACG,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAMnC,kBAAkB;cACC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA0B5E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAa1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CA4NrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
|
|
@@ -7,6 +7,8 @@ export declare abstract class CalendarViewElementBase extends LitElement {
|
|
|
7
7
|
/** The styles of the element. */
|
|
8
8
|
static styles: CSSResultGroup;
|
|
9
9
|
/** @private */ private readonly _activeItem?;
|
|
10
|
+
/** Whether the view is active. */
|
|
11
|
+
active: boolean;
|
|
10
12
|
/** Today's date. */
|
|
11
13
|
today: Date;
|
|
12
14
|
/** The selected date. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarViewElementBase.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarViewElementBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOtD;;;GAGG;AACH,8BAAsB,uBAAwB,SAAQ,UAAU;IAC9D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA0GpC;IAEF,eAAe,CAA2B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAc;IAErF,oBAAoB;IACoB,KAAK,EAAE,IAAI,CAAc;IAEjE,yBAAyB;IACe,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjE,uBAAuB;IAC2C,UAAU,EAAE,IAAI,CAAc;IAEhG,6CAA6C;IACkB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F,6CAA6C;IACkB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAUtC,gBAAgB;IAChB,SAAS,CAAC,iBAAiB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI;CAWpD"}
|
|
1
|
+
{"version":3,"file":"CalendarViewElementBase.d.ts","sourceRoot":"","sources":["../../../src/calendar/CalendarViewElementBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOtD;;;GAGG;AACH,8BAAsB,uBAAwB,SAAQ,UAAU;IAC9D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA0GpC;IAEF,eAAe,CAA2B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAc;IAErF,kCAAkC;IACL,MAAM,UAAS;IAE5C,oBAAoB;IACoB,KAAK,EAAE,IAAI,CAAc;IAEjE,yBAAyB;IACe,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjE,uBAAuB;IAC2C,UAAU,EAAE,IAAI,CAAc;IAEhG,6CAA6C;IACkB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F,6CAA6C;IACkB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE3F;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAUtC,gBAAgB;IAChB,SAAS,CAAC,iBAAiB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI;CAWpD"}
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
* See LICENSE file in the project root for full license text.
|
|
8
8
|
*/
|
|
9
9
|
import { CSSResultGroup } from "lit";
|
|
10
|
+
import "@m3e/web/tooltip";
|
|
10
11
|
import { CalendarViewElementBase } from "./CalendarViewElementBase";
|
|
11
12
|
/**
|
|
12
13
|
* An internal component used to display a single month in a calendar.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthViewElement.d.ts","sourceRoot":"","sources":["../../../src/calendar/MonthViewElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAiB,MAAM,KAAK,CAAC;AAQzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAWpE;;;GAGG;AACH,qBACa,mBAAoB,SAAQ,uBAAuB;;IAC9D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyHpC;IAEF,gBAAgB,CAAC,uBAAuB,UAAQ;IAEhD,6BAA6B;IACqC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjG,2BAA2B;IACqC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7F,sEAAsE;IACtC,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEvF,8DAA8D;IAC9B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEtF,kBAAkB;cACC,MAAM,IAAI,OAAO;
|
|
1
|
+
{"version":3,"file":"MonthViewElement.d.ts","sourceRoot":"","sources":["../../../src/calendar/MonthViewElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAiB,MAAM,KAAK,CAAC;AAQzD,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAWpE;;;GAGG;AACH,qBACa,mBAAoB,SAAQ,uBAAuB;;IAC9D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyHpC;IAEF,gBAAgB,CAAC,uBAAuB,UAAQ;IAEhD,6BAA6B;IACqC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEjG,2BAA2B;IACqC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7F,sEAAsE;IACtC,aAAa,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEvF,8DAA8D;IAC9B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAEtF,kBAAkB;cACC,MAAM,IAAI,OAAO;CAqSrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
|