@api-client/ui 0.5.29 → 0.5.30
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/build/src/elements/currency/internals/Picker.d.ts.map +1 -1
- package/build/src/elements/currency/internals/Picker.js +0 -1
- package/build/src/elements/currency/internals/Picker.js.map +1 -1
- package/build/src/md/menu/internal/Menu.d.ts.map +1 -1
- package/build/src/md/menu/internal/Menu.js +20 -8
- package/build/src/md/menu/internal/Menu.js.map +1 -1
- package/build/src/md/select/internals/Select.d.ts +2 -1
- package/build/src/md/select/internals/Select.d.ts.map +1 -1
- package/build/src/md/select/internals/Select.js +46 -16
- package/build/src/md/select/internals/Select.js.map +1 -1
- package/build/src/md/select/internals/Select.styles.d.ts.map +1 -1
- package/build/src/md/select/internals/Select.styles.js +0 -5
- package/build/src/md/select/internals/Select.styles.js.map +1 -1
- package/demo/elements/currency/index.ts +80 -0
- package/demo/md/select/index.ts +1 -1
- package/package.json +1 -1
- package/src/elements/currency/internals/Picker.ts +0 -1
- package/src/md/menu/internal/Menu.ts +23 -8
- package/src/md/select/internals/Select.styles.ts +0 -5
- package/src/md/select/internals/Select.ts +47 -17
- package/test/md/select/Select.test.ts +229 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAKzF,OAAO,iCAAiC,CAAA;AACxC,OAAO,6BAA6B,CAAA;AACpC,OAAO,iCAAiC,CAAA;AACxC,OAAO,iCAAiC,CAAA;AAExC;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,yEAAyE;IACzE,IAAI,EAAE,YAAY,GAAG,WAAW,GAAG,UAAU,CAAA;IAC7C,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,KAAK,EAAE,mBAAmB,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD;;;OAGG;IACH,MAAM,CAAC,cAAc,UAAO;IAE5B;;;OAGG;IACH,OAAO,CAAC,SAAS,CAAkB;IAEnC;;;OAGG;IACH,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACwB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAK;IAE3D;;;;OAIG;IACwB,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAK;IAEpE;;;;OAIG;IACyB,QAAQ,CAAC,KAAK,SAAiB;IAE3D;;;;OAIG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAE7D;;;;OAIG;IACyB,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAEvE;;;;OAIG;IAC0B,QAAQ,CAAC,QAAQ,UAAQ;IAEtD;;;;OAIG;IAC0B,QAAQ,CAAC,QAAQ,UAAQ;IACtD;;;;;OAKG;IAC0B,QAAQ,CAAC,KAAK,UAAQ;IAEnD;;;;;OAKG;IAC0B,QAAQ,CAAC,UAAU,UAAO;IAEvD;;;OAGG;IACM,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAiB;IAE/D;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD;;;OAGG;IACH,IAAI,IAAI,2BAEP;IAED;;;OAGG;IACH,IAAI,QAAQ,kBAEX;IAED;;;OAGG;IACH,IAAI,iBAAiB,WAEpB;IAED;;;OAGG;IACH,IAAI,YAAY,YAEf;IAED;;;;OAIG;IACH,aAAa;IAIb;;;;OAIG;IACH,cAAc;IAId;;;;OAIG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CA0B1B;;IAOQ,iBAAiB;IAM1B;;OAEG;IACH,OAAO,CAAC,eAAe;cAKJ,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA0FlE;;;OAGG;cACgB,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe/D;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAShB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAS1B;;OAEG;IACH,OAAO,CAAC,UAAU;IAKlB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAI7B;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IA8B9B;;;;OAIG;IACH,OAAO,CAAC,4BAA4B;IAwBpC,OAAO,CAAC,0BAA0B;IAkBlC,OAAO,CAAC,oBAAoB;IA6D5B,OAAO,CAAC,oBAAoB;IAoC5B,OAAO,CAAC,mBAAmB;IAgB3B;;;;OAIG;IACH,IAAI,qBAAqB,IAAI,MAAM,EAAE,CAEpC;IAED;;;;;OAKG;IACH,qBAAqB,IAAI,QAAQ,EAAE;IAWnC;;;;;;OAMG;IACH,cAAc;IA+Bd;;;;;;;OAOG;IACH,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAgB/D;;;;OAIG;IACH,iBAAiB,IAAI,IAAI;IAczB;;;;;OAKG;IACM,MAAM,IAAI,cAAc;IAyCjC;;;;OAIG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;IAYxD;;;;;OAKG;IACH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,OAAO,OAAO;CA2B5D"}
|
|
@@ -737,7 +737,6 @@ let CurrencyPicker = (() => {
|
|
|
737
737
|
<ui-select
|
|
738
738
|
label="${this.label}"
|
|
739
739
|
@change="${this.handleCurrencySelect}"
|
|
740
|
-
menuPositioning="popover"
|
|
741
740
|
?disabled="${this.disabled}"
|
|
742
741
|
?required="${this.required}"
|
|
743
742
|
.supportingText="${this.supportingText || ''}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type TemplateResult, type PropertyValues, nothing } from 'lit'\nimport { property, state, query } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport type { UiSelectChangeEvent, UiSelectElement } from '../../../md/select/ui-select.js'\n\nimport '../../../md/chip/ui-chip-set.js'\nimport '../../../md/chip/ui-chip.js'\nimport '../../../md/select/ui-select.js'\nimport '../../../md/select/ui-option.js'\n\n/**\n * Represents a currency with all its display information.\n */\nexport interface Currency {\n /** ISO 4217 currency code (e.g., 'USD', 'EUR') */\n code: string\n /** Full name of the currency (e.g., 'US Dollar', 'Euro') */\n name: string\n /** Currency symbol (e.g., '$', '€') */\n symbol: string\n /** Country or region name (e.g., 'United States', 'European Union') */\n country: string\n /** Flag emoji representing the currency's origin */\n flag: string\n}\n\n/**\n * Represents an error that can occur in the CurrencyPicker component.\n */\nexport interface CurrencyPickerError {\n /** Type of error: validation, selection constraint, or internal error */\n type: 'validation' | 'selection' | 'internal'\n /** Human-readable error message */\n message: string\n /** Optional additional details about the error for debugging */\n details?: Record<string, unknown>\n}\n\n/**\n * Event detail interface for currency picker error events.\n */\nexport interface CurrencyPickerErrorEvent {\n /** The error information */\n error: CurrencyPickerError\n}\n\n/**\n * A web component for selecting currencies with chips display.\n * Provides a searchable interface with country flags and currency information.\n *\n * This component uses ElementInternals for native form integration and\n * follows web standards for error handling and validation.\n *\n * ## Features\n * - Single or multi-select currency selection\n * - Visual chips display for selected currencies\n * - Native form integration with ElementInternals\n * - Comprehensive validation and error handling\n * - Accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Currency filtering based on allowed currencies\n *\n * ## Usage\n * ```html\n * <!-- Basic usage -->\n * <currency-picker></currency-picker>\n *\n * <!-- Multi-select with allowed currencies -->\n * <currency-picker multi .allowedCurrencies=\"${['USD', 'EUR', 'GBP']}\"></currency-picker>\n *\n * <!-- Form integration -->\n * <form>\n * <currency-picker name=\"currencies\" required></currency-picker>\n * </form>\n * ```\n *\n * @fires change - Dispatched when selected currencies change due to user interaction.\n * Contains {currencies: Currency[], codes: string[]} in event.detail\n * @fires error - Dispatched when validation or other errors occur.\n * Contains {error: CurrencyPickerError} in event.detail\n *\n * @example\n * ```typescript\n * const picker = document.querySelector('currency-picker');\n * picker.addEventListener('change', (e) => {\n * console.log('Selected currencies:', e.detail.currencies);\n * });\n * picker.addEventListener('error', (e) => {\n * console.error('Picker error:', e.detail.error.message);\n * });\n * ```\n */\nexport default class CurrencyPicker extends LitElement {\n /**\n * Indicates that this custom element is form-associated and can participate in form submission.\n * This enables the component to work with native HTML forms and use ElementInternals.\n */\n static formAssociated = true\n\n /**\n * Private ElementInternals instance for form integration and validation.\n * Provides access to form APIs like setFormValue, setValidity, etc.\n */\n private internals: ElementInternals\n\n /**\n * Shadow root configuration for the component.\n * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n */\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n }\n\n /**\n * The currently selected currency codes.\n * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n */\n @property({ type: Array }) accessor selected: string[] = []\n\n /**\n * The currencies that should be available for selection.\n * If not specified, all supported currencies will be available.\n * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n */\n @property({ type: Array }) accessor allowedCurrencies: string[] = []\n\n /**\n * The label for the currency selection dropdown.\n * This is displayed as the label for the select input.\n * @attribute\n */\n @property({ type: String }) accessor label = 'Add Currency'\n\n /**\n * The name attribute for the currency selection dropdown.\n * This is used when submitting forms that include this component.\n * @attribute\n */\n @property({ type: String }) accessor name: string | undefined\n\n /**\n * Supporting text for the currency selection dropdown.\n * This is displayed below the select input.\n * @attribute\n */\n @property({ type: String }) accessor supportingText: string | undefined\n\n /**\n * Whether the currency selection is required.\n * If true, the component will enforce at least one currency to be selected.\n * @attribute\n */\n @property({ type: Boolean }) accessor required = false\n\n /**\n * Whether the currency selection is disabled.\n * If true, the component will not allow any changes to the selected currencies.\n * @attribute\n */\n @property({ type: Boolean }) accessor disabled = false\n /**\n * Whether multiple currencies can be selected.\n * If true, the component allows selecting multiple currencies.\n * If false, only one currency can be selected at a time.\n * @attribute\n */\n @property({ type: Boolean }) accessor multi = false\n\n /**\n * Whether to show errors inline within the component.\n * If true, errors will be displayed below the component.\n * If false, errors will only be dispatched as events.\n * @attribute\n */\n @property({ type: Boolean }) accessor showErrors = true\n\n /**\n * The currently selectable currencies (filtered based on selection and allowed currencies).\n * This is automatically updated based on the selected currencies and allowedCurrencies property.\n */\n @state() private accessor selectableCurrencies: Currency[] = []\n\n /**\n * Reference to the Material Design outlined select element.\n * Used to manage the select's internal state and keep it synchronized with the component's selected property.\n */\n @query('ui-select')\n private accessor selectElement!: UiSelectElement\n\n /**\n * Returns the form element that contains this component, if any.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get form() {\n return this.internals.form\n }\n\n /**\n * Returns the validity state of the component.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get validity() {\n return this.internals.validity\n }\n\n /**\n * Returns the validation message for the component.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get validationMessage() {\n return this.internals.validationMessage\n }\n\n /**\n * Returns whether the component will be validated when the form is submitted.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get willValidate() {\n return this.internals.willValidate\n }\n\n /**\n * Checks the validity of the component without displaying validation UI.\n * Part of the ElementInternals API for form-associated custom elements.\n * @returns True if the component is valid, false otherwise\n */\n checkValidity() {\n return this.internals.checkValidity()\n }\n\n /**\n * Checks the validity of the component and displays validation UI if invalid.\n * Part of the ElementInternals API for form-associated custom elements.\n * @returns True if the component is valid, false otherwise\n */\n reportValidity() {\n return this.internals.reportValidity()\n }\n\n /**\n * Master list of supported currencies with their display information.\n * This includes popular currencies with their ISO codes, names, symbols, countries, and flag emojis.\n * Private and readonly to ensure data integrity.\n */\n private readonly currencies: Currency[] = [\n { code: 'USD', name: 'US Dollar', symbol: '$', country: 'United States', flag: '🇺🇸' },\n { code: 'EUR', name: 'Euro', symbol: '€', country: 'European Union', flag: '🇪🇺' },\n { code: 'GBP', name: 'British Pound', symbol: '£', country: 'United Kingdom', flag: '🇬🇧' },\n { code: 'JPY', name: 'Japanese Yen', symbol: '¥', country: 'Japan', flag: '🇯🇵' },\n { code: 'CAD', name: 'Canadian Dollar', symbol: 'C$', country: 'Canada', flag: '🇨🇦' },\n { code: 'AUD', name: 'Australian Dollar', symbol: 'A$', country: 'Australia', flag: '🇦🇺' },\n { code: 'CHF', name: 'Swiss Franc', symbol: 'Fr', country: 'Switzerland', flag: '🇨🇭' },\n { code: 'CNY', name: 'Chinese Yuan', symbol: '¥', country: 'China', flag: '🇨🇳' },\n { code: 'INR', name: 'Indian Rupee', symbol: '₹', country: 'India', flag: '🇮🇳' },\n { code: 'KRW', name: 'South Korean Won', symbol: '₩', country: 'South Korea', flag: '🇰🇷' },\n { code: 'BRL', name: 'Brazilian Real', symbol: 'R$', country: 'Brazil', flag: '🇧🇷' },\n { code: 'MXN', name: 'Mexican Peso', symbol: '$', country: 'Mexico', flag: '🇲🇽' },\n { code: 'SGD', name: 'Singapore Dollar', symbol: 'S$', country: 'Singapore', flag: '🇸🇬' },\n { code: 'HKD', name: 'Hong Kong Dollar', symbol: 'HK$', country: 'Hong Kong', flag: '🇭🇰' },\n { code: 'NOK', name: 'Norwegian Krone', symbol: 'kr', country: 'Norway', flag: '🇳🇴' },\n { code: 'SEK', name: 'Swedish Krona', symbol: 'kr', country: 'Sweden', flag: '🇸🇪' },\n { code: 'DKK', name: 'Danish Krone', symbol: 'kr', country: 'Denmark', flag: '🇩🇰' },\n { code: 'PLN', name: 'Polish Zloty', symbol: 'zł', country: 'Poland', flag: '🇵🇱' },\n { code: 'RUB', name: 'Russian Ruble', symbol: '₽', country: 'Russia', flag: '🇷🇺' },\n { code: 'ZAR', name: 'South African Rand', symbol: 'R', country: 'South Africa', flag: '🇿🇦' },\n { code: 'TRY', name: 'Turkish Lira', symbol: '₺', country: 'Turkey', flag: '🇹🇷' },\n { code: 'NZD', name: 'New Zealand Dollar', symbol: 'NZ$', country: 'New Zealand', flag: '🇳🇿' },\n { code: 'THB', name: 'Thai Baht', symbol: '฿', country: 'Thailand', flag: '🇹🇭' },\n { code: 'ILS', name: 'Israeli Shekel', symbol: '₪', country: 'Israel', flag: '🇮🇱' },\n { code: 'AED', name: 'UAE Dirham', symbol: 'د.إ', country: 'United Arab Emirates', flag: '🇦🇪' },\n ]\n\n constructor() {\n super()\n this.internals = this.attachInternals()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this.updateSelectableCurrencies()\n this.updateFormValue()\n }\n\n /**\n * Updates the form value using ElementInternals.\n */\n private updateFormValue(): void {\n const value = this.selected.length > 0 ? this.selected.join(',') : null\n this.internals.setFormValue(value)\n }\n\n protected override willUpdate(changed: PropertyValues<this>): void {\n super.willUpdate(changed)\n\n // Validate selected currencies with error handling\n if (changed.has('selected')) {\n this.selected = this.safeCurrencyValidation(this.selected, 'selected')\n\n // Also validate against allowedCurrencies if specified\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n const invalidSelectedCodes = this.selected.filter((code) => !allowedSet.has(code))\n\n if (invalidSelectedCodes.length > 0) {\n this.setError({\n type: 'validation',\n message: `Selected currencies not in allowed list: ${invalidSelectedCodes.join(', ')}`,\n details: {\n property: 'selected',\n invalidCodes: invalidSelectedCodes,\n allowedCurrencies: this.allowedCurrencies,\n },\n })\n\n // Filter out invalid codes\n this.selected = this.selected.filter((code) => allowedSet.has(code))\n }\n }\n\n // Also validate selection constraints when property changes\n if (!this.multi && this.selected.length > 1) {\n // In single-select mode, keep only the first valid selection\n this.selected = this.selected.slice(0, 1)\n this.setError({\n type: 'selection',\n message: 'Multiple currency selection is not allowed when multi=false. Only first selection kept.',\n details: { multi: this.multi, originalSelection: changed.get('selected') },\n })\n }\n\n // Validate required constraint\n if (this.required && this.selected.length === 0) {\n this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n this.setAttribute('aria-invalid', 'true')\n this.dispatchErrorEvent({\n type: 'selection',\n message: 'At least one currency must be selected when required=true',\n details: { required: this.required, currentSelection: this.selected },\n })\n } else if (!this.required || this.selected.length > 0) {\n // Clear validation if not required or has selection\n this.internals.setValidity({})\n this.setAttribute('aria-invalid', 'false')\n }\n }\n // Validate allowed currencies with error handling\n if (changed.has('allowedCurrencies')) {\n this.allowedCurrencies = this.safeCurrencyValidation(this.allowedCurrencies, 'allowedCurrencies')\n\n // Filter selected currencies to only include allowed ones\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n const filteredSelected = this.selected.filter((code) => allowedSet.has(code))\n if (filteredSelected.length !== this.selected.length) {\n this.selected = filteredSelected\n }\n }\n }\n\n if (changed.has('selected') || changed.has('allowedCurrencies') || changed.has('multi')) {\n this.updateSelectableCurrencies()\n }\n\n // Update form value when selected changes\n if (changed.has('selected')) {\n this.updateFormValue()\n }\n\n // Synchronize the select element's value with the component's selected state\n if (changed.has('selected') && this.selectElement) {\n // In single-select mode, set the select value to the first selected currency or empty\n // In multi-select mode, always clear the select after selection to allow adding more\n if (!this.multi) {\n this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n } else {\n // For multi-select, always keep the select cleared to allow adding more currencies\n this.selectElement.value = ''\n }\n }\n }\n\n /**\n * Called after the component has been updated and rendered.\n * Ensures the select element's value stays synchronized with the component's selected state.\n */\n protected override updated(changed: PropertyValues<this>): void {\n super.updated(changed)\n\n // Ensure select element is synchronized after rendering\n if (this.selectElement && (changed.has('selected') || changed.has('multi'))) {\n if (!this.multi) {\n // In single-select mode, show the selected currency or clear the select\n this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n } else {\n // In multi-select mode, always keep the select cleared to allow adding more currencies\n this.selectElement.value = ''\n }\n }\n }\n\n /**\n * Sets an error state using ElementInternals and optionally dispatches an error event.\n * @param error The error to set\n * @param dispatch Whether to dispatch an error event (default: true)\n */\n private setError(error: CurrencyPickerError, dispatch = true): void {\n // Use ElementInternals for native form validation\n this.internals.setValidity({ customError: true }, error.message)\n this.setAttribute('aria-invalid', 'true')\n if (dispatch) {\n this.dispatchErrorEvent(error)\n }\n }\n\n /**\n * Dispatches an error event.\n * @param error The error to dispatch\n */\n private dispatchErrorEvent(error: CurrencyPickerError): void {\n this.dispatchEvent(\n new CustomEvent('error', {\n detail: { error },\n bubbles: false,\n })\n )\n }\n\n /**\n * Clears the current error state using ElementInternals.\n */\n private clearError(): void {\n this.internals.setValidity({})\n this.setAttribute('aria-invalid', 'false')\n }\n\n /**\n * Validates currency codes against the supported currencies.\n * @param codes Array of currency codes to validate\n * @returns Array of invalid currency codes\n */\n private validateCurrencyCodes(codes: string[]): string[] {\n return codes.filter((code) => !this.currencies.some((c) => c.code === code))\n }\n\n /**\n * Safely validates and filters currency codes, setting errors for invalid codes.\n * @param codes Array of currency codes to validate\n * @param property Name of the property being validated\n * @returns Array of valid currency codes\n */\n private safeCurrencyValidation(codes: string[], property: string): string[] {\n if (!Array.isArray(codes)) {\n this.setError({\n type: 'validation',\n message: `Invalid ${property}: expected array of currency codes`,\n details: { property, value: codes },\n })\n return []\n }\n\n const invalidCodes = this.validateCurrencyCodes(codes)\n if (invalidCodes.length > 0) {\n this.setError({\n type: 'validation',\n message: `Invalid currency codes in ${property}: ${invalidCodes.join(', ')}`,\n details: { property, invalidCodes, validCodes: this.currencies.map((c) => c.code) },\n }) // Dispatch error event for validation errors\n\n // Return only valid codes\n return codes.filter((code) => !invalidCodes.includes(code))\n }\n\n // Clear any previous validation errors for this property\n if (!this.internals.validity.valid) {\n this.clearError()\n }\n\n return codes\n }\n\n /**\n * Validates selection constraints using ElementInternals.\n * @param newSelection The new selection to validate\n * @returns Whether the selection is valid\n */\n private validateSelectionConstraints(newSelection: string[]): boolean {\n if (!this.multi && newSelection.length > 1) {\n this.setError({\n type: 'selection',\n message: 'Multiple currency selection is not allowed when multi=false',\n details: { multi: this.multi, attemptedSelection: newSelection },\n })\n return false\n }\n\n if (this.required && newSelection.length === 0) {\n this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n this.setAttribute('aria-invalid', 'true')\n this.dispatchErrorEvent({\n type: 'selection',\n message: 'At least one currency must be selected when required=true',\n details: { required: this.required, currentSelection: newSelection },\n })\n return false\n }\n\n return true\n }\n\n private updateSelectableCurrencies() {\n const selectedCodes = new Set(this.selected)\n\n // If allowedCurrencies is specified, filter the master list by it\n let availableCurrencies = this.currencies\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n availableCurrencies = this.currencies.filter((c) => allowedSet.has(c.code))\n }\n if (this.multi) {\n // Then filter out already selected currencies\n this.selectableCurrencies = availableCurrencies.filter((c) => !selectedCodes.has(c.code))\n } else {\n // If single-select, just use the available currencies\n this.selectableCurrencies = availableCurrencies\n }\n }\n\n private handleCurrencySelect(event: CustomEvent<UiSelectChangeEvent>) {\n event.stopPropagation()\n try {\n const select = event.target as UiSelectElement\n const selectedCode = select.value\n\n if (!selectedCode) return\n\n const currency = this.currencies.find((c) => c.code === selectedCode)\n if (!currency) {\n this.setError({\n type: 'selection',\n message: `Currency not found: ${selectedCode}`,\n details: { attemptedCode: selectedCode },\n })\n return\n }\n\n let newSelection: string[]\n\n if (this.multi) {\n // If multi-select, add the currency to the selection\n if (!this.selected.includes(currency.code)) {\n newSelection = [...this.selected, currency.code]\n } else {\n // Currency already selected, clear any selection errors but don't add duplicate\n if (!this.internals.validity.valid) {\n this.clearError()\n }\n return\n }\n } else {\n // If single-select, replace the current selection\n newSelection = [currency.code]\n }\n\n // Validate the new selection\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Reset the select for multi-select mode\n if (this.multi) {\n select.value = ''\n }\n\n // Clear any previous errors on successful selection\n this.clearError()\n this.dispatchChangeEvent()\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during currency selection: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n }\n }\n\n private handleRemoveCurrency(event: Event) {\n try {\n const chip = event.target as HTMLElement\n const currencyCode = chip.dataset.code\n\n if (!currencyCode) {\n this.setError({\n type: 'internal',\n message: 'Unable to determine currency code from chip element',\n details: { chipElement: chip },\n })\n return\n }\n\n const newSelection = this.selected.filter((code) => code !== currencyCode)\n\n // Validate the new selection (e.g., required constraint)\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Clear any previous errors on successful removal\n this.clearError()\n this.dispatchChangeEvent()\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during currency removal: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n }\n }\n\n private dispatchChangeEvent() {\n const selectedCurrencies = this.getSelectedCurrencies()\n\n // Update form value using ElementInternals\n this.updateFormValue()\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: {\n currencies: selectedCurrencies,\n codes: this.selected,\n },\n bubbles: false,\n })\n )\n }\n\n /**\n * Get the currently selected currency codes as a copy of the array.\n * This is a read-only getter that returns a shallow copy to prevent external modification.\n * @returns Array of selected ISO 4217 currency codes\n */\n get selectedCurrencyCodes(): string[] {\n return [...this.selected]\n }\n\n /**\n * Get the full currency objects for currently selected currencies.\n * This method looks up each selected currency code in the master currencies list\n * and returns the complete currency information including name, symbol, country, and flag.\n * @returns Array of complete Currency objects for selected currencies\n */\n getSelectedCurrencies(): Currency[] {\n const result: Currency[] = []\n for (const code of this.selected) {\n const currency = this.currencies.find((c) => c.code === code)\n if (currency) {\n result.push(currency)\n }\n }\n return result\n }\n\n /**\n * Clear all selected currencies.\n * This method removes all selections, validates constraints (such as required),\n * updates the UI, and dispatches a change event. If validation fails (e.g.,\n * component is required), the operation will be cancelled and an error will be set.\n * @throws Will dispatch an error event if validation fails or an internal error occurs\n */\n clearSelection() {\n try {\n const newSelection: string[] = []\n\n // Validate clearing selection (e.g., required constraint)\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Clear any previous errors on successful clear\n this.clearError()\n this.dispatchChangeEvent()\n\n // Synchronize the select element to show no selection\n if (this.selectElement) {\n this.selectElement.value = ''\n }\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during selection clear: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n } finally {\n this.requestUpdate()\n }\n }\n\n /**\n * Form state restore callback for ElementInternals.\n * This method is called by the browser when form state is being restored\n * (e.g., browser back/forward navigation, form autofill).\n * It parses a comma-separated string of currency codes and restores the selection.\n * @param state The state to restore - typically a comma-separated string of currency codes\n * @param _mode The restore mode (unused in this implementation)\n */\n formStateRestoreCallback(state: string | FormData | null): void {\n if (typeof state === 'string' && state) {\n this.selected = state.split(',').filter(Boolean)\n this.updateSelectableCurrencies()\n\n // Synchronize the select element with restored state\n if (this.selectElement) {\n if (!this.multi && this.selected.length > 0) {\n this.selectElement.value = this.selected[0]\n } else {\n this.selectElement.value = ''\n }\n }\n }\n }\n\n /**\n * Form reset callback for ElementInternals.\n * This method is called by the browser when the containing form is reset.\n * It clears all selections, updates the UI, clears any errors, and updates the form value.\n */\n formResetCallback(): void {\n this.selected = []\n this.updateSelectableCurrencies()\n this.clearError()\n this.updateFormValue()\n\n // Synchronize the select element to show no selection\n if (this.selectElement) {\n this.selectElement.value = ''\n }\n\n this.requestUpdate()\n }\n\n /**\n * Main render method for the component.\n * Renders the currency selector with dropdown, selected chips (if multi-select), and error display.\n * Updates ARIA attributes and error states based on current component state.\n * @returns TemplateResult containing the complete component HTML\n */\n override render(): TemplateResult {\n const ariaLabel = this.multi\n ? `Currency selector. ${this.selected.length} currencies selected.`\n : `Currency selector. ${this.selected.length > 0 ? this.selected[0] + ' selected' : 'No currency selected'}.`\n\n const hasError = !this.internals.validity.valid\n\n return html`\n <div class=\"currency-picker\" role=\"group\" aria-label=\"${ariaLabel}\">\n <ui-select\n label=\"${this.label}\"\n @change=\"${this.handleCurrencySelect}\"\n menuPositioning=\"popover\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n .supportingText=\"${this.supportingText || ''}\"\n .name=\"${this.name || ''}\"\n aria-describedby=\"${this.supportingText ? 'supporting-text' : ''}\"\n aria-invalid=\"${hasError ? 'true' : 'false'}\"\n >\n <ui-option value=\"\">\n <div>Select a currency...</div>\n </ui-option>\n ${repeat(\n this.selectableCurrencies,\n (currency) => currency.code,\n (currency) => html`\n <ui-option value=\"${currency.code}\">\n <div slot=\"overline\">${currency.country}</div>\n <div slot=\"supporting-text\">${currency.name}</div>\n <div slot=\"end-text\" class=\"currency-symbol\">${currency.symbol}</div>\n <div slot=\"start\" class=\"flag\">${currency.flag}</div>\n <div>${currency.code}</div>\n </ui-option>\n `\n )}\n </ui-select>\n ${this.renderSelected()}${this.renderError()}\n </div>\n `\n }\n\n /**\n * Renders error messages when showErrors is true and the component is invalid.\n * The error display uses ARIA live regions for accessibility.\n * @returns TemplateResult with error display or nothing if no errors should be shown\n */\n protected renderError(): TemplateResult | typeof nothing {\n if (!this.showErrors || this.internals.validity.valid) {\n return nothing\n }\n\n return html`\n <div class=\"error\" role=\"alert\" aria-live=\"polite\">\n <span class=\"error-message\">${this.internals.validationMessage}</span>\n </div>\n `\n }\n\n /**\n * Renders the selected currencies as removable chips in multi-select mode.\n * Only renders when multi=true and there are selected currencies.\n * Each chip displays the currency flag and code, and can be removed by the user.\n * @returns TemplateResult with chip display or nothing if not applicable\n */\n protected renderSelected(): TemplateResult | typeof nothing {\n if (!this.multi) {\n return nothing\n }\n const selected = this.getSelectedCurrencies()\n if (selected.length === 0) return nothing\n\n return html`\n <ui-chip-set>\n ${repeat(\n selected,\n (currency) => currency.code,\n (currency) => html`\n <ui-chip\n data-code=\"${currency.code}\"\n type=\"input\"\n @remove=\"${this.handleRemoveCurrency}\"\n ?removable=\"${true}\"\n >\n <span slot=\"icon\" class=\"chip-flag\">${currency.flag}</span>\n <span class=\"chip-code\">${currency.code}</span>\n </ui-chip>\n `\n )}\n </ui-chip-set>\n `\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type TemplateResult, type PropertyValues, nothing } from 'lit'\nimport { property, state, query } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport type { UiSelectChangeEvent, UiSelectElement } from '../../../md/select/ui-select.js'\n\nimport '../../../md/chip/ui-chip-set.js'\nimport '../../../md/chip/ui-chip.js'\nimport '../../../md/select/ui-select.js'\nimport '../../../md/select/ui-option.js'\n\n/**\n * Represents a currency with all its display information.\n */\nexport interface Currency {\n /** ISO 4217 currency code (e.g., 'USD', 'EUR') */\n code: string\n /** Full name of the currency (e.g., 'US Dollar', 'Euro') */\n name: string\n /** Currency symbol (e.g., '$', '€') */\n symbol: string\n /** Country or region name (e.g., 'United States', 'European Union') */\n country: string\n /** Flag emoji representing the currency's origin */\n flag: string\n}\n\n/**\n * Represents an error that can occur in the CurrencyPicker component.\n */\nexport interface CurrencyPickerError {\n /** Type of error: validation, selection constraint, or internal error */\n type: 'validation' | 'selection' | 'internal'\n /** Human-readable error message */\n message: string\n /** Optional additional details about the error for debugging */\n details?: Record<string, unknown>\n}\n\n/**\n * Event detail interface for currency picker error events.\n */\nexport interface CurrencyPickerErrorEvent {\n /** The error information */\n error: CurrencyPickerError\n}\n\n/**\n * A web component for selecting currencies with chips display.\n * Provides a searchable interface with country flags and currency information.\n *\n * This component uses ElementInternals for native form integration and\n * follows web standards for error handling and validation.\n *\n * ## Features\n * - Single or multi-select currency selection\n * - Visual chips display for selected currencies\n * - Native form integration with ElementInternals\n * - Comprehensive validation and error handling\n * - Accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Currency filtering based on allowed currencies\n *\n * ## Usage\n * ```html\n * <!-- Basic usage -->\n * <currency-picker></currency-picker>\n *\n * <!-- Multi-select with allowed currencies -->\n * <currency-picker multi .allowedCurrencies=\"${['USD', 'EUR', 'GBP']}\"></currency-picker>\n *\n * <!-- Form integration -->\n * <form>\n * <currency-picker name=\"currencies\" required></currency-picker>\n * </form>\n * ```\n *\n * @fires change - Dispatched when selected currencies change due to user interaction.\n * Contains {currencies: Currency[], codes: string[]} in event.detail\n * @fires error - Dispatched when validation or other errors occur.\n * Contains {error: CurrencyPickerError} in event.detail\n *\n * @example\n * ```typescript\n * const picker = document.querySelector('currency-picker');\n * picker.addEventListener('change', (e) => {\n * console.log('Selected currencies:', e.detail.currencies);\n * });\n * picker.addEventListener('error', (e) => {\n * console.error('Picker error:', e.detail.error.message);\n * });\n * ```\n */\nexport default class CurrencyPicker extends LitElement {\n /**\n * Indicates that this custom element is form-associated and can participate in form submission.\n * This enables the component to work with native HTML forms and use ElementInternals.\n */\n static formAssociated = true\n\n /**\n * Private ElementInternals instance for form integration and validation.\n * Provides access to form APIs like setFormValue, setValidity, etc.\n */\n private internals: ElementInternals\n\n /**\n * Shadow root configuration for the component.\n * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n */\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n }\n\n /**\n * The currently selected currency codes.\n * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n */\n @property({ type: Array }) accessor selected: string[] = []\n\n /**\n * The currencies that should be available for selection.\n * If not specified, all supported currencies will be available.\n * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n */\n @property({ type: Array }) accessor allowedCurrencies: string[] = []\n\n /**\n * The label for the currency selection dropdown.\n * This is displayed as the label for the select input.\n * @attribute\n */\n @property({ type: String }) accessor label = 'Add Currency'\n\n /**\n * The name attribute for the currency selection dropdown.\n * This is used when submitting forms that include this component.\n * @attribute\n */\n @property({ type: String }) accessor name: string | undefined\n\n /**\n * Supporting text for the currency selection dropdown.\n * This is displayed below the select input.\n * @attribute\n */\n @property({ type: String }) accessor supportingText: string | undefined\n\n /**\n * Whether the currency selection is required.\n * If true, the component will enforce at least one currency to be selected.\n * @attribute\n */\n @property({ type: Boolean }) accessor required = false\n\n /**\n * Whether the currency selection is disabled.\n * If true, the component will not allow any changes to the selected currencies.\n * @attribute\n */\n @property({ type: Boolean }) accessor disabled = false\n /**\n * Whether multiple currencies can be selected.\n * If true, the component allows selecting multiple currencies.\n * If false, only one currency can be selected at a time.\n * @attribute\n */\n @property({ type: Boolean }) accessor multi = false\n\n /**\n * Whether to show errors inline within the component.\n * If true, errors will be displayed below the component.\n * If false, errors will only be dispatched as events.\n * @attribute\n */\n @property({ type: Boolean }) accessor showErrors = true\n\n /**\n * The currently selectable currencies (filtered based on selection and allowed currencies).\n * This is automatically updated based on the selected currencies and allowedCurrencies property.\n */\n @state() private accessor selectableCurrencies: Currency[] = []\n\n /**\n * Reference to the Material Design outlined select element.\n * Used to manage the select's internal state and keep it synchronized with the component's selected property.\n */\n @query('ui-select')\n private accessor selectElement!: UiSelectElement\n\n /**\n * Returns the form element that contains this component, if any.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get form() {\n return this.internals.form\n }\n\n /**\n * Returns the validity state of the component.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get validity() {\n return this.internals.validity\n }\n\n /**\n * Returns the validation message for the component.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get validationMessage() {\n return this.internals.validationMessage\n }\n\n /**\n * Returns whether the component will be validated when the form is submitted.\n * Part of the ElementInternals API for form-associated custom elements.\n */\n get willValidate() {\n return this.internals.willValidate\n }\n\n /**\n * Checks the validity of the component without displaying validation UI.\n * Part of the ElementInternals API for form-associated custom elements.\n * @returns True if the component is valid, false otherwise\n */\n checkValidity() {\n return this.internals.checkValidity()\n }\n\n /**\n * Checks the validity of the component and displays validation UI if invalid.\n * Part of the ElementInternals API for form-associated custom elements.\n * @returns True if the component is valid, false otherwise\n */\n reportValidity() {\n return this.internals.reportValidity()\n }\n\n /**\n * Master list of supported currencies with their display information.\n * This includes popular currencies with their ISO codes, names, symbols, countries, and flag emojis.\n * Private and readonly to ensure data integrity.\n */\n private readonly currencies: Currency[] = [\n { code: 'USD', name: 'US Dollar', symbol: '$', country: 'United States', flag: '🇺🇸' },\n { code: 'EUR', name: 'Euro', symbol: '€', country: 'European Union', flag: '🇪🇺' },\n { code: 'GBP', name: 'British Pound', symbol: '£', country: 'United Kingdom', flag: '🇬🇧' },\n { code: 'JPY', name: 'Japanese Yen', symbol: '¥', country: 'Japan', flag: '🇯🇵' },\n { code: 'CAD', name: 'Canadian Dollar', symbol: 'C$', country: 'Canada', flag: '🇨🇦' },\n { code: 'AUD', name: 'Australian Dollar', symbol: 'A$', country: 'Australia', flag: '🇦🇺' },\n { code: 'CHF', name: 'Swiss Franc', symbol: 'Fr', country: 'Switzerland', flag: '🇨🇭' },\n { code: 'CNY', name: 'Chinese Yuan', symbol: '¥', country: 'China', flag: '🇨🇳' },\n { code: 'INR', name: 'Indian Rupee', symbol: '₹', country: 'India', flag: '🇮🇳' },\n { code: 'KRW', name: 'South Korean Won', symbol: '₩', country: 'South Korea', flag: '🇰🇷' },\n { code: 'BRL', name: 'Brazilian Real', symbol: 'R$', country: 'Brazil', flag: '🇧🇷' },\n { code: 'MXN', name: 'Mexican Peso', symbol: '$', country: 'Mexico', flag: '🇲🇽' },\n { code: 'SGD', name: 'Singapore Dollar', symbol: 'S$', country: 'Singapore', flag: '🇸🇬' },\n { code: 'HKD', name: 'Hong Kong Dollar', symbol: 'HK$', country: 'Hong Kong', flag: '🇭🇰' },\n { code: 'NOK', name: 'Norwegian Krone', symbol: 'kr', country: 'Norway', flag: '🇳🇴' },\n { code: 'SEK', name: 'Swedish Krona', symbol: 'kr', country: 'Sweden', flag: '🇸🇪' },\n { code: 'DKK', name: 'Danish Krone', symbol: 'kr', country: 'Denmark', flag: '🇩🇰' },\n { code: 'PLN', name: 'Polish Zloty', symbol: 'zł', country: 'Poland', flag: '🇵🇱' },\n { code: 'RUB', name: 'Russian Ruble', symbol: '₽', country: 'Russia', flag: '🇷🇺' },\n { code: 'ZAR', name: 'South African Rand', symbol: 'R', country: 'South Africa', flag: '🇿🇦' },\n { code: 'TRY', name: 'Turkish Lira', symbol: '₺', country: 'Turkey', flag: '🇹🇷' },\n { code: 'NZD', name: 'New Zealand Dollar', symbol: 'NZ$', country: 'New Zealand', flag: '🇳🇿' },\n { code: 'THB', name: 'Thai Baht', symbol: '฿', country: 'Thailand', flag: '🇹🇭' },\n { code: 'ILS', name: 'Israeli Shekel', symbol: '₪', country: 'Israel', flag: '🇮🇱' },\n { code: 'AED', name: 'UAE Dirham', symbol: 'د.إ', country: 'United Arab Emirates', flag: '🇦🇪' },\n ]\n\n constructor() {\n super()\n this.internals = this.attachInternals()\n }\n\n override connectedCallback() {\n super.connectedCallback()\n this.updateSelectableCurrencies()\n this.updateFormValue()\n }\n\n /**\n * Updates the form value using ElementInternals.\n */\n private updateFormValue(): void {\n const value = this.selected.length > 0 ? this.selected.join(',') : null\n this.internals.setFormValue(value)\n }\n\n protected override willUpdate(changed: PropertyValues<this>): void {\n super.willUpdate(changed)\n\n // Validate selected currencies with error handling\n if (changed.has('selected')) {\n this.selected = this.safeCurrencyValidation(this.selected, 'selected')\n\n // Also validate against allowedCurrencies if specified\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n const invalidSelectedCodes = this.selected.filter((code) => !allowedSet.has(code))\n\n if (invalidSelectedCodes.length > 0) {\n this.setError({\n type: 'validation',\n message: `Selected currencies not in allowed list: ${invalidSelectedCodes.join(', ')}`,\n details: {\n property: 'selected',\n invalidCodes: invalidSelectedCodes,\n allowedCurrencies: this.allowedCurrencies,\n },\n })\n\n // Filter out invalid codes\n this.selected = this.selected.filter((code) => allowedSet.has(code))\n }\n }\n\n // Also validate selection constraints when property changes\n if (!this.multi && this.selected.length > 1) {\n // In single-select mode, keep only the first valid selection\n this.selected = this.selected.slice(0, 1)\n this.setError({\n type: 'selection',\n message: 'Multiple currency selection is not allowed when multi=false. Only first selection kept.',\n details: { multi: this.multi, originalSelection: changed.get('selected') },\n })\n }\n\n // Validate required constraint\n if (this.required && this.selected.length === 0) {\n this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n this.setAttribute('aria-invalid', 'true')\n this.dispatchErrorEvent({\n type: 'selection',\n message: 'At least one currency must be selected when required=true',\n details: { required: this.required, currentSelection: this.selected },\n })\n } else if (!this.required || this.selected.length > 0) {\n // Clear validation if not required or has selection\n this.internals.setValidity({})\n this.setAttribute('aria-invalid', 'false')\n }\n }\n // Validate allowed currencies with error handling\n if (changed.has('allowedCurrencies')) {\n this.allowedCurrencies = this.safeCurrencyValidation(this.allowedCurrencies, 'allowedCurrencies')\n\n // Filter selected currencies to only include allowed ones\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n const filteredSelected = this.selected.filter((code) => allowedSet.has(code))\n if (filteredSelected.length !== this.selected.length) {\n this.selected = filteredSelected\n }\n }\n }\n\n if (changed.has('selected') || changed.has('allowedCurrencies') || changed.has('multi')) {\n this.updateSelectableCurrencies()\n }\n\n // Update form value when selected changes\n if (changed.has('selected')) {\n this.updateFormValue()\n }\n\n // Synchronize the select element's value with the component's selected state\n if (changed.has('selected') && this.selectElement) {\n // In single-select mode, set the select value to the first selected currency or empty\n // In multi-select mode, always clear the select after selection to allow adding more\n if (!this.multi) {\n this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n } else {\n // For multi-select, always keep the select cleared to allow adding more currencies\n this.selectElement.value = ''\n }\n }\n }\n\n /**\n * Called after the component has been updated and rendered.\n * Ensures the select element's value stays synchronized with the component's selected state.\n */\n protected override updated(changed: PropertyValues<this>): void {\n super.updated(changed)\n\n // Ensure select element is synchronized after rendering\n if (this.selectElement && (changed.has('selected') || changed.has('multi'))) {\n if (!this.multi) {\n // In single-select mode, show the selected currency or clear the select\n this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n } else {\n // In multi-select mode, always keep the select cleared to allow adding more currencies\n this.selectElement.value = ''\n }\n }\n }\n\n /**\n * Sets an error state using ElementInternals and optionally dispatches an error event.\n * @param error The error to set\n * @param dispatch Whether to dispatch an error event (default: true)\n */\n private setError(error: CurrencyPickerError, dispatch = true): void {\n // Use ElementInternals for native form validation\n this.internals.setValidity({ customError: true }, error.message)\n this.setAttribute('aria-invalid', 'true')\n if (dispatch) {\n this.dispatchErrorEvent(error)\n }\n }\n\n /**\n * Dispatches an error event.\n * @param error The error to dispatch\n */\n private dispatchErrorEvent(error: CurrencyPickerError): void {\n this.dispatchEvent(\n new CustomEvent('error', {\n detail: { error },\n bubbles: false,\n })\n )\n }\n\n /**\n * Clears the current error state using ElementInternals.\n */\n private clearError(): void {\n this.internals.setValidity({})\n this.setAttribute('aria-invalid', 'false')\n }\n\n /**\n * Validates currency codes against the supported currencies.\n * @param codes Array of currency codes to validate\n * @returns Array of invalid currency codes\n */\n private validateCurrencyCodes(codes: string[]): string[] {\n return codes.filter((code) => !this.currencies.some((c) => c.code === code))\n }\n\n /**\n * Safely validates and filters currency codes, setting errors for invalid codes.\n * @param codes Array of currency codes to validate\n * @param property Name of the property being validated\n * @returns Array of valid currency codes\n */\n private safeCurrencyValidation(codes: string[], property: string): string[] {\n if (!Array.isArray(codes)) {\n this.setError({\n type: 'validation',\n message: `Invalid ${property}: expected array of currency codes`,\n details: { property, value: codes },\n })\n return []\n }\n\n const invalidCodes = this.validateCurrencyCodes(codes)\n if (invalidCodes.length > 0) {\n this.setError({\n type: 'validation',\n message: `Invalid currency codes in ${property}: ${invalidCodes.join(', ')}`,\n details: { property, invalidCodes, validCodes: this.currencies.map((c) => c.code) },\n }) // Dispatch error event for validation errors\n\n // Return only valid codes\n return codes.filter((code) => !invalidCodes.includes(code))\n }\n\n // Clear any previous validation errors for this property\n if (!this.internals.validity.valid) {\n this.clearError()\n }\n\n return codes\n }\n\n /**\n * Validates selection constraints using ElementInternals.\n * @param newSelection The new selection to validate\n * @returns Whether the selection is valid\n */\n private validateSelectionConstraints(newSelection: string[]): boolean {\n if (!this.multi && newSelection.length > 1) {\n this.setError({\n type: 'selection',\n message: 'Multiple currency selection is not allowed when multi=false',\n details: { multi: this.multi, attemptedSelection: newSelection },\n })\n return false\n }\n\n if (this.required && newSelection.length === 0) {\n this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n this.setAttribute('aria-invalid', 'true')\n this.dispatchErrorEvent({\n type: 'selection',\n message: 'At least one currency must be selected when required=true',\n details: { required: this.required, currentSelection: newSelection },\n })\n return false\n }\n\n return true\n }\n\n private updateSelectableCurrencies() {\n const selectedCodes = new Set(this.selected)\n\n // If allowedCurrencies is specified, filter the master list by it\n let availableCurrencies = this.currencies\n if (this.allowedCurrencies.length > 0) {\n const allowedSet = new Set(this.allowedCurrencies)\n availableCurrencies = this.currencies.filter((c) => allowedSet.has(c.code))\n }\n if (this.multi) {\n // Then filter out already selected currencies\n this.selectableCurrencies = availableCurrencies.filter((c) => !selectedCodes.has(c.code))\n } else {\n // If single-select, just use the available currencies\n this.selectableCurrencies = availableCurrencies\n }\n }\n\n private handleCurrencySelect(event: CustomEvent<UiSelectChangeEvent>) {\n event.stopPropagation()\n try {\n const select = event.target as UiSelectElement\n const selectedCode = select.value\n\n if (!selectedCode) return\n\n const currency = this.currencies.find((c) => c.code === selectedCode)\n if (!currency) {\n this.setError({\n type: 'selection',\n message: `Currency not found: ${selectedCode}`,\n details: { attemptedCode: selectedCode },\n })\n return\n }\n\n let newSelection: string[]\n\n if (this.multi) {\n // If multi-select, add the currency to the selection\n if (!this.selected.includes(currency.code)) {\n newSelection = [...this.selected, currency.code]\n } else {\n // Currency already selected, clear any selection errors but don't add duplicate\n if (!this.internals.validity.valid) {\n this.clearError()\n }\n return\n }\n } else {\n // If single-select, replace the current selection\n newSelection = [currency.code]\n }\n\n // Validate the new selection\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Reset the select for multi-select mode\n if (this.multi) {\n select.value = ''\n }\n\n // Clear any previous errors on successful selection\n this.clearError()\n this.dispatchChangeEvent()\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during currency selection: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n }\n }\n\n private handleRemoveCurrency(event: Event) {\n try {\n const chip = event.target as HTMLElement\n const currencyCode = chip.dataset.code\n\n if (!currencyCode) {\n this.setError({\n type: 'internal',\n message: 'Unable to determine currency code from chip element',\n details: { chipElement: chip },\n })\n return\n }\n\n const newSelection = this.selected.filter((code) => code !== currencyCode)\n\n // Validate the new selection (e.g., required constraint)\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Clear any previous errors on successful removal\n this.clearError()\n this.dispatchChangeEvent()\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during currency removal: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n }\n }\n\n private dispatchChangeEvent() {\n const selectedCurrencies = this.getSelectedCurrencies()\n\n // Update form value using ElementInternals\n this.updateFormValue()\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: {\n currencies: selectedCurrencies,\n codes: this.selected,\n },\n bubbles: false,\n })\n )\n }\n\n /**\n * Get the currently selected currency codes as a copy of the array.\n * This is a read-only getter that returns a shallow copy to prevent external modification.\n * @returns Array of selected ISO 4217 currency codes\n */\n get selectedCurrencyCodes(): string[] {\n return [...this.selected]\n }\n\n /**\n * Get the full currency objects for currently selected currencies.\n * This method looks up each selected currency code in the master currencies list\n * and returns the complete currency information including name, symbol, country, and flag.\n * @returns Array of complete Currency objects for selected currencies\n */\n getSelectedCurrencies(): Currency[] {\n const result: Currency[] = []\n for (const code of this.selected) {\n const currency = this.currencies.find((c) => c.code === code)\n if (currency) {\n result.push(currency)\n }\n }\n return result\n }\n\n /**\n * Clear all selected currencies.\n * This method removes all selections, validates constraints (such as required),\n * updates the UI, and dispatches a change event. If validation fails (e.g.,\n * component is required), the operation will be cancelled and an error will be set.\n * @throws Will dispatch an error event if validation fails or an internal error occurs\n */\n clearSelection() {\n try {\n const newSelection: string[] = []\n\n // Validate clearing selection (e.g., required constraint)\n if (!this.validateSelectionConstraints(newSelection)) {\n return // Error was set in validateSelectionConstraints\n }\n\n this.selected = newSelection\n this.updateSelectableCurrencies()\n\n // Clear any previous errors on successful clear\n this.clearError()\n this.dispatchChangeEvent()\n\n // Synchronize the select element to show no selection\n if (this.selectElement) {\n this.selectElement.value = ''\n }\n } catch (error) {\n this.setError({\n type: 'internal',\n message: `Internal error during selection clear: ${error instanceof Error ? error.message : String(error)}`,\n details: { originalError: error },\n })\n } finally {\n this.requestUpdate()\n }\n }\n\n /**\n * Form state restore callback for ElementInternals.\n * This method is called by the browser when form state is being restored\n * (e.g., browser back/forward navigation, form autofill).\n * It parses a comma-separated string of currency codes and restores the selection.\n * @param state The state to restore - typically a comma-separated string of currency codes\n * @param _mode The restore mode (unused in this implementation)\n */\n formStateRestoreCallback(state: string | FormData | null): void {\n if (typeof state === 'string' && state) {\n this.selected = state.split(',').filter(Boolean)\n this.updateSelectableCurrencies()\n\n // Synchronize the select element with restored state\n if (this.selectElement) {\n if (!this.multi && this.selected.length > 0) {\n this.selectElement.value = this.selected[0]\n } else {\n this.selectElement.value = ''\n }\n }\n }\n }\n\n /**\n * Form reset callback for ElementInternals.\n * This method is called by the browser when the containing form is reset.\n * It clears all selections, updates the UI, clears any errors, and updates the form value.\n */\n formResetCallback(): void {\n this.selected = []\n this.updateSelectableCurrencies()\n this.clearError()\n this.updateFormValue()\n\n // Synchronize the select element to show no selection\n if (this.selectElement) {\n this.selectElement.value = ''\n }\n\n this.requestUpdate()\n }\n\n /**\n * Main render method for the component.\n * Renders the currency selector with dropdown, selected chips (if multi-select), and error display.\n * Updates ARIA attributes and error states based on current component state.\n * @returns TemplateResult containing the complete component HTML\n */\n override render(): TemplateResult {\n const ariaLabel = this.multi\n ? `Currency selector. ${this.selected.length} currencies selected.`\n : `Currency selector. ${this.selected.length > 0 ? this.selected[0] + ' selected' : 'No currency selected'}.`\n\n const hasError = !this.internals.validity.valid\n\n return html`\n <div class=\"currency-picker\" role=\"group\" aria-label=\"${ariaLabel}\">\n <ui-select\n label=\"${this.label}\"\n @change=\"${this.handleCurrencySelect}\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n .supportingText=\"${this.supportingText || ''}\"\n .name=\"${this.name || ''}\"\n aria-describedby=\"${this.supportingText ? 'supporting-text' : ''}\"\n aria-invalid=\"${hasError ? 'true' : 'false'}\"\n >\n <ui-option value=\"\">\n <div>Select a currency...</div>\n </ui-option>\n ${repeat(\n this.selectableCurrencies,\n (currency) => currency.code,\n (currency) => html`\n <ui-option value=\"${currency.code}\">\n <div slot=\"overline\">${currency.country}</div>\n <div slot=\"supporting-text\">${currency.name}</div>\n <div slot=\"end-text\" class=\"currency-symbol\">${currency.symbol}</div>\n <div slot=\"start\" class=\"flag\">${currency.flag}</div>\n <div>${currency.code}</div>\n </ui-option>\n `\n )}\n </ui-select>\n ${this.renderSelected()}${this.renderError()}\n </div>\n `\n }\n\n /**\n * Renders error messages when showErrors is true and the component is invalid.\n * The error display uses ARIA live regions for accessibility.\n * @returns TemplateResult with error display or nothing if no errors should be shown\n */\n protected renderError(): TemplateResult | typeof nothing {\n if (!this.showErrors || this.internals.validity.valid) {\n return nothing\n }\n\n return html`\n <div class=\"error\" role=\"alert\" aria-live=\"polite\">\n <span class=\"error-message\">${this.internals.validationMessage}</span>\n </div>\n `\n }\n\n /**\n * Renders the selected currencies as removable chips in multi-select mode.\n * Only renders when multi=true and there are selected currencies.\n * Each chip displays the currency flag and code, and can be removed by the user.\n * @returns TemplateResult with chip display or nothing if not applicable\n */\n protected renderSelected(): TemplateResult | typeof nothing {\n if (!this.multi) {\n return nothing\n }\n const selected = this.getSelectedCurrencies()\n if (selected.length === 0) return nothing\n\n return html`\n <ui-chip-set>\n ${repeat(\n selected,\n (currency) => currency.code,\n (currency) => html`\n <ui-chip\n data-code=\"${currency.code}\"\n type=\"input\"\n @remove=\"${this.handleRemoveCurrency}\"\n ?removable=\"${true}\"\n >\n <span slot=\"icon\" class=\"chip-flag\">${currency.flag}</span>\n <span class=\"chip-code\">${currency.code}</span>\n </ui-chip>\n `\n )}\n </ui-chip-set>\n `\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/md/menu/internal/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1D,OAAO,MAAM,MAAM,8BAA8B,CAAA;AACjD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,UAAU,MAAM,kCAAkC,CAAA;AAGzD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,MAAM;IACtC;;;OAGG;IACyC,QAAQ,CAAC,IAAI,UAAQ;IAEjE;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;OAEG;IACM,QAAQ,CAAC,aAAa,EAAE,SAAS,GAAG,IAAI,CAAO;;IAS/C,iBAAiB,IAAI,IAAI;cAYf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQhE,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO;IAYhD,SAAS,CAAC,cAAc,IAAI,UAAU,EAAE;IAOxC,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACM,WAAW,IAAI,IAAI;IAU5B;;OAEG;IACM,WAAW,IAAI,IAAI;IAS5B,YAAY,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/md/menu/internal/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1D,OAAO,MAAM,MAAM,8BAA8B,CAAA;AACjD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,UAAU,MAAM,kCAAkC,CAAA;AAGzD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,MAAM;IACtC;;;OAGG;IACyC,QAAQ,CAAC,IAAI,UAAQ;IAEjE;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;OAEG;IACM,QAAQ,CAAC,aAAa,EAAE,SAAS,GAAG,IAAI,CAAO;;IAS/C,iBAAiB,IAAI,IAAI;cAYf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQhE,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO;IAYhD,SAAS,CAAC,cAAc,IAAI,UAAU,EAAE;IAOxC,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACM,WAAW,IAAI,IAAI;IAU5B;;OAEG;IACM,WAAW,IAAI,IAAI;IAS5B,YAAY,IAAI,IAAI;IAwDpB;;OAEG;IACH,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAQ5C;;OAEG;IACM,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAuB9C,mBAAmB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAIzC;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,IAAI;IAO7B;;OAEG;IACH,YAAY,IAAI,IAAI;IAQpB;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI;IAKxC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAQzF;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAOhC;;OAEG;IACH,IAAI,YAAY,IAAI,UAAU,GAAG,IAAI,CAGpC;IAED;;OAEG;IACH,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI;IAO9C;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAKjD;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAKzB,MAAM,IAAI,cAAc;CAWlC"}
|
|
@@ -136,11 +136,16 @@ let Menu = (() => {
|
|
|
136
136
|
// Let CSS anchor positioning handle the positioning automatically
|
|
137
137
|
// Only intervene if we need to set max-height for overflow cases
|
|
138
138
|
const box = this.getBoundingClientRect();
|
|
139
|
-
const menuBottom = box.top + box.height;
|
|
140
|
-
const menuRight = box.left + box.width;
|
|
141
139
|
// Reset any previous manual positioning to let CSS anchor positioning work
|
|
142
140
|
this.style.removeProperty('position-area');
|
|
143
141
|
this.style.removeProperty('max-height');
|
|
142
|
+
this.style.removeProperty('max-width');
|
|
143
|
+
// Check if the menu content is being clipped
|
|
144
|
+
const isVerticallyClipped = this.scrollHeight > this.clientHeight;
|
|
145
|
+
const isHorizontallyClipped = this.scrollWidth > this.clientWidth;
|
|
146
|
+
// Get the actual bottom and right edges of the menu
|
|
147
|
+
const menuBottom = box.top + box.height;
|
|
148
|
+
const menuRight = box.left + box.width;
|
|
144
149
|
// Detect if menu is positioned above or below the anchor
|
|
145
150
|
// by checking if the menu is in the upper or lower half of the viewport
|
|
146
151
|
const viewportMiddle = innerHeight / 2;
|
|
@@ -154,15 +159,22 @@ let Menu = (() => {
|
|
|
154
159
|
this.classList.add('menu-positioned-below');
|
|
155
160
|
this.classList.remove('menu-positioned-above');
|
|
156
161
|
}
|
|
157
|
-
// Only set max-height if the menu would overflow
|
|
158
|
-
if (menuBottom > innerHeight) {
|
|
159
|
-
|
|
162
|
+
// Only set max-height if the menu would overflow the viewport OR is already clipped
|
|
163
|
+
if (menuBottom > innerHeight || isVerticallyClipped) {
|
|
164
|
+
let availableHeight;
|
|
165
|
+
if (isMenuInUpperHalf) {
|
|
166
|
+
// Menu is positioned below the anchor - available space is from top to bottom of viewport
|
|
167
|
+
availableHeight = innerHeight - box.top;
|
|
168
|
+
}
|
|
169
|
+
else {
|
|
170
|
+
// Menu is positioned above the anchor - available space is from top of viewport to bottom of menu
|
|
171
|
+
availableHeight = box.top + box.height;
|
|
172
|
+
}
|
|
160
173
|
this.style.maxHeight = `${Math.max(200, availableHeight - 20)}px`;
|
|
161
174
|
}
|
|
162
|
-
if
|
|
175
|
+
// Only set max-width if the menu would overflow the viewport OR is already clipped
|
|
176
|
+
if (menuRight > innerWidth || isHorizontallyClipped) {
|
|
163
177
|
const availableWidth = innerWidth - box.left;
|
|
164
|
-
// Let CSS anchor positioning handle horizontal flipping
|
|
165
|
-
// We could set max-width if needed
|
|
166
178
|
if (availableWidth < 200) {
|
|
167
179
|
this.style.maxWidth = `${Math.max(180, availableWidth - 20)}px`;
|
|
168
180
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/md/menu/internal/Menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { nanoid } from 'nanoid'\nimport UiList from '../../list/internals/List.js'\nimport UiMenuItem from './MenuItem.js'\nimport UiSubMenu from './SubMenu.js'\nimport { setDisabled } from '../../../lib/disabled.js'\nimport UiListItem from '../../list/internals/ListItem.js'\nimport { bound } from '../../../decorators/bound.js'\n\n/**\n * Material Design 3 Menu component with sub-menu support.\n * Uses Popover API and Anchor Positioning API for modern positioning.\n *\n * @fires select - Dispatched when a menu item is selected\n * @fires close - Dispatched when the menu is closed\n * @fires open - Dispatched when the menu is opened\n */\nexport default class Menu extends UiList {\n /**\n * Whether the menu is currently open\n * @attribute\n */\n @property({ type: Boolean, reflect: true }) accessor open = false\n\n /**\n * Whether the menu is disabled\n * @attribute\n */\n @property({ type: Boolean, reflect: true }) accessor disabled = false\n\n /**\n * Currently active sub-menu\n */\n @state() accessor activeSubMenu: UiSubMenu | null = null\n\n constructor() {\n super()\n this.selector = 'ui-menu-item'\n this.ariaExpanded = 'false'\n this.addEventListener('beforetoggle', this.handleBeforeToggle.bind(this))\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n this.setAttribute('role', 'menu')\n this.setAttribute('tabindex', '-1')\n if (!this.hasAttribute('popover')) {\n this.setAttribute('popover', 'auto')\n }\n if (!this.id) {\n this.id = nanoid()\n }\n }\n\n protected override updated(changedProperties: PropertyValues<this>): void {\n super.updated(changedProperties)\n\n if (changedProperties.has('disabled')) {\n setDisabled(this, this.disabled)\n }\n }\n\n override togglePopover(force?: boolean): boolean {\n this.open = !this.open\n this.ariaExpanded = String(this.open)\n this.tabIndex = this.open ? 0 : -1\n const result = super.togglePopover(force)\n if (this.open) {\n this.positionMenu()\n this.focus()\n }\n return result\n }\n\n protected queryMenuItems(): UiMenuItem[] {\n const slot = this.shadowRoot?.querySelector('slot')\n if (!slot) return []\n const { selector } = this\n return Array.from(slot.assignedElements({ flatten: true })).filter((el) => el.matches(selector)) as UiMenuItem[]\n }\n\n show(): void {\n this.showPopover()\n }\n\n hide(): void {\n this.hidePopover()\n }\n\n /**\n * Shows the menu\n */\n override showPopover(): void {\n this.tabIndex = 0 // Make menu focusable\n this.ariaExpanded = 'true'\n super.showPopover()\n this.open = true\n this.positionMenu()\n this.focus()\n this.dispatchEvent(new CustomEvent('open', { bubbles: false, composed: true }))\n }\n\n /**\n * Hides the menu\n */\n override hidePopover(): void {\n this.tabIndex = -1\n this.ariaExpanded = 'false'\n super.hidePopover()\n this.open = false\n this.closeSubMenu()\n this.dispatchEvent(new CustomEvent('close', { bubbles: false, composed: true }))\n }\n\n positionMenu(): void {\n // Let CSS anchor positioning handle the positioning automatically\n // Only intervene if we need to set max-height for overflow cases\n const box = this.getBoundingClientRect()\n const menuBottom = box.top + box.height\n const menuRight = box.left + box.width\n\n // Reset any previous manual positioning to let CSS anchor positioning work\n this.style.removeProperty('position-area')\n this.style.removeProperty('max-height')\n\n // Detect if menu is positioned above or below the anchor\n // by checking if the menu is in the upper or lower half of the viewport\n const viewportMiddle = innerHeight / 2\n const isMenuInUpperHalf = box.top < viewportMiddle\n\n // Add CSS class to control animation direction\n if (isMenuInUpperHalf) {\n this.classList.add('menu-positioned-above')\n this.classList.remove('menu-positioned-below')\n } else {\n this.classList.add('menu-positioned-below')\n this.classList.remove('menu-positioned-above')\n }\n\n // Only set max-height if the menu would overflow\n if (menuBottom > innerHeight) {\n const availableHeight = innerHeight - box.top\n this.style.maxHeight = `${Math.max(200, availableHeight - 20)}px`\n }\n\n if (menuRight > innerWidth) {\n const availableWidth = innerWidth - box.left\n // Let CSS anchor positioning handle horizontal flipping\n // We could set max-width if needed\n if (availableWidth < 200) {\n this.style.maxWidth = `${Math.max(180, availableWidth - 20)}px`\n }\n }\n }\n\n /**\n * Handles beforetoggle event from popover\n */\n protected handleBeforeToggle(e: Event): void {\n const toggleEvent = e as ToggleEvent\n if (toggleEvent.newState === 'closed') {\n this.open = false\n this.closeSubMenu()\n }\n }\n\n /**\n * Handles keyboard navigation for the menu\n */\n override handleKeydown(e: KeyboardEvent): void {\n if (!this.open || e.defaultPrevented) return\n\n switch (e.key) {\n case 'Escape':\n e.preventDefault()\n this.hide()\n break\n case 'ArrowRight':\n e.preventDefault()\n this.openSubMenu()\n break\n case 'ArrowLeft':\n e.preventDefault()\n this.closeSubMenu()\n break\n default:\n // Let the parent UiList handle other keys\n super.handleKeydown(e)\n }\n }\n\n @bound\n handleSubMenuSelect(e: CustomEvent): void {\n super.notifySelect(e.detail.item, e.detail.index)\n }\n\n /**\n * Opens the sub-menu for the currently active item\n */\n protected openSubMenu(): void {\n const activeItem = this.activeListItem as UiMenuItem\n if (activeItem?.hasSubMenu) {\n activeItem.openSubMenu()\n }\n }\n\n /**\n * Closes the currently open sub-menu\n */\n closeSubMenu(): void {\n if (this.activeSubMenu) {\n this.activeSubMenu.removeEventListener('select', this.handleSubMenuSelect as EventListener)\n this.activeSubMenu.hide()\n this.activeSubMenu = null\n }\n }\n\n /**\n * Sets the active sub-menu\n */\n setActiveSubMenu(subMenu: UiSubMenu | null): void {\n this.activeSubMenu = subMenu\n subMenu?.addEventListener('select', this.handleSubMenuSelect as EventListener)\n }\n\n override notifySelect(item: UiListItem & { selected?: boolean }, index?: number): boolean {\n // Handle single selection\n this.clearSelection()\n item.selected = true\n this.hide()\n return super.notifySelect(item, index)\n }\n\n /**\n * Clears selection from all menu items\n */\n protected clearSelection(): void {\n const items = this.queryMenuItems()\n items.forEach((menuItem) => {\n menuItem.selected = false\n })\n }\n\n /**\n * Gets the currently selected menu item\n */\n get selectedItem(): UiMenuItem | null {\n const items = this.queryMenuItems()\n return items.find((item) => item.selected) || null\n }\n\n /**\n * Sets the selected menu item\n */\n setSelectedItem(item: UiMenuItem | null): void {\n this.clearSelection()\n if (item) {\n item.selected = true\n }\n }\n\n /**\n * Handles sub-menu opening\n */\n protected handleSubMenuOpen(e: CustomEvent): void {\n const subMenu = e.detail.subMenu\n this.setActiveSubMenu(subMenu)\n }\n\n /**\n * Handles slot changes to update menu items\n */\n protected handleSlotChange(): void {\n // Update the items list when slot content changes\n this.updateItems()\n }\n\n override render(): TemplateResult {\n const classes = classMap({\n 'menu-container': true,\n })\n\n return html`\n <div class=${classes}>\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n `\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/md/menu/internal/Menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;;sBAUlB,MAAM;;;;;;;;;;;;iBAAnB,IAAK,SAAQ,WAAM;;;gCAKrC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAM1C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAK1C,KAAK,EAAE;+CA6KP,KAAK;YAxLsC,iKAAS,IAAI,6BAAJ,IAAI,mFAAQ;YAMrB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAK5D,4LAAS,aAAa,6BAAb,aAAa,qGAAyB;YA8KxD,4MAAA,mBAAmB,6DAElB;;;QA3L2C,0BALzB,mDAAI,8CAKqC,KAAK;QAEjE;;;WAGG;WAL8D;QAJjE;;;WAGG;QACyC,IAAS,IAAI,0CAAQ;QAArB,IAAS,IAAI,gDAAQ;QAMrB,gIAAoB,KAAK;QAErE;;WAEG;WAJkE;QAJrE;;;WAGG;QACyC,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAK5D,8IAA2C,IAAI,GAAA;QAHxD;;WAEG;QACM,IAAS,aAAa,mDAAyB;QAA/C,IAAS,aAAa,yDAAyB;QAExD;YACE,KAAK,EAAE,CAAA;;YACP,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAA;YAC9B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAA;YAC3B,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;SAC1E;QAEQ,iBAAiB;YACxB,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACjC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;YACnC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;YACtC,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;gBACb,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAA;YACpB,CAAC;QACH,CAAC;QAEkB,OAAO,CAAC,iBAAuC;YAChE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;YAEhC,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;gBACtC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;QAEQ,aAAa,CAAC,KAAe;YACpC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAClC,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YACzC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,IAAI,CAAC,YAAY,EAAE,CAAA;gBACnB,IAAI,CAAC,KAAK,EAAE,CAAA;YACd,CAAC;YACD,OAAO,MAAM,CAAA;QACf,CAAC;QAES,cAAc;YACtB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;YACnD,IAAI,CAAC,IAAI;gBAAE,OAAO,EAAE,CAAA;YACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;YACzB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAiB,CAAA;QAClH,CAAC;QAED,IAAI;YACF,IAAI,CAAC,WAAW,EAAE,CAAA;QACpB,CAAC;QAED,IAAI;YACF,IAAI,CAAC,WAAW,EAAE,CAAA;QACpB,CAAC;QAED;;WAEG;QACM,WAAW;YAClB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA,CAAC,sBAAsB;YACxC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAA;YAC1B,KAAK,CAAC,WAAW,EAAE,CAAA;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;YAChB,IAAI,CAAC,YAAY,EAAE,CAAA;YACnB,IAAI,CAAC,KAAK,EAAE,CAAA;YACZ,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QACjF,CAAC;QAED;;WAEG;QACM,WAAW;YAClB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;YAClB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAA;YAC3B,KAAK,CAAC,WAAW,EAAE,CAAA;YACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;YACjB,IAAI,CAAC,YAAY,EAAE,CAAA;YACnB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAClF,CAAC;QAED,YAAY;YACV,kEAAkE;YAClE,iEAAiE;YACjE,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;YAExC,2EAA2E;YAC3E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;YAC1C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;YACvC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;YAEtC,6CAA6C;YAC7C,MAAM,mBAAmB,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;YACjE,MAAM,qBAAqB,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAA;YAEjE,oDAAoD;YACpD,MAAM,UAAU,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAA;YACvC,MAAM,SAAS,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,CAAA;YAEtC,yDAAyD;YACzD,wEAAwE;YACxE,MAAM,cAAc,GAAG,WAAW,GAAG,CAAC,CAAA;YACtC,MAAM,iBAAiB,GAAG,GAAG,CAAC,GAAG,GAAG,cAAc,CAAA;YAElD,+CAA+C;YAC/C,IAAI,iBAAiB,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;gBAC3C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAA;YAChD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;gBAC3C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAA;YAChD,CAAC;YAED,oFAAoF;YACpF,IAAI,UAAU,GAAG,WAAW,IAAI,mBAAmB,EAAE,CAAC;gBACpD,IAAI,eAAuB,CAAA;gBAE3B,IAAI,iBAAiB,EAAE,CAAC;oBACtB,0FAA0F;oBAC1F,eAAe,GAAG,WAAW,GAAG,GAAG,CAAC,GAAG,CAAA;gBACzC,CAAC;qBAAM,CAAC;oBACN,kGAAkG;oBAClG,eAAe,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAA;gBACxC,CAAC;gBAED,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,eAAe,GAAG,EAAE,CAAC,IAAI,CAAA;YACnE,CAAC;YAED,mFAAmF;YACnF,IAAI,SAAS,GAAG,UAAU,IAAI,qBAAqB,EAAE,CAAC;gBACpD,MAAM,cAAc,GAAG,UAAU,GAAG,GAAG,CAAC,IAAI,CAAA;gBAC5C,IAAI,cAAc,GAAG,GAAG,EAAE,CAAC;oBACzB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,GAAG,EAAE,CAAC,IAAI,CAAA;gBACjE,CAAC;YACH,CAAC;QACH,CAAC;QAED;;WAEG;QACO,kBAAkB,CAAC,CAAQ;YACnC,MAAM,WAAW,GAAG,CAAgB,CAAA;YACpC,IAAI,WAAW,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACtC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;gBACjB,IAAI,CAAC,YAAY,EAAE,CAAA;YACrB,CAAC;QACH,CAAC;QAED;;WAEG;QACM,aAAa,CAAC,CAAgB;YACrC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,gBAAgB;gBAAE,OAAM;YAE5C,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,QAAQ;oBACX,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,IAAI,EAAE,CAAA;oBACX,MAAK;gBACP,KAAK,YAAY;oBACf,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,WAAW,EAAE,CAAA;oBAClB,MAAK;gBACP,KAAK,WAAW;oBACd,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,YAAY,EAAE,CAAA;oBACnB,MAAK;gBACP;oBACE,0CAA0C;oBAC1C,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YAC1B,CAAC;QACH,CAAC;QAGD,mBAAmB,CAAC,CAAc;YAChC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC;QAED;;WAEG;QACO,WAAW;YACnB,MAAM,UAAU,GAAG,IAAI,CAAC,cAA4B,CAAA;YACpD,IAAI,UAAU,EAAE,UAAU,EAAE,CAAC;gBAC3B,UAAU,CAAC,WAAW,EAAE,CAAA;YAC1B,CAAC;QACH,CAAC;QAED;;WAEG;QACH,YAAY;YACV,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAoC,CAAC,CAAA;gBAC3F,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;gBACzB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;YAC3B,CAAC;QACH,CAAC;QAED;;WAEG;QACH,gBAAgB,CAAC,OAAyB;YACxC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAA;YAC5B,OAAO,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAoC,CAAC,CAAA;QAChF,CAAC;QAEQ,YAAY,CAAC,IAAyC,EAAE,KAAc;YAC7E,0BAA0B;YAC1B,IAAI,CAAC,cAAc,EAAE,CAAA;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;YACpB,IAAI,CAAC,IAAI,EAAE,CAAA;YACX,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACxC,CAAC;QAED;;WAEG;QACO,cAAc;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;YACnC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACzB,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAA;YAC3B,CAAC,CAAC,CAAA;QACJ,CAAC;QAED;;WAEG;QACH,IAAI,YAAY;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;YACnC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;QACpD,CAAC;QAED;;WAEG;QACH,eAAe,CAAC,IAAuB;YACrC,IAAI,CAAC,cAAc,EAAE,CAAA;YACrB,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;YACtB,CAAC;QACH,CAAC;QAED;;WAEG;QACO,iBAAiB,CAAC,CAAc;YACxC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;YAChC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC;QAED;;WAEG;QACO,gBAAgB;YACxB,kDAAkD;YAClD,IAAI,CAAC,WAAW,EAAE,CAAA;QACpB,CAAC;QAEQ,MAAM;YACb,MAAM,OAAO,GAAG,QAAQ,CAAC;gBACvB,gBAAgB,EAAE,IAAI;aACvB,CAAC,CAAA;YAEF,OAAO,IAAI,CAAA;mBACI,OAAO;4BACE,IAAI,CAAC,gBAAgB;;KAE5C,CAAA;QACH,CAAC;;;AArSH;;;;;;;GAOG;AACH,oBA8RC","sourcesContent":["import { html, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { nanoid } from 'nanoid'\nimport UiList from '../../list/internals/List.js'\nimport UiMenuItem from './MenuItem.js'\nimport UiSubMenu from './SubMenu.js'\nimport { setDisabled } from '../../../lib/disabled.js'\nimport UiListItem from '../../list/internals/ListItem.js'\nimport { bound } from '../../../decorators/bound.js'\n\n/**\n * Material Design 3 Menu component with sub-menu support.\n * Uses Popover API and Anchor Positioning API for modern positioning.\n *\n * @fires select - Dispatched when a menu item is selected\n * @fires close - Dispatched when the menu is closed\n * @fires open - Dispatched when the menu is opened\n */\nexport default class Menu extends UiList {\n /**\n * Whether the menu is currently open\n * @attribute\n */\n @property({ type: Boolean, reflect: true }) accessor open = false\n\n /**\n * Whether the menu is disabled\n * @attribute\n */\n @property({ type: Boolean, reflect: true }) accessor disabled = false\n\n /**\n * Currently active sub-menu\n */\n @state() accessor activeSubMenu: UiSubMenu | null = null\n\n constructor() {\n super()\n this.selector = 'ui-menu-item'\n this.ariaExpanded = 'false'\n this.addEventListener('beforetoggle', this.handleBeforeToggle.bind(this))\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n this.setAttribute('role', 'menu')\n this.setAttribute('tabindex', '-1')\n if (!this.hasAttribute('popover')) {\n this.setAttribute('popover', 'auto')\n }\n if (!this.id) {\n this.id = nanoid()\n }\n }\n\n protected override updated(changedProperties: PropertyValues<this>): void {\n super.updated(changedProperties)\n\n if (changedProperties.has('disabled')) {\n setDisabled(this, this.disabled)\n }\n }\n\n override togglePopover(force?: boolean): boolean {\n this.open = !this.open\n this.ariaExpanded = String(this.open)\n this.tabIndex = this.open ? 0 : -1\n const result = super.togglePopover(force)\n if (this.open) {\n this.positionMenu()\n this.focus()\n }\n return result\n }\n\n protected queryMenuItems(): UiMenuItem[] {\n const slot = this.shadowRoot?.querySelector('slot')\n if (!slot) return []\n const { selector } = this\n return Array.from(slot.assignedElements({ flatten: true })).filter((el) => el.matches(selector)) as UiMenuItem[]\n }\n\n show(): void {\n this.showPopover()\n }\n\n hide(): void {\n this.hidePopover()\n }\n\n /**\n * Shows the menu\n */\n override showPopover(): void {\n this.tabIndex = 0 // Make menu focusable\n this.ariaExpanded = 'true'\n super.showPopover()\n this.open = true\n this.positionMenu()\n this.focus()\n this.dispatchEvent(new CustomEvent('open', { bubbles: false, composed: true }))\n }\n\n /**\n * Hides the menu\n */\n override hidePopover(): void {\n this.tabIndex = -1\n this.ariaExpanded = 'false'\n super.hidePopover()\n this.open = false\n this.closeSubMenu()\n this.dispatchEvent(new CustomEvent('close', { bubbles: false, composed: true }))\n }\n\n positionMenu(): void {\n // Let CSS anchor positioning handle the positioning automatically\n // Only intervene if we need to set max-height for overflow cases\n const box = this.getBoundingClientRect()\n\n // Reset any previous manual positioning to let CSS anchor positioning work\n this.style.removeProperty('position-area')\n this.style.removeProperty('max-height')\n this.style.removeProperty('max-width')\n\n // Check if the menu content is being clipped\n const isVerticallyClipped = this.scrollHeight > this.clientHeight\n const isHorizontallyClipped = this.scrollWidth > this.clientWidth\n\n // Get the actual bottom and right edges of the menu\n const menuBottom = box.top + box.height\n const menuRight = box.left + box.width\n\n // Detect if menu is positioned above or below the anchor\n // by checking if the menu is in the upper or lower half of the viewport\n const viewportMiddle = innerHeight / 2\n const isMenuInUpperHalf = box.top < viewportMiddle\n\n // Add CSS class to control animation direction\n if (isMenuInUpperHalf) {\n this.classList.add('menu-positioned-above')\n this.classList.remove('menu-positioned-below')\n } else {\n this.classList.add('menu-positioned-below')\n this.classList.remove('menu-positioned-above')\n }\n\n // Only set max-height if the menu would overflow the viewport OR is already clipped\n if (menuBottom > innerHeight || isVerticallyClipped) {\n let availableHeight: number\n\n if (isMenuInUpperHalf) {\n // Menu is positioned below the anchor - available space is from top to bottom of viewport\n availableHeight = innerHeight - box.top\n } else {\n // Menu is positioned above the anchor - available space is from top of viewport to bottom of menu\n availableHeight = box.top + box.height\n }\n\n this.style.maxHeight = `${Math.max(200, availableHeight - 20)}px`\n }\n\n // Only set max-width if the menu would overflow the viewport OR is already clipped\n if (menuRight > innerWidth || isHorizontallyClipped) {\n const availableWidth = innerWidth - box.left\n if (availableWidth < 200) {\n this.style.maxWidth = `${Math.max(180, availableWidth - 20)}px`\n }\n }\n }\n\n /**\n * Handles beforetoggle event from popover\n */\n protected handleBeforeToggle(e: Event): void {\n const toggleEvent = e as ToggleEvent\n if (toggleEvent.newState === 'closed') {\n this.open = false\n this.closeSubMenu()\n }\n }\n\n /**\n * Handles keyboard navigation for the menu\n */\n override handleKeydown(e: KeyboardEvent): void {\n if (!this.open || e.defaultPrevented) return\n\n switch (e.key) {\n case 'Escape':\n e.preventDefault()\n this.hide()\n break\n case 'ArrowRight':\n e.preventDefault()\n this.openSubMenu()\n break\n case 'ArrowLeft':\n e.preventDefault()\n this.closeSubMenu()\n break\n default:\n // Let the parent UiList handle other keys\n super.handleKeydown(e)\n }\n }\n\n @bound\n handleSubMenuSelect(e: CustomEvent): void {\n super.notifySelect(e.detail.item, e.detail.index)\n }\n\n /**\n * Opens the sub-menu for the currently active item\n */\n protected openSubMenu(): void {\n const activeItem = this.activeListItem as UiMenuItem\n if (activeItem?.hasSubMenu) {\n activeItem.openSubMenu()\n }\n }\n\n /**\n * Closes the currently open sub-menu\n */\n closeSubMenu(): void {\n if (this.activeSubMenu) {\n this.activeSubMenu.removeEventListener('select', this.handleSubMenuSelect as EventListener)\n this.activeSubMenu.hide()\n this.activeSubMenu = null\n }\n }\n\n /**\n * Sets the active sub-menu\n */\n setActiveSubMenu(subMenu: UiSubMenu | null): void {\n this.activeSubMenu = subMenu\n subMenu?.addEventListener('select', this.handleSubMenuSelect as EventListener)\n }\n\n override notifySelect(item: UiListItem & { selected?: boolean }, index?: number): boolean {\n // Handle single selection\n this.clearSelection()\n item.selected = true\n this.hide()\n return super.notifySelect(item, index)\n }\n\n /**\n * Clears selection from all menu items\n */\n protected clearSelection(): void {\n const items = this.queryMenuItems()\n items.forEach((menuItem) => {\n menuItem.selected = false\n })\n }\n\n /**\n * Gets the currently selected menu item\n */\n get selectedItem(): UiMenuItem | null {\n const items = this.queryMenuItems()\n return items.find((item) => item.selected) || null\n }\n\n /**\n * Sets the selected menu item\n */\n setSelectedItem(item: UiMenuItem | null): void {\n this.clearSelection()\n if (item) {\n item.selected = true\n }\n }\n\n /**\n * Handles sub-menu opening\n */\n protected handleSubMenuOpen(e: CustomEvent): void {\n const subMenu = e.detail.subMenu\n this.setActiveSubMenu(subMenu)\n }\n\n /**\n * Handles slot changes to update menu items\n */\n protected handleSlotChange(): void {\n // Update the items list when slot content changes\n this.updateItems()\n }\n\n override render(): TemplateResult {\n const classes = classMap({\n 'menu-container': true,\n })\n\n return html`\n <div class=${classes}>\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n `\n }\n}\n"]}
|
|
@@ -253,9 +253,10 @@ export default class UiSelect extends LitElement {
|
|
|
253
253
|
item: UiOption | null;
|
|
254
254
|
}>): void;
|
|
255
255
|
handleMenuClose(): void;
|
|
256
|
-
render(): TemplateResult;
|
|
257
256
|
protected renderInput(): TemplateResult;
|
|
258
257
|
protected renderMenu(): TemplateResult;
|
|
258
|
+
protected handleSlotChange(): Promise<void>;
|
|
259
259
|
protected renderFocusRing(): TemplateResult;
|
|
260
|
+
render(): TemplateResult;
|
|
260
261
|
}
|
|
261
262
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/md/select/internals/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/md/select/internals/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKtE,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAG1D,OAAO,4CAA4C,CAAA;AACnD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,sCAAsC,CAAA;AAE7C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;;IAC9C,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IASrC;;;;;;;;;;;;OAYG;IACH,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IACI,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAKrC;IAED;;;;;;;;;;;OAWG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAE7D;;;;;;;;;;;OAWG;IACyB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9D;;;;;;;;;;;OAWG;IAC0B,QAAQ,CAAC,QAAQ,UAAQ;IAEtD;;;;;;;;;;;OAWG;IAC0B,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAElE;;;;;;;;;;;OAWG;IACyB,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAEpE;;OAEG;IACyB,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAEvE;;;;;;;;;;;;OAYG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;;;;;;;;;;;;OAaG;IACyC,QAAQ,CAAC,IAAI,UAAQ;IAExD,QAAQ,CAAC,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAO;IAC/C,QAAQ,CAAC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1C,QAAQ,CAAC,IAAI,EAAG,aAAa,CAAA;IAE7C;;;;;;;;;;;;;OAaG;IACH,IAAI,YAAY,IAAI,QAAQ,GAAG,IAAI,CAElC;IAED;;;;;;;;;;OAUG;IACH,IAAI,WAAW,IAAI,MAAM,CAGxB;IAED;;;;;OAKG;IACH,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED;;;;;OAKG;IACH,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED;;;;;OAKG;IACH,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED;;;;;OAKG;IACH,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;;;;;;;;;;;OAYG;IACH,aAAa,IAAI,OAAO;;IAWf,iBAAiB,IAAI,IAAI;IAalC;;;;;;;;;OASG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;;;;OAKG;IACH,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIpD;;;;;;;;;;;;OAYG;IACH,QAAQ,IAAI,IAAI;cAYG,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAsBzD,YAAY,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI;cAMzC,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAgBjD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAkE/C,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAezC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAOrB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBjD,YAAY,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,GAAG,IAAI;IAiBtD,qBAAqB,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI;IAItE,eAAe,IAAI,IAAI;IAKvB,SAAS,CAAC,WAAW,IAAI,cAAc;IAyBvC,SAAS,CAAC,UAAU,IAAI,cAAc;cAmBtB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IASjD,SAAS,CAAC,eAAe,IAAI,cAAc;IAIlC,MAAM,IAAI,cAAc;CAWlC"}
|
|
@@ -2,7 +2,9 @@ import { __esDecorate, __runInitializers } from "tslib";
|
|
|
2
2
|
import { html, LitElement } from 'lit';
|
|
3
3
|
import { property, query, state } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
5
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
5
6
|
import { setDisabled } from '../../../lib/disabled.js';
|
|
7
|
+
import { nanoid } from 'nanoid';
|
|
6
8
|
import '../../text-field/ui-outlined-text-field.js';
|
|
7
9
|
import '../../menu/ui-menu.js';
|
|
8
10
|
import '../../icons/ui-icon.js';
|
|
@@ -353,6 +355,9 @@ let UiSelect = (() => {
|
|
|
353
355
|
if (!this.disabled) {
|
|
354
356
|
this.setAttribute('tabindex', '0');
|
|
355
357
|
}
|
|
358
|
+
if (!this.id) {
|
|
359
|
+
this.id = `select-${nanoid(6)}`;
|
|
360
|
+
}
|
|
356
361
|
}
|
|
357
362
|
/**
|
|
358
363
|
* Resets the select to its initial state. Called automatically when the parent
|
|
@@ -430,12 +435,19 @@ let UiSelect = (() => {
|
|
|
430
435
|
}
|
|
431
436
|
async setCurrentOption() {
|
|
432
437
|
await this.updateComplete;
|
|
438
|
+
const options = this.querySelectorAll('ui-option');
|
|
433
439
|
if (this.value) {
|
|
434
|
-
const options = this.querySelectorAll('ui-option');
|
|
435
440
|
this.selectedOption = Array.from(options).find((option) => option.value === this.value) || null;
|
|
436
441
|
}
|
|
437
442
|
else {
|
|
438
|
-
|
|
443
|
+
const selected = Array.from(options).find((option) => option.selected);
|
|
444
|
+
if (selected) {
|
|
445
|
+
this.selectedOption = selected;
|
|
446
|
+
this.#value = selected.value;
|
|
447
|
+
}
|
|
448
|
+
else {
|
|
449
|
+
this.selectedOption = null;
|
|
450
|
+
}
|
|
439
451
|
}
|
|
440
452
|
}
|
|
441
453
|
handleKeydown(e) {
|
|
@@ -570,18 +582,10 @@ let UiSelect = (() => {
|
|
|
570
582
|
this.open = false;
|
|
571
583
|
this.focus();
|
|
572
584
|
}
|
|
573
|
-
render() {
|
|
574
|
-
const classes = classMap({
|
|
575
|
-
'ui-select': true,
|
|
576
|
-
'open': this.open,
|
|
577
|
-
'disabled': this.disabled,
|
|
578
|
-
});
|
|
579
|
-
return html `${this.renderFocusRing()}
|
|
580
|
-
<div class="${classes}" aria-activedescendant=${this.ariaActiveDescendant || ''}>
|
|
581
|
-
${this.renderInput()} ${this.renderMenu()}
|
|
582
|
-
</div> `;
|
|
583
|
-
}
|
|
584
585
|
renderInput() {
|
|
586
|
+
const styles = {
|
|
587
|
+
'anchor-name': `--${this.id}`,
|
|
588
|
+
};
|
|
585
589
|
return html `<ui-outlined-text-field
|
|
586
590
|
.name=${this.name}
|
|
587
591
|
.label=${this.label}
|
|
@@ -590,32 +594,58 @@ let UiSelect = (() => {
|
|
|
590
594
|
.required=${this.required}
|
|
591
595
|
readonly
|
|
592
596
|
tabindex="-1"
|
|
593
|
-
inert
|
|
597
|
+
.inert=${true}
|
|
594
598
|
aria-hidden="true"
|
|
595
599
|
.invalid=${this.invalid}
|
|
596
600
|
.invalidText=${this.invalidText || ''}
|
|
597
601
|
.supportingText=${this.supportingText || ''}
|
|
598
602
|
class="input"
|
|
603
|
+
style=${styleMap(styles)}
|
|
604
|
+
part="input"
|
|
599
605
|
>
|
|
600
|
-
<ui-icon slot="suffix">arrow_drop_down</ui-icon>
|
|
606
|
+
<ui-icon part="icon" slot="suffix">arrow_drop_down</ui-icon>
|
|
601
607
|
</ui-outlined-text-field>`;
|
|
602
608
|
}
|
|
603
609
|
renderMenu() {
|
|
610
|
+
const styles = {
|
|
611
|
+
'position-anchor': `--${this.id}`,
|
|
612
|
+
};
|
|
604
613
|
return html `<ui-menu
|
|
605
614
|
id="menu"
|
|
606
615
|
class="menu"
|
|
616
|
+
part="menu"
|
|
617
|
+
style=${styleMap(styles)}
|
|
607
618
|
popover="auto"
|
|
608
619
|
selector="ui-option"
|
|
609
620
|
@select="${this.handleSelect}"
|
|
610
621
|
@close="${this.handleMenuClose}"
|
|
611
622
|
@highlightchange="${this.handleHighlightChange}"
|
|
612
623
|
>
|
|
613
|
-
<slot></slot>
|
|
624
|
+
<slot @slotchange="${this.handleSlotChange}"></slot>
|
|
614
625
|
</ui-menu>`;
|
|
615
626
|
}
|
|
627
|
+
async handleSlotChange() {
|
|
628
|
+
// When options change, re-evaluate the current selection
|
|
629
|
+
// only if we don't have an explicit value set
|
|
630
|
+
if (!this.value) {
|
|
631
|
+
await this.setCurrentOption();
|
|
632
|
+
this.requestUpdate();
|
|
633
|
+
}
|
|
634
|
+
}
|
|
616
635
|
renderFocusRing() {
|
|
617
636
|
return html `<md-focus-ring part="focus-ring" class="focus-ring" .control="${this}"></md-focus-ring>`;
|
|
618
637
|
}
|
|
638
|
+
render() {
|
|
639
|
+
const classes = classMap({
|
|
640
|
+
'ui-select': true,
|
|
641
|
+
'open': this.open,
|
|
642
|
+
'disabled': this.disabled,
|
|
643
|
+
});
|
|
644
|
+
return html `${this.renderFocusRing()}
|
|
645
|
+
<div class="${classes}" aria-activedescendant=${this.ariaActiveDescendant || ''}>
|
|
646
|
+
${this.renderInput()} ${this.renderMenu()}
|
|
647
|
+
</div> `;
|
|
648
|
+
}
|
|
619
649
|
};
|
|
620
650
|
})();
|
|
621
651
|
/**
|