@m3e/web 2.1.1 → 2.1.2

package/dist/autocomplete.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/autocomplete/AutocompleteElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  HtmlFor,\r\n  prefersReducedMotion,\r\n  scrollIntoViewIfNeeded,\r\n  forcedColorsActive,\r\n  setCustomState,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, M3eLiveAnnouncer } from \"@m3e/web/core/a11y\";\r\nimport { M3eOptGroupElement, M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\nimport type { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\nimport { AutocompleteFilterMode } from \"./AutocompleteFilterMode\";\r\nimport { QueryEventDetail } from \"./QueryEventDetail\";\r\n\r\n/**\r\n * Enhances a text input with suggested options.\r\n *\r\n * @description\r\n * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,\r\n * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,\r\n * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while\r\n * integrating seamlessly with form field containers and supporting both required and optional selection modes.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"fruit\">Choose your favorite fruit</label>\r\n *   <input id=\"fruit\" />\r\n * </m3e-form-field>\r\n * <m3e-autocomplete for=\"fruit\">\r\n *   <m3e-option>Apples</m3e-option>\r\n *   <m3e-option>Oranges</m3e-option>\r\n *   <m3e-option>Bananas</m3e-option>\r\n *   <m3e-option>Grapes</m3e-option>\r\n * </m3e-autocomplete>\r\n * ```\r\n *\r\n * @tag m3e-autocomplete\r\n *\r\n * @attr auto-activate - Whether the first option should be automatically activated.\r\n * @attr case-sensitive - Whether filtering is case sensitive.\r\n * @attr filter - Mode in which to filter options.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator.\r\n * @attr hide-loading - Whether to hide the menu when loading options.\r\n * @attr hide-no-data - Whether to hide the menu when there are no options to show.\r\n * @attr loading - Whether options are being loaded.\r\n * @attr loading-label - The text announced and presented when loading options.\r\n * @attr no-data-label - The text announced and presented when no options are available for the current term.\r\n * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.\r\n * @attr results-label - The text announced when available options change for the current term.\r\n *\r\n * @slot - Renders the options of the autocomplete.\r\n * @slot loading - Renders content when loading options.\r\n * @slot no-data - Renders content when there are no options to show.\r\n *\r\n * @fires toggle - Emitted when the options menu opens or closes.\r\n * @fires query - Emitted when the input is focused or when the user modifies its value.\r\n */\r\n@customElement(\"m3e-autocomplete\")\r\nexport class M3eAutocompleteElement extends HtmlFor(LitElement) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __nextId = 0;\r\n\r\n  /** @private */ readonly #id = `m3e-autocomplete-${M3eAutocompleteElement.__nextId}`;\r\n  /** @private */ readonly #menuId = `${this.#id}-menu`;\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreHideMenuOnBlur = false;\r\n  /** @private */ #inputChanged = false;\r\n  /** @private */ #hasFocus = false;\r\n  /** @private */ #mutationAbortController?: AbortController;\r\n\r\n  /** @private */ readonly #clickHandler = () => this.#handleClick();\r\n  /** @private */ readonly #formFieldPointerDownHandler = () => this.#handleFormFieldPointerDown();\r\n  /** @private */ readonly #focusHandler = () => this.#handleFocus();\r\n  /** @private */ readonly #blurHandler = () => this.#handleBlur();\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #inputHandler = (e: Event) => this.#handleInput(e);\r\n  /** @private */ readonly #changeHandler = () => this.#handleChange();\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n\r\n  /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withPageUpAndDown()\r\n    .withVerticalOrientation()\r\n    .withSkipPredicate((item) => item.disabled || item.hidden)\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new MutationController(this, {\r\n      config: {\r\n        childList: true,\r\n        subtree: true,\r\n      },\r\n      callback: () => this.#handleMutation(),\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to hide the selection indicator.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether the user is required to make a selection when interacting with the autocomplete.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) required = false;\r\n\r\n  /**\r\n   * Whether the first option should be automatically activated.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"auto-activate\", type: Boolean }) autoActivate = false;\r\n\r\n  /**\r\n   * Whether filtering is case sensitive.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"case-sensitive\", type: Boolean }) caseSensitive = false;\r\n\r\n  /**\r\n   * Mode in which to filter options.\r\n   * @default \"contains\"\r\n   */\r\n  @property({\r\n    converter: {\r\n      fromAttribute(value: string | null): AutocompleteFilterMode {\r\n        if (value === null) return \"contains\";\r\n        if (value === \"starts-with\" || value === \"ends-with\" || value === \"contains\" || value === \"none\") {\r\n          return value;\r\n        }\r\n        return \"contains\";\r\n      },\r\n    },\r\n  })\r\n  filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean) = \"contains\";\r\n\r\n  /**\r\n   * Whether options are being loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when there are no options to show.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-no-data\", type: Boolean }) hideNoData = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when loading options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-loading\", type: Boolean }) hideLoading = false;\r\n\r\n  /**\r\n   * The text announced and presented when loading options.\r\n   * @default \"Loading...\"\r\n   */\r\n  @property({ attribute: \"loading-label\" }) loadingLabel = \"Loading...\";\r\n\r\n  /**\r\n   * The text announced and presented when no options are available for the current term.\r\n   * @default \"No options\"\r\n   */\r\n  @property({ attribute: \"no-data-label\" }) noDataLabel = \"No options\";\r\n\r\n  /**\r\n   * The text announced when available options change for the current term.\r\n   * @default (count) => `${count} options`\r\n   */\r\n  @property({ attribute: \"results-label\" }) resultsLabel: string | ((count: number) => string) = (count) =>\r\n    `${count} options`;\r\n\r\n  /** The options that can be selected. */\r\n  get options(): readonly M3eOptionElement[] {\r\n    return this._options ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #input(): HTMLInputElement | null {\r\n    return this.control ? <HTMLInputElement>this.control : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasNoDataSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='no-data']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasLoadingSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='loading']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldShowMenu(): boolean {\r\n    return (\r\n      this.#options.some((x) => !x.hidden) ||\r\n      (this.loading && !this.hideLoading && this.loadingLabel.length > 0) ||\r\n      (!this.loading && !this.hideNoData && this.noDataLabel.length > 0)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  get #minMenuWidth(): string {\r\n    const formField = this.#formField;\r\n    return `${formField ? formField.menuAnchor.clientWidth : (this.control?.clientWidth ?? 0)}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.control?.closest(\"m3e-form-field\") ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (!(control instanceof HTMLInputElement)) return;\r\n\r\n    super.attach(control);\r\n\r\n    control.autocomplete = \"off\";\r\n    control.role = \"combobox\";\r\n    control.ariaAutoComplete = \"list\";\r\n    control.ariaExpanded = \"false\";\r\n\r\n    control.addEventListener(\"click\", this.#clickHandler);\r\n    control.addEventListener(\"focus\", this.#focusHandler);\r\n    control.addEventListener(\"blur\", this.#blurHandler);\r\n    control.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    control.addEventListener(\"input\", this.#inputHandler);\r\n    control.addEventListener(\"change\", this.#changeHandler);\r\n\r\n    this.#formField?.addEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control) {\r\n      this.#formField?.removeEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n\r\n      this.control.role = null;\r\n      this.control.ariaAutoComplete = null;\r\n      this.control.ariaExpanded = null;\r\n\r\n      this.control.removeEventListener(\"click\", this.#clickHandler);\r\n      this.control.removeEventListener(\"focus\", this.#focusHandler);\r\n      this.control.removeEventListener(\"blur\", this.#blurHandler);\r\n      this.control.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.control.removeEventListener(\"input\", this.#inputHandler);\r\n      this.control.removeEventListener(\"change\", this.#changeHandler);\r\n    }\r\n    super.detach();\r\n  }\r\n\r\n  /**\r\n   * Clears the value of the element.\r\n   * @param [restoreFocus=false] Whether to restore input focus.\r\n   */\r\n  clear(restoreFocus = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.value = \"\";\r\n    this.#filterOptions();\r\n\r\n    if (restoreFocus) {\r\n      this.#input.focus();\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"hideNoData\") && this.hideNoData && this.#menu) {\r\n      setCustomState(this.#menu, \"-no-data\", false);\r\n    }\r\n\r\n    if (changedProperties.has(\"loading\")) {\r\n      if (this.loading) {\r\n        if (this.#hasFocus) {\r\n          if (this.loadingLabel) {\r\n            M3eLiveAnnouncer.announce(this.loadingLabel, \"polite\");\r\n          }\r\n          if (!this.#menu && this.#shouldShowMenu) {\r\n            this.#showMenu();\r\n          }\r\n        }\r\n      } else if (this.#menu && !this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else if (this.#menu) {\r\n        deleteCustomState(this.#menu, \"-loading\");\r\n      } else if (this.#hasFocus) {\r\n        this.#showMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"options\" aria-hidden=\"true\">\r\n      <slot></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleMutation(): Promise<void> {\r\n    if (this.#mutationAbortController) {\r\n      this.#mutationAbortController.abort();\r\n    }\r\n    const mutationAbortController = new AbortController();\r\n    this.#mutationAbortController = mutationAbortController;\r\n\r\n    const options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    for (const option of options) {\r\n      if (mutationAbortController.signal.aborted) {\r\n        break;\r\n      }\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n\r\n    if (mutationAbortController.signal.aborted) {\r\n      return;\r\n    }\r\n\r\n    this._options = options;\r\n\r\n    this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n    const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n    added.forEach((x) => {\r\n      x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n      setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator);\r\n    });\r\n\r\n    if (this.#menu) {\r\n      const count = this.#filterOptions();\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (!this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else {\r\n        this.#updateMenuState(this.#menu, count);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormFieldPointerDown(): void {\r\n    this.#ignoreHideMenuOnBlur = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleFocus(): void {\r\n    this.#hasFocus = true;\r\n    this.#ignoreFocusVisible = true;\r\n\r\n    if (this.options.length == 0 && !(<HTMLInputElement>this.control).readOnly) {\r\n      this.dispatchEvent(\r\n        new CustomEvent<QueryEventDetail>(\"query\", {\r\n          detail: { term: this.#input?.value ?? \"\" },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    }\r\n\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleBlur(): void {\r\n    this.#hasFocus = false;\r\n    if (!this.#ignoreHideMenuOnBlur) {\r\n      this.#hideMenu();\r\n    }\r\n    this.#ignoreHideMenuOnBlur = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleInput(e: Event): void {\r\n    if (!this.#input || e.defaultPrevented) return;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<QueryEventDetail>(\"query\", {\r\n        detail: { term: this.#input.value },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n\r\n    this.#inputChanged = true;\r\n    try {\r\n      if (!this.#menu) {\r\n        this.#showMenu();\r\n      } else {\r\n        this.#filterOptions();\r\n        if (!this.#shouldShowMenu) {\r\n          this.#hideMenu();\r\n        }\r\n      }\r\n    } finally {\r\n      this.#inputChanged = false;\r\n      this.#formField?.notifyControlStateChange(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleChange(): void {\r\n    if (this.#input && this.required && !this.#options.some((x) => x.selected && !x.disabled)) {\r\n      this.#input.value = \"\";\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \"Backspace\":\r\n      case \"Delete\":\r\n        if (this.#input && !this.#input.value) {\r\n          this.#hideMenu();\r\n        }\r\n        break;\r\n\r\n      case \"Enter\":\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          e.preventDefault();\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n          if (!prefersReducedMotion()) {\r\n            setTimeout(() => this.#hideMenu(), 150);\r\n          } else {\r\n            this.#hideMenu();\r\n          }\r\n        } else if (this.#menu) {\r\n          setTimeout(() => {\r\n            if (this.#input && !this.#input.value) {\r\n              this.#hideMenu();\r\n            }\r\n          });\r\n        }\r\n        break;\r\n\r\n      case \"Escape\":\r\n      case \"Tab\":\r\n        this.#hideMenu();\r\n        break;\r\n\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n        if (e.altKey) {\r\n          this.#hideMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (!this.#menu) {\r\n          this.#showMenu();\r\n          e.preventDefault();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: PointerEvent): void {\r\n    if (e.button === 2) return;\r\n    e.preventDefault();\r\n    e.stopImmediatePropagation();\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option && !option.disabled) {\r\n      this._listKeyManager.setActiveItem(option);\r\n      this.#selectOption(option);\r\n      if (!prefersReducedMotion()) {\r\n        setTimeout(() => this.#hideMenu(), 150);\r\n      } else {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuToggle(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    if (e.newState !== \"closed\") {\r\n      const option = this.#options.find((x) => x.selected && !x.disabled);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        scrollIntoViewIfNeeded(option, this.#menu);\r\n      } else {\r\n        this.#autoActivate();\r\n      }\r\n\r\n      this.dispatchEvent(\r\n        new ToggleEvent(\"toggle\", {\r\n          oldState: e.oldState,\r\n          newState: e.newState,\r\n        }),\r\n      );\r\n    } else {\r\n      if (prefersReducedMotion()) {\r\n        this.#destroyMenu(e);\r\n      } else {\r\n        // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n        // This is a workaround until that is fixed.\r\n        setTimeout(() => this.#destroyMenu(e), 100);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private*/\r\n  #destroyMenu(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n\r\n    this.#menu.remove();\r\n    this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu = undefined;\r\n\r\n    if (this.#input) {\r\n      this.#input.ariaExpanded = \"false\";\r\n      this.#input.removeAttribute(\"aria-controls\");\r\n      this.#input.removeAttribute(\"aria-owns\");\r\n    }\r\n    this.requestUpdate();\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    this.dispatchEvent(\r\n      new ToggleEvent(\"toggle\", {\r\n        oldState: e.oldState,\r\n        newState: e.newState,\r\n      }),\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || !this.#input || this.#input.readOnly || this.#input.disabled) return;\r\n\r\n    const count = this.#filterOptions();\r\n\r\n    if (!this.#shouldShowMenu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    this.#menu.id = this.#menuId;\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.style.minWidth = this.#minMenuWidth;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      const children = [...this.#clone.childNodes];\r\n      if (!this.#hasNoDataSlot && this.noDataLabel) {\r\n        const noDataSpan = document.createElement(\"span\");\r\n        noDataSpan.slot = \"no-data\";\r\n        noDataSpan.textContent = this.noDataLabel;\r\n        children.push(noDataSpan);\r\n      }\r\n      if (!this.#hasLoadingSlot && this.loadingLabel) {\r\n        const loadingSpan = document.createElement(\"span\");\r\n        loadingSpan.slot = \"loading\";\r\n        loadingSpan.textContent = this.loadingLabel;\r\n        children.push(loadingSpan);\r\n      }\r\n      this.#menu.replaceChildren(...children);\r\n    }\r\n\r\n    this.#updateMenuState(this.#menu, count);\r\n\r\n    (this.#formField ?? this.#input).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.#input.setAttribute(\"aria-controls\", this.#menuId);\r\n    this.#input.setAttribute(\"aria-owns\", this.#menuId);\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    if (this._listKeyManager.activeItem && this.autoActivate) {\r\n      this.#activateOption(this._listKeyManager.activeItem, true);\r\n    }\r\n\r\n    const input = this.#input;\r\n    setTimeout(() => this.#menu?.show(input, this.#formField?.menuAnchor));\r\n  }\r\n\r\n  /** @private */\r\n  #updateMenuState(menu: M3eOptionPanelElement, count: number): void {\r\n    setCustomState(menu, \"-loading\", this.loading);\r\n    setCustomState(menu, \"-no-data\", count == 0);\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    this.#menu?.hide();\r\n    this.#input?.removeAttribute(\"aria-activedescendant\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement, forceFocusVisible = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.setAttribute(\"aria-activedescendant\", option.id);\r\n\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible =\r\n        forceFocusVisible ||\r\n        (!this.#ignoreFocusVisible && (this.#input.matches(\":focus-visible\") || forcedColorsActive()));\r\n\r\n      this.#options.forEach((x) => {\r\n        const active = x === option && focusVisible;\r\n        if (active) {\r\n          x.focusRing?.show();\r\n          x.stateLayer?.show(\"focused\");\r\n        } else {\r\n          x.focusRing?.hide();\r\n          x.stateLayer?.hide(\"focused\");\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #updateSelectionState(clone: M3eOptionElement): Promise<void> {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #selectOption(option: M3eOptionElement): Promise<void> {\r\n    if (option.selected) return;\r\n\r\n    option.selected = true;\r\n    await this.#updateSelectionState(option);\r\n    if (option.isUpdatePending) {\r\n      await option.updateComplete;\r\n    }\r\n\r\n    this.requestUpdate();\r\n    if (this.isUpdatePending) {\r\n      await this.updateComplete;\r\n    }\r\n\r\n    if (this.#input) {\r\n      this.#input.value = option.value;\r\n    }\r\n\r\n    this.#formField?.notifyControlStateChange(true);\r\n  }\r\n\r\n  /** @private */\r\n  #filterOption(clone: M3eOptionElement, option: M3eOptionElement, term: string, exactTerm: string): boolean {\r\n    const value = this.caseSensitive ? option.value : option.value.toLowerCase();\r\n    switch (this.filter) {\r\n      case \"starts-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.startsWith(term);\r\n      case \"ends-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.endsWith(term);\r\n      case \"contains\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.includes(term);\r\n      case \"none\":\r\n        clone.disableHighlight = true;\r\n        return true;\r\n      default:\r\n        clone.disableHighlight = true;\r\n        return this.filter(option, exactTerm);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #filterOptions(): number {\r\n    if (!this.#input) return 0;\r\n\r\n    const oldCount = this.#options.filter((x) => !x.hidden).length;\r\n    const shouldAnnounce = !this.loading && this.#inputChanged;\r\n    this.#inputChanged = false;\r\n\r\n    const exactTerm = this.#input.value;\r\n    const term = this.caseSensitive ? exactTerm : exactTerm.toLocaleLowerCase();\r\n\r\n    let newCount = 0;\r\n    let first = false;\r\n    let last: M3eOptionElement | undefined;\r\n\r\n    for (let i = 0; i < this.#options.length; i++) {\r\n      const clone = this.#options[i];\r\n      const option = this._options[i];\r\n      clone.hidden = !this.#filterOption(clone, option, term, exactTerm);\r\n\r\n      if (clone.hidden) {\r\n        this.#deactivateOption(clone);\r\n        deleteCustomState(clone, \"-first\");\r\n        deleteCustomState(clone, \"-last\");\r\n      } else {\r\n        newCount++;\r\n        if (!first && !(clone.parentElement instanceof M3eOptGroupElement)) {\r\n          addCustomState(clone, \"-first\");\r\n          first = true;\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        } else {\r\n          deleteCustomState(clone, \"-first\");\r\n          if (last) {\r\n            deleteCustomState(last, \"-last\");\r\n          }\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        }\r\n      }\r\n\r\n      if (clone.selected && option.value !== exactTerm) {\r\n        clone.selected = false;\r\n        this.#updateSelectionState(clone);\r\n      }\r\n    }\r\n\r\n    if (this.#menu) {\r\n      this.#updateMenuState(this.#menu, newCount);\r\n    }\r\n\r\n    const groups = this.#menu?.querySelectorAll(\"m3e-optgroup\") ?? this.#clone?.querySelectorAll(\"m3e-optgroup\") ?? [];\r\n    for (const group of groups) {\r\n      group.hidden = [...group.querySelectorAll(\"m3e-option\")].every((x) => x.hidden);\r\n    }\r\n\r\n    if (shouldAnnounce) {\r\n      this.#announceResults(oldCount, newCount);\r\n    }\r\n\r\n    this.#autoActivate();\r\n    return newCount;\r\n  }\r\n\r\n  /** @private */\r\n  #announceResults(oldCount: number, newCount: number): void {\r\n    if (!this.#hasFocus) return;\r\n    if (newCount == 0) {\r\n      if (oldCount > 0 && this.noDataLabel) {\r\n        M3eLiveAnnouncer.announce(this.noDataLabel, \"polite\");\r\n      }\r\n    } else if (oldCount != newCount) {\r\n      const message = this.resultsLabel instanceof Function ? this.resultsLabel(newCount) : this.resultsLabel;\r\n      if (message) {\r\n        M3eLiveAnnouncer.announce(message, \"polite\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #autoActivate(): void {\r\n    if (this.autoActivate && (!this._listKeyManager.activeItem || !this._listKeyManager.activeItem.selected)) {\r\n      const option = this.#options.find((x) => !x.disabled && !x.hidden);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        if (this.#menu) {\r\n          scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #deactivateOption(option: M3eOptionElement): void {\r\n    option.focusRing?.hide();\r\n    option.stateLayer?.hide(\"focused\");\r\n    if (option === this._listKeyManager.activeItem) {\r\n      this._listKeyManager.updateActiveItem(null);\r\n      this.#input?.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eAutocompleteElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n  query: CustomEvent<QueryEventDetail>;\r\n}\r\n\r\nexport interface M3eAutocompleteElement {\r\n  addEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-autocomplete\": M3eAutocompleteElement;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","SuppressedError","M3eAutocompleteElement","HtmlFor","LitElement","constructor","super","_M3eAutocompleteElement_id","this","M3eAutocompleteElement_1","__nextId","_M3eAutocompleteElement_menuId","_options","Array","_M3eAutocompleteElement_clone","_M3eAutocompleteElement_ignoreFocusVisible","_M3eAutocompleteElement_menu","_M3eAutocompleteElement_ignoreHideMenuOnBlur","_M3eAutocompleteElement_inputChanged","_M3eAutocompleteElement_hasFocus","_M3eAutocompleteElement_mutationAbortController","_M3eAutocompleteElement_clickHandler","_M3eAutocompleteElement_instances","_M3eAutocompleteElement_handleClick","_M3eAutocompleteElement_formFieldPointerDownHandler","_M3eAutocompleteElement_handleFormFieldPointerDown","_M3eAutocompleteElement_focusHandler","_M3eAutocompleteElement_handleFocus","_M3eAutocompleteElement_blurHandler","_M3eAutocompleteElement_handleBlur","_M3eAutocompleteElement_keyDownHandler","e","_M3eAutocompleteElement_inputHandler","_M3eAutocompleteElement_changeHandler","_M3eAutocompleteElement_handleChange","_M3eAutocompleteElement_menuToggleHandler","_M3eAutocompleteElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withSkipPredicate","item","disabled","hidden","onActiveItemChange","activeItem","_M3eAutocompleteElement_activateOption","hideSelectionIndicator","required","autoActivate","caseSensitive","filter","loading","hideNoData","hideLoading","loadingLabel","noDataLabel","resultsLabel","count","MutationController","config","childList","subtree","callback","_M3eAutocompleteElement_handleMutation","options","attach","control","HTMLInputElement","autocomplete","role","ariaAutoComplete","ariaExpanded","addEventListener","_M3eAutocompleteElement_formField_get","detach","removeEventListener","clear","restoreFocus","_M3eAutocompleteElement_input_get","_M3eAutocompleteElement_filterOptions","focus","_M3eAutocompleteElement_hideMenu","connectedCallback","update","changedProperties","setCustomState","M3eLiveAnnouncer","announce","_M3eAutocompleteElement_shouldShowMenu_get","_M3eAutocompleteElement_showMenu","deleteCustomState","render","html","items","querySelector","_M3eAutocompleteElement_options_get","some","x","formField","menuAnchor","clientWidth","closest","async","abort","mutationAbortController","AbortController","querySelectorAll","option","signal","aborted","isUpdatePending","updateComplete","cloneNode","added","setItems","forEach","id","indexOf","replaceChildren","childNodes","_M3eAutocompleteElement_updateMenuState","readOnly","dispatchEvent","CustomEvent","detail","term","bubbles","composed","defaultPrevented","notifyControlStateChange","selected","preventDefault","_M3eAutocompleteElement_selectOption","prefersReducedMotion","setTimeout","altKey","onKeyDown","button","stopImmediatePropagation","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","_M3eAutocompleteElement_autoActivate","ToggleEvent","oldState","_M3eAutocompleteElement_destroyMenu","remove","undefined","removeAttribute","requestUpdate","document","createElement","style","overflowX","minWidth","_M3eAutocompleteElement_minMenuWidth_get","children","_M3eAutocompleteElement_hasNoDataSlot_get","noDataSpan","slot","textContent","push","_M3eAutocompleteElement_hasLoadingSlot_get","loadingSpan","insertAdjacentElement","setAttribute","input","show","menu","hide","forceFocusVisible","block","behavior","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","_M3eAutocompleteElement_updateSelectionState","_M3eAutocompleteElement_filterOption","exactTerm","toLowerCase","highlightMode","startsWith","endsWith","includes","disableHighlight","oldCount","shouldAnnounce","toLocaleLowerCase","last","newCount","first","_M3eAutocompleteElement_deactivateOption","parentElement","M3eOptGroupElement","addCustomState","groups","group","every","_M3eAutocompleteElement_announceResults","message","Function","updateActiveItem","styles","css","property","attribute","type","Boolean","prototype","reflect","converter","fromAttribute","customElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/AutocompleteElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  HtmlFor,\r\n  prefersReducedMotion,\r\n  scrollIntoViewIfNeeded,\r\n  forcedColorsActive,\r\n  setCustomState,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, M3eLiveAnnouncer } from \"@m3e/web/core/a11y\";\r\nimport { M3eOptGroupElement, M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\nimport type { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\nimport { AutocompleteFilterMode } from \"./AutocompleteFilterMode\";\r\nimport { QueryEventDetail } from \"./QueryEventDetail\";\r\n\r\n/**\r\n * Enhances a text input with suggested options.\r\n *\r\n * @description\r\n * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,\r\n * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,\r\n * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while\r\n * integrating seamlessly with form field containers and supporting both required and optional selection modes.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"fruit\">Choose your favorite fruit</label>\r\n *   <input id=\"fruit\" />\r\n * </m3e-form-field>\r\n * <m3e-autocomplete for=\"fruit\">\r\n *   <m3e-option>Apples</m3e-option>\r\n *   <m3e-option>Oranges</m3e-option>\r\n *   <m3e-option>Bananas</m3e-option>\r\n *   <m3e-option>Grapes</m3e-option>\r\n * </m3e-autocomplete>\r\n * ```\r\n *\r\n * @tag m3e-autocomplete\r\n *\r\n * @attr auto-activate - Whether the first option should be automatically activated.\r\n * @attr case-sensitive - Whether filtering is case sensitive.\r\n * @attr filter - Mode in which to filter options.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator.\r\n * @attr hide-loading - Whether to hide the menu when loading options.\r\n * @attr hide-no-data - Whether to hide the menu when there are no options to show.\r\n * @attr loading - Whether options are being loaded.\r\n * @attr loading-label - The text announced and presented when loading options.\r\n * @attr no-data-label - The text announced and presented when no options are available for the current term.\r\n * @attr panel-class - Class or list of classes to be applied to the autocomplete's overlay panel.\r\n * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.\r\n * @attr results-label - The text announced when available options change for the current term.\r\n *\r\n * @slot - Renders the options of the autocomplete.\r\n * @slot loading - Renders content when loading options.\r\n * @slot no-data - Renders content when there are no options to show.\r\n *\r\n * @fires toggle - Emitted when the options menu opens or closes.\r\n * @fires query - Emitted when the input is focused or when the user modifies its value.\r\n */\r\n@customElement(\"m3e-autocomplete\")\r\nexport class M3eAutocompleteElement extends HtmlFor(LitElement) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __nextId = 0;\r\n\r\n  /** @private */ readonly #id = `m3e-autocomplete-${M3eAutocompleteElement.__nextId}`;\r\n  /** @private */ readonly #menuId = `${this.#id}-menu`;\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreHideMenuOnBlur = false;\r\n  /** @private */ #inputChanged = false;\r\n  /** @private */ #hasFocus = false;\r\n  /** @private */ #mutationAbortController?: AbortController;\r\n\r\n  /** @private */ readonly #clickHandler = () => this.#handleClick();\r\n  /** @private */ readonly #formFieldPointerDownHandler = () => this.#handleFormFieldPointerDown();\r\n  /** @private */ readonly #focusHandler = () => this.#handleFocus();\r\n  /** @private */ readonly #blurHandler = () => this.#handleBlur();\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #inputHandler = (e: Event) => this.#handleInput(e);\r\n  /** @private */ readonly #changeHandler = () => this.#handleChange();\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => this.#handleMenuPointerDown(e);\r\n\r\n  /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withPageUpAndDown()\r\n    .withVerticalOrientation()\r\n    .withSkipPredicate((item) => item.disabled || item.hidden)\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new MutationController(this, {\r\n      config: {\r\n        childList: true,\r\n        subtree: true,\r\n      },\r\n      callback: () => this.#handleMutation(),\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to hide the selection indicator.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether the user is required to make a selection when interacting with the autocomplete.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) required = false;\r\n\r\n  /**\r\n   * Whether the first option should be automatically activated.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"auto-activate\", type: Boolean }) autoActivate = false;\r\n\r\n  /**\r\n   * Whether filtering is case sensitive.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"case-sensitive\", type: Boolean }) caseSensitive = false;\r\n\r\n  /**\r\n   * Mode in which to filter options.\r\n   * @default \"contains\"\r\n   */\r\n  @property({\r\n    converter: {\r\n      fromAttribute(value: string | null): AutocompleteFilterMode {\r\n        if (value === null) return \"contains\";\r\n        if (value === \"starts-with\" || value === \"ends-with\" || value === \"contains\" || value === \"none\") {\r\n          return value;\r\n        }\r\n        return \"contains\";\r\n      },\r\n    },\r\n  })\r\n  filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean) = \"contains\";\r\n\r\n  /**\r\n   * Whether options are being loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when there are no options to show.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-no-data\", type: Boolean }) hideNoData = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when loading options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-loading\", type: Boolean }) hideLoading = false;\r\n\r\n  /**\r\n   * The text announced and presented when loading options.\r\n   * @default \"Loading...\"\r\n   */\r\n  @property({ attribute: \"loading-label\" }) loadingLabel = \"Loading...\";\r\n\r\n  /**\r\n   * The text announced and presented when no options are available for the current term.\r\n   * @default \"No options\"\r\n   */\r\n  @property({ attribute: \"no-data-label\" }) noDataLabel = \"No options\";\r\n\r\n  /**\r\n   * The text announced when available options change for the current term.\r\n   * @default (count) => `${count} options`\r\n   */\r\n  @property({ attribute: \"results-label\" }) resultsLabel: string | ((count: number) => string) = (count) =>\r\n    `${count} options`;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the autocomplete's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\r\n\r\n  /** The options that can be selected. */\r\n  get options(): readonly M3eOptionElement[] {\r\n    return this._options ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #input(): HTMLInputElement | null {\r\n    return this.control ? <HTMLInputElement>this.control : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasNoDataSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='no-data']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasLoadingSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='loading']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldShowMenu(): boolean {\r\n    return (\r\n      this.#options.some((x) => !x.hidden) ||\r\n      (this.loading && !this.hideLoading && this.loadingLabel.length > 0) ||\r\n      (!this.loading && !this.hideNoData && this.noDataLabel.length > 0)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  get #minMenuWidth(): string {\r\n    const formField = this.#formField;\r\n    return `${formField ? formField.menuAnchor.clientWidth : (this.control?.clientWidth ?? 0)}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.control?.closest(\"m3e-form-field\") ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (!(control instanceof HTMLInputElement)) return;\r\n\r\n    super.attach(control);\r\n\r\n    control.autocomplete = \"off\";\r\n    control.role = \"combobox\";\r\n    control.ariaAutoComplete = \"list\";\r\n    control.ariaExpanded = \"false\";\r\n\r\n    control.addEventListener(\"click\", this.#clickHandler);\r\n    control.addEventListener(\"focus\", this.#focusHandler);\r\n    control.addEventListener(\"blur\", this.#blurHandler);\r\n    control.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    control.addEventListener(\"input\", this.#inputHandler);\r\n    control.addEventListener(\"change\", this.#changeHandler);\r\n\r\n    this.#formField?.addEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control) {\r\n      this.#formField?.removeEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n\r\n      this.control.role = null;\r\n      this.control.ariaAutoComplete = null;\r\n      this.control.ariaExpanded = null;\r\n\r\n      this.control.removeEventListener(\"click\", this.#clickHandler);\r\n      this.control.removeEventListener(\"focus\", this.#focusHandler);\r\n      this.control.removeEventListener(\"blur\", this.#blurHandler);\r\n      this.control.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.control.removeEventListener(\"input\", this.#inputHandler);\r\n      this.control.removeEventListener(\"change\", this.#changeHandler);\r\n    }\r\n    super.detach();\r\n  }\r\n\r\n  /**\r\n   * Clears the value of the element.\r\n   * @param [restoreFocus=false] Whether to restore input focus.\r\n   */\r\n  clear(restoreFocus = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.value = \"\";\r\n    this.#filterOptions();\r\n\r\n    if (restoreFocus) {\r\n      this.#input.focus();\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"hideNoData\") && this.hideNoData && this.#menu) {\r\n      setCustomState(this.#menu, \"-no-data\", false);\r\n    }\r\n\r\n    if (changedProperties.has(\"loading\")) {\r\n      if (this.loading) {\r\n        if (this.#hasFocus) {\r\n          if (this.loadingLabel) {\r\n            M3eLiveAnnouncer.announce(this.loadingLabel, \"polite\");\r\n          }\r\n          if (!this.#menu && this.#shouldShowMenu) {\r\n            this.#showMenu();\r\n          }\r\n        }\r\n      } else if (this.#menu && !this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else if (this.#menu) {\r\n        deleteCustomState(this.#menu, \"-loading\");\r\n      } else if (this.#hasFocus) {\r\n        this.#showMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"options\" aria-hidden=\"true\">\r\n      <slot></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleMutation(): Promise<void> {\r\n    if (this.#mutationAbortController) {\r\n      this.#mutationAbortController.abort();\r\n    }\r\n    const mutationAbortController = new AbortController();\r\n    this.#mutationAbortController = mutationAbortController;\r\n\r\n    const options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    for (const option of options) {\r\n      if (mutationAbortController.signal.aborted) {\r\n        break;\r\n      }\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n\r\n    if (mutationAbortController.signal.aborted) {\r\n      return;\r\n    }\r\n\r\n    this._options = options;\r\n\r\n    this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n    const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n    added.forEach((x) => {\r\n      x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n      setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator);\r\n    });\r\n\r\n    if (this.#menu) {\r\n      const count = this.#filterOptions();\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (!this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else {\r\n        this.#updateMenuState(this.#menu, count);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormFieldPointerDown(): void {\r\n    this.#ignoreHideMenuOnBlur = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleFocus(): void {\r\n    this.#hasFocus = true;\r\n    this.#ignoreFocusVisible = true;\r\n\r\n    if (this.options.length == 0 && !(<HTMLInputElement>this.control).readOnly) {\r\n      this.dispatchEvent(\r\n        new CustomEvent<QueryEventDetail>(\"query\", {\r\n          detail: { term: this.#input?.value ?? \"\" },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    }\r\n\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleBlur(): void {\r\n    this.#hasFocus = false;\r\n    if (!this.#ignoreHideMenuOnBlur) {\r\n      this.#hideMenu();\r\n    }\r\n    this.#ignoreHideMenuOnBlur = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleInput(e: Event): void {\r\n    if (!this.#input || e.defaultPrevented) return;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<QueryEventDetail>(\"query\", {\r\n        detail: { term: this.#input.value },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n\r\n    this.#inputChanged = true;\r\n    try {\r\n      if (!this.#menu) {\r\n        this.#showMenu();\r\n      } else {\r\n        this.#filterOptions();\r\n        if (!this.#shouldShowMenu) {\r\n          this.#hideMenu();\r\n        }\r\n      }\r\n    } finally {\r\n      this.#inputChanged = false;\r\n      this.#formField?.notifyControlStateChange(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleChange(): void {\r\n    if (this.#input && this.required && !this.#options.some((x) => x.selected && !x.disabled)) {\r\n      this.#input.value = \"\";\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \"Backspace\":\r\n      case \"Delete\":\r\n        if (this.#input && !this.#input.value) {\r\n          this.#hideMenu();\r\n        }\r\n        break;\r\n\r\n      case \"Enter\":\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          e.preventDefault();\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n          if (!prefersReducedMotion()) {\r\n            setTimeout(() => this.#hideMenu(), 150);\r\n          } else {\r\n            this.#hideMenu();\r\n          }\r\n        } else if (this.#menu) {\r\n          setTimeout(() => {\r\n            if (this.#input && !this.#input.value) {\r\n              this.#hideMenu();\r\n            }\r\n          });\r\n        }\r\n        break;\r\n\r\n      case \"Escape\":\r\n      case \"Tab\":\r\n        this.#hideMenu();\r\n        break;\r\n\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n        if (e.altKey) {\r\n          this.#hideMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (!this.#menu) {\r\n          this.#showMenu();\r\n          e.preventDefault();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: PointerEvent): void {\r\n    if (e.button === 2) return;\r\n    e.preventDefault();\r\n    e.stopImmediatePropagation();\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option && !option.disabled) {\r\n      this._listKeyManager.setActiveItem(option);\r\n      this.#selectOption(option);\r\n      if (!prefersReducedMotion()) {\r\n        setTimeout(() => this.#hideMenu(), 150);\r\n      } else {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuToggle(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    if (e.newState !== \"closed\") {\r\n      const option = this.#options.find((x) => x.selected && !x.disabled);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        scrollIntoViewIfNeeded(option, this.#menu);\r\n      } else {\r\n        this.#autoActivate();\r\n      }\r\n\r\n      this.dispatchEvent(\r\n        new ToggleEvent(\"toggle\", {\r\n          oldState: e.oldState,\r\n          newState: e.newState,\r\n        }),\r\n      );\r\n    } else {\r\n      if (prefersReducedMotion()) {\r\n        this.#destroyMenu(e);\r\n      } else {\r\n        // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n        // This is a workaround until that is fixed.\r\n        setTimeout(() => this.#destroyMenu(e), 100);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private*/\r\n  #destroyMenu(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n\r\n    this.#menu.remove();\r\n    this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu = undefined;\r\n\r\n    if (this.#input) {\r\n      this.#input.ariaExpanded = \"false\";\r\n      this.#input.removeAttribute(\"aria-controls\");\r\n      this.#input.removeAttribute(\"aria-owns\");\r\n    }\r\n    this.requestUpdate();\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    this.dispatchEvent(\r\n      new ToggleEvent(\"toggle\", {\r\n        oldState: e.oldState,\r\n        newState: e.newState,\r\n      }),\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || !this.#input || this.#input.readOnly || this.#input.disabled) return;\r\n\r\n    const count = this.#filterOptions();\r\n\r\n    if (!this.#shouldShowMenu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    this.#menu.id = this.#menuId;\r\n\r\n    if (this.panelClass) {\r\n      for (const klass of this.panelClass\r\n        .split(/\\s+/)\r\n        .map((d) => d.trim())\r\n        .filter(Boolean)) {\r\n        this.#menu.classList.add(klass);\r\n      }\r\n    }\r\n\r\n    this.#menu.scrollStrategy = \"reposition\";\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.style.minWidth = this.#minMenuWidth;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      const children = [...this.#clone.childNodes];\r\n      if (!this.#hasNoDataSlot && this.noDataLabel) {\r\n        const noDataSpan = document.createElement(\"span\");\r\n        noDataSpan.slot = \"no-data\";\r\n        noDataSpan.textContent = this.noDataLabel;\r\n        children.push(noDataSpan);\r\n      }\r\n      if (!this.#hasLoadingSlot && this.loadingLabel) {\r\n        const loadingSpan = document.createElement(\"span\");\r\n        loadingSpan.slot = \"loading\";\r\n        loadingSpan.textContent = this.loadingLabel;\r\n        children.push(loadingSpan);\r\n      }\r\n      this.#menu.replaceChildren(...children);\r\n    }\r\n\r\n    this.#updateMenuState(this.#menu, count);\r\n\r\n    (this.#formField ?? this.#input).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.#input.setAttribute(\"aria-controls\", this.#menuId);\r\n    this.#input.setAttribute(\"aria-owns\", this.#menuId);\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    if (this._listKeyManager.activeItem && this.autoActivate) {\r\n      this.#activateOption(this._listKeyManager.activeItem, true);\r\n    }\r\n\r\n    const input = this.#input;\r\n    setTimeout(() => this.#menu?.show(input, this.#formField?.menuAnchor));\r\n  }\r\n\r\n  /** @private */\r\n  #updateMenuState(menu: M3eOptionPanelElement, count: number): void {\r\n    setCustomState(menu, \"-loading\", this.loading);\r\n    setCustomState(menu, \"-no-data\", count == 0);\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    this.#menu?.hide();\r\n    this.#input?.removeAttribute(\"aria-activedescendant\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement, forceFocusVisible = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.setAttribute(\"aria-activedescendant\", option.id);\r\n\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible =\r\n        forceFocusVisible ||\r\n        (!this.#ignoreFocusVisible && (this.#input.matches(\":focus-visible\") || forcedColorsActive()));\r\n\r\n      this.#options.forEach((x) => {\r\n        const active = x === option && focusVisible;\r\n        if (active) {\r\n          x.focusRing?.show();\r\n          x.stateLayer?.show(\"focused\");\r\n        } else {\r\n          x.focusRing?.hide();\r\n          x.stateLayer?.hide(\"focused\");\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #updateSelectionState(clone: M3eOptionElement): Promise<void> {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #selectOption(option: M3eOptionElement): Promise<void> {\r\n    if (option.selected) return;\r\n\r\n    option.selected = true;\r\n    await this.#updateSelectionState(option);\r\n    if (option.isUpdatePending) {\r\n      await option.updateComplete;\r\n    }\r\n\r\n    this.requestUpdate();\r\n    if (this.isUpdatePending) {\r\n      await this.updateComplete;\r\n    }\r\n\r\n    if (this.#input) {\r\n      this.#input.value = option.value;\r\n    }\r\n\r\n    this.#formField?.notifyControlStateChange(true);\r\n  }\r\n\r\n  /** @private */\r\n  #filterOption(clone: M3eOptionElement, option: M3eOptionElement, term: string, exactTerm: string): boolean {\r\n    const value = this.caseSensitive ? option.value : option.value.toLowerCase();\r\n    switch (this.filter) {\r\n      case \"starts-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.startsWith(term);\r\n      case \"ends-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.endsWith(term);\r\n      case \"contains\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.includes(term);\r\n      case \"none\":\r\n        clone.disableHighlight = true;\r\n        return true;\r\n      default:\r\n        clone.disableHighlight = true;\r\n        return this.filter(option, exactTerm);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #filterOptions(): number {\r\n    if (!this.#input) return 0;\r\n\r\n    const oldCount = this.#options.filter((x) => !x.hidden).length;\r\n    const shouldAnnounce = !this.loading && this.#inputChanged;\r\n    this.#inputChanged = false;\r\n\r\n    const exactTerm = this.#input.value;\r\n    const term = this.caseSensitive ? exactTerm : exactTerm.toLocaleLowerCase();\r\n\r\n    let newCount = 0;\r\n    let first = false;\r\n    let last: M3eOptionElement | undefined;\r\n\r\n    for (let i = 0; i < this.#options.length; i++) {\r\n      const clone = this.#options[i];\r\n      const option = this._options[i];\r\n      clone.hidden = !this.#filterOption(clone, option, term, exactTerm);\r\n\r\n      if (clone.hidden) {\r\n        this.#deactivateOption(clone);\r\n        deleteCustomState(clone, \"-first\");\r\n        deleteCustomState(clone, \"-last\");\r\n      } else {\r\n        newCount++;\r\n        if (!first && !(clone.parentElement instanceof M3eOptGroupElement)) {\r\n          addCustomState(clone, \"-first\");\r\n          first = true;\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        } else {\r\n          deleteCustomState(clone, \"-first\");\r\n          if (last) {\r\n            deleteCustomState(last, \"-last\");\r\n          }\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        }\r\n      }\r\n\r\n      if (clone.selected && option.value !== exactTerm) {\r\n        clone.selected = false;\r\n        this.#updateSelectionState(clone);\r\n      }\r\n    }\r\n\r\n    if (this.#menu) {\r\n      this.#updateMenuState(this.#menu, newCount);\r\n    }\r\n\r\n    const groups = this.#menu?.querySelectorAll(\"m3e-optgroup\") ?? this.#clone?.querySelectorAll(\"m3e-optgroup\") ?? [];\r\n    for (const group of groups) {\r\n      group.hidden = [...group.querySelectorAll(\"m3e-option\")].every((x) => x.hidden);\r\n    }\r\n\r\n    if (shouldAnnounce) {\r\n      this.#announceResults(oldCount, newCount);\r\n    }\r\n\r\n    this.#autoActivate();\r\n    return newCount;\r\n  }\r\n\r\n  /** @private */\r\n  #announceResults(oldCount: number, newCount: number): void {\r\n    if (!this.#hasFocus) return;\r\n    if (newCount == 0) {\r\n      if (oldCount > 0 && this.noDataLabel) {\r\n        M3eLiveAnnouncer.announce(this.noDataLabel, \"polite\");\r\n      }\r\n    } else if (oldCount != newCount) {\r\n      const message = this.resultsLabel instanceof Function ? this.resultsLabel(newCount) : this.resultsLabel;\r\n      if (message) {\r\n        M3eLiveAnnouncer.announce(message, \"polite\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #autoActivate(): void {\r\n    if (this.autoActivate && (!this._listKeyManager.activeItem || !this._listKeyManager.activeItem.selected)) {\r\n      const option = this.#options.find((x) => !x.disabled && !x.hidden);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        if (this.#menu) {\r\n          scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #deactivateOption(option: M3eOptionElement): void {\r\n    option.focusRing?.hide();\r\n    option.stateLayer?.hide(\"focused\");\r\n    if (option === this._listKeyManager.activeItem) {\r\n      this._listKeyManager.updateActiveItem(null);\r\n      this.#input?.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eAutocompleteElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n  query: CustomEvent<QueryEventDetail>;\r\n}\r\n\r\nexport interface M3eAutocompleteElement {\r\n  addEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-autocomplete\": M3eAutocompleteElement;\r\n  }\r\n}\r\n"],"names":["M3eAutocompleteElement","HtmlFor","LitElement","constructor","super","_M3eAutocompleteElement_id","set","this","M3eAutocompleteElement_1","__nextId","_M3eAutocompleteElement_menuId","__classPrivateFieldGet","_options","Array","_M3eAutocompleteElement_clone","_M3eAutocompleteElement_ignoreFocusVisible","_M3eAutocompleteElement_menu","_M3eAutocompleteElement_ignoreHideMenuOnBlur","_M3eAutocompleteElement_inputChanged","_M3eAutocompleteElement_hasFocus","_M3eAutocompleteElement_mutationAbortController","_M3eAutocompleteElement_clickHandler","_M3eAutocompleteElement_instances","_M3eAutocompleteElement_handleClick","call","_M3eAutocompleteElement_formFieldPointerDownHandler","_M3eAutocompleteElement_handleFormFieldPointerDown","_M3eAutocompleteElement_focusHandler","_M3eAutocompleteElement_handleFocus","_M3eAutocompleteElement_blurHandler","_M3eAutocompleteElement_handleBlur","_M3eAutocompleteElement_keyDownHandler","e","_M3eAutocompleteElement_inputHandler","_M3eAutocompleteElement_changeHandler","_M3eAutocompleteElement_handleChange","_M3eAutocompleteElement_menuToggleHandler","_M3eAutocompleteElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withSkipPredicate","item","disabled","hidden","onActiveItemChange","activeItem","_M3eAutocompleteElement_activateOption","hideSelectionIndicator","required","autoActivate","caseSensitive","filter","loading","hideNoData","hideLoading","loadingLabel","noDataLabel","resultsLabel","count","panelClass","MutationController","config","childList","subtree","callback","_M3eAutocompleteElement_handleMutation","options","attach","control","HTMLInputElement","autocomplete","role","ariaAutoComplete","ariaExpanded","addEventListener","_M3eAutocompleteElement_formField_get","detach","removeEventListener","clear","restoreFocus","_M3eAutocompleteElement_input_get","value","_M3eAutocompleteElement_filterOptions","focus","_M3eAutocompleteElement_hideMenu","connectedCallback","update","changedProperties","has","setCustomState","M3eLiveAnnouncer","announce","_M3eAutocompleteElement_shouldShowMenu_get","_M3eAutocompleteElement_showMenu","deleteCustomState","render","html","items","querySelector","_M3eAutocompleteElement_options_get","some","x","length","formField","menuAnchor","clientWidth","closest","async","abort","mutationAbortController","AbortController","__classPrivateFieldSet","querySelectorAll","option","signal","aborted","isUpdatePending","updateComplete","cloneNode","added","setItems","forEach","id","indexOf","replaceChildren","childNodes","_M3eAutocompleteElement_updateMenuState","readOnly","dispatchEvent","CustomEvent","detail","term","bubbles","composed","defaultPrevented","notifyControlStateChange","selected","key","preventDefault","_M3eAutocompleteElement_selectOption","prefersReducedMotion","setTimeout","altKey","onKeyDown","button","stopImmediatePropagation","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","_M3eAutocompleteElement_autoActivate","ToggleEvent","oldState","_M3eAutocompleteElement_destroyMenu","remove","undefined","removeAttribute","requestUpdate","document","createElement","klass","split","map","d","trim","Boolean","classList","add","scrollStrategy","style","overflowX","minWidth","_M3eAutocompleteElement_minMenuWidth_get","children","_M3eAutocompleteElement_hasNoDataSlot_get","noDataSpan","slot","textContent","push","_M3eAutocompleteElement_hasLoadingSlot_get","loadingSpan","insertAdjacentElement","setAttribute","input","show","menu","hide","forceFocusVisible","block","behavior","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","_M3eAutocompleteElement_updateSelectionState","_M3eAutocompleteElement_filterOption","exactTerm","toLowerCase","highlightMode","startsWith","endsWith","includes","disableHighlight","oldCount","shouldAnnounce","toLocaleLowerCase","last","newCount","first","i","_M3eAutocompleteElement_deactivateOption","parentElement","M3eOptGroupElement","addCustomState","groups","group","every","_M3eAutocompleteElement_announceResults","message","Function","updateActiveItem","styles","css","__decorate","property","attribute","type","prototype","reflect","converter","fromAttribute","customElement"],"mappings":"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"}

package/dist/avatar.js

@@ -3,37 +3,10 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
+import { __decorate } from 'tslib';
 import { css, LitElement, html } from 'lit';
 import { DesignToken, customElement } from '@m3e/web/core';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length,
-    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-    d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * An image, icon or textual initials representing a user or other identity.
  *

package/dist/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/avatar/AvatarElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import { css, CSSResultGroup, html, LitElement } from \"lit\";\r\n\r\nimport { customElement, DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * An image, icon or textual initials representing a user or other identity.\r\n *\r\n * @description\r\n * The `m3e-avatar` component is a reusable identity primitive that displays visual or\r\n * textual representation with consistent sizing, shape, and typography.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-avatar` to present textual initials.\r\n * ```html\r\n * <m3e-avatar>AB</m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates use of the `m3e-avatar` to present an icon.\r\n *\r\n * Note: This example uses the `@m3e/icon` package to present Material Design symbols, but any icon package can be\r\n * substituted depending on your design system or preferences.\r\n *\r\n * ```html\r\n * <m3e-avatar>\r\n *  <m3e-icon name=\"person\"></m3e-icon>\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The last example illustrates use of the `m3e-avatar` to present an image.\r\n * ```html\r\n * <m3e-avatar>\r\n *  <img src=\"https://avatars.githubusercontent.com/u/224686995?s=48&v=4\" />\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @tag m3e-avatar\r\n *\r\n * @slot - Renders the content of the avatar.\r\n *\r\n * @cssprop --m3e-avatar-size - Size of the avatar.\r\n * @cssprop --m3e-avatar-shape - Border radius of the avatar.\r\n * @cssprop --m3e-avatar-font-size - Font size for the avatar.\r\n * @cssprop --m3e-avatar-font-weight - Font weight for the avatar.\r\n * @cssprop --m3e-avatar-line-height - Line height for the avatar.\r\n * @cssprop --m3e-avatar-tracking - Letter spacing for the avatar.\r\n * @cssprop --m3e-avatar-color - Background color of the avatar.\r\n * @cssprop --m3e-avatar-label-color - Text color of the avatar.\r\n */\r\n@customElement(\"m3e-avatar\")\r\nexport class M3eAvatarElement extends LitElement {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      aspect-ratio: 1 / 1;\r\n      width: var(--m3e-avatar-size, 2.5rem);\r\n    }\r\n    .base {\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      overflow: hidden;\r\n      border-radius: var(--m3e-avatar-shape, ${DesignToken.shape.corner.full});\r\n      font-size: var(--m3e-avatar-font-size, ${DesignToken.typescale.standard.title.medium.fontSize});\r\n      font-weight: var(--m3e-avatar-font-weight, ${DesignToken.typescale.standard.title.medium.fontWeight});\r\n      line-height: var(--m3e-avatar-line-height, ${DesignToken.typescale.standard.title.medium.lineHeight});\r\n      letter-spacing: var(--m3e-avatar-tracking, ${DesignToken.typescale.standard.title.medium.tracking});\r\n      background-color: var(--m3e-avatar-color, ${DesignToken.color.primaryContainer});\r\n      color: var(--m3e-avatar-label-color, ${DesignToken.color.onPrimaryContainer});\r\n    }\r\n    ::slotted(img) {\r\n      display: block;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      object-fit: cover;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  `;\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\"><slot></slot></div>`;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","SuppressedError","error","suppressed","message","e","Error","name","M3eAvatarElement","LitElement","render","html","styles","css","DesignToken","shape","corner","full","typescale","standard","title","medium","fontSize","fontWeight","lineHeight","tracking","color","primaryContainer","onPrimaryContainer","customElement"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwCO,SAASA,UAAUA,CAACC,UAAU,EAAEC,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAE;AACtD,EAAA,IAAIC,CAAC,GAAGC,SAAS,CAACC,MAAM;IAAEC,CAAC,GAAGH,CAAC,GAAG,CAAC,GAAGH,MAAM,GAAGE,IAAI,KAAK,IAAI,GAAGA,IAAI,GAAGK,MAAM,CAACC,wBAAwB,CAACR,MAAM,EAAEC,GAAG,CAAC,GAAGC,IAAI;IAAEO,CAAC;AAC5H,EAAA,IAAI,OAAOC,OAAO,KAAK,QAAQ,IAAI,OAAOA,OAAO,CAACC,QAAQ,KAAK,UAAU,EAAEL,CAAC,GAAGI,OAAO,CAACC,QAAQ,CAACZ,UAAU,EAAEC,MAAM,EAAEC,GAAG,EAAEC,IAAI,CAAC,CAAC,KAC1H,KAAK,IAAIU,CAAC,GAAGb,UAAU,CAACM,MAAM,GAAG,CAAC,EAAEO,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE,IAAIH,CAAC,GAAGV,UAAU,CAACa,CAAC,CAAC,EAAEN,CAAC,GAAG,CAACH,CAAC,GAAG,CAAC,GAAGM,CAAC,CAACH,CAAC,CAAC,GAAGH,CAAC,GAAG,CAAC,GAAGM,CAAC,CAACT,MAAM,EAAEC,GAAG,EAAEK,CAAC,CAAC,GAAGG,CAAC,CAACT,MAAM,EAAEC,GAAG,CAAC,KAAKK,CAAC;AACjJ,EAAA,OAAOH,CAAC,GAAG,CAAC,IAAIG,CAAC,IAAIC,MAAM,CAACM,cAAc,CAACb,MAAM,EAAEC,GAAG,EAAEK,CAAC,CAAC,EAAEA,CAAC;AACjE;AA6QuB,OAAOQ,eAAe,KAAK,UAAU,GAAGA,eAAe,GAAG,UAAUC,KAAK,EAAEC,UAAU,EAAEC,OAAO,EAAE;AACnH,EAAA,IAAIC,CAAC,GAAG,IAAIC,KAAK,CAACF,OAAO,CAAC;AAC1B,EAAA,OAAOC,CAAC,CAACE,IAAI,GAAG,iBAAiB,EAAEF,CAAC,CAACH,KAAK,GAAGA,KAAK,EAAEG,CAAC,CAACF,UAAU,GAAGA,UAAU,EAAEE,CAAC;AACpF;;ACvUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CG;AAEI,IAAMG,gBAAgB,GAAtB,MAAMA,gBAAiB,SAAQC,UAAU,CAAA;AAoC9C;AACmBC,EAAAA,MAAMA,GAAA;AACvB,IAAA,OAAOC,IAAI,CAAA,qCAAA,CAAuC;AACpD,EAAA;;AAtCA;AACgBH,gBAAA,CAAAI,MAAM,GAAmBC,GAAG,yTAgBCC,WAAW,CAACC,KAAK,CAACC,MAAM,CAACC,IAAI,CAAA,0CAAA,EAC7BH,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACC,QAAQ,CAAA,8CAAA,EAChDR,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACE,UAAU,CAAA,8CAAA,EACtDT,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACG,UAAU,CAAA,8CAAA,EACtDV,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACI,QAAQ,CAAA,6CAAA,EACrDX,WAAW,CAACY,KAAK,CAACC,gBAAgB,2CACvCb,WAAW,CAACY,KAAK,CAACE,kBAAkB,CAAA,uHAAA,CAtBzD;AAFXpB,gBAAgB,GAAAvB,UAAA,CAAA,CAD5B4C,aAAa,CAAC,YAAY,CAAC,CACf,EAAArB,gBAAgB,CAwC5B;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"avatar.js","sources":["../../src/avatar/AvatarElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement } from \"lit\";\r\n\r\nimport { customElement, DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * An image, icon or textual initials representing a user or other identity.\r\n *\r\n * @description\r\n * The `m3e-avatar` component is a reusable identity primitive that displays visual or\r\n * textual representation with consistent sizing, shape, and typography.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-avatar` to present textual initials.\r\n * ```html\r\n * <m3e-avatar>AB</m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates use of the `m3e-avatar` to present an icon.\r\n *\r\n * Note: This example uses the `@m3e/icon` package to present Material Design symbols, but any icon package can be\r\n * substituted depending on your design system or preferences.\r\n *\r\n * ```html\r\n * <m3e-avatar>\r\n *  <m3e-icon name=\"person\"></m3e-icon>\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The last example illustrates use of the `m3e-avatar` to present an image.\r\n * ```html\r\n * <m3e-avatar>\r\n *  <img src=\"https://avatars.githubusercontent.com/u/224686995?s=48&v=4\" />\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @tag m3e-avatar\r\n *\r\n * @slot - Renders the content of the avatar.\r\n *\r\n * @cssprop --m3e-avatar-size - Size of the avatar.\r\n * @cssprop --m3e-avatar-shape - Border radius of the avatar.\r\n * @cssprop --m3e-avatar-font-size - Font size for the avatar.\r\n * @cssprop --m3e-avatar-font-weight - Font weight for the avatar.\r\n * @cssprop --m3e-avatar-line-height - Line height for the avatar.\r\n * @cssprop --m3e-avatar-tracking - Letter spacing for the avatar.\r\n * @cssprop --m3e-avatar-color - Background color of the avatar.\r\n * @cssprop --m3e-avatar-label-color - Text color of the avatar.\r\n */\r\n@customElement(\"m3e-avatar\")\r\nexport class M3eAvatarElement extends LitElement {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      aspect-ratio: 1 / 1;\r\n      width: var(--m3e-avatar-size, 2.5rem);\r\n    }\r\n    .base {\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      overflow: hidden;\r\n      border-radius: var(--m3e-avatar-shape, ${DesignToken.shape.corner.full});\r\n      font-size: var(--m3e-avatar-font-size, ${DesignToken.typescale.standard.title.medium.fontSize});\r\n      font-weight: var(--m3e-avatar-font-weight, ${DesignToken.typescale.standard.title.medium.fontWeight});\r\n      line-height: var(--m3e-avatar-line-height, ${DesignToken.typescale.standard.title.medium.lineHeight});\r\n      letter-spacing: var(--m3e-avatar-tracking, ${DesignToken.typescale.standard.title.medium.tracking});\r\n      background-color: var(--m3e-avatar-color, ${DesignToken.color.primaryContainer});\r\n      color: var(--m3e-avatar-label-color, ${DesignToken.color.onPrimaryContainer});\r\n    }\r\n    ::slotted(img) {\r\n      display: block;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      object-fit: cover;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  `;\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\"><slot></slot></div>`;\r\n  }\r\n}\r\n"],"names":["M3eAvatarElement","LitElement","render","html","styles","css","DesignToken","shape","corner","full","typescale","standard","title","medium","fontSize","fontWeight","lineHeight","tracking","color","primaryContainer","onPrimaryContainer","__decorate","customElement"],"mappings":";;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CG;AAEI,IAAMA,gBAAgB,GAAtB,MAAMA,gBAAiB,SAAQC,UAAU,CAAA;AAoC9C;AACmBC,EAAAA,MAAMA,GAAA;AACvB,IAAA,OAAOC,IAAI,CAAA,qCAAA,CAAuC;AACpD,EAAA;;AAtCA;AACgBH,gBAAA,CAAAI,MAAM,GAAmBC,GAAG,yTAgBCC,WAAW,CAACC,KAAK,CAACC,MAAM,CAACC,IAAI,CAAA,0CAAA,EAC7BH,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACC,QAAQ,CAAA,8CAAA,EAChDR,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACE,UAAU,CAAA,8CAAA,EACtDT,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACG,UAAU,CAAA,8CAAA,EACtDV,WAAW,CAACI,SAAS,CAACC,QAAQ,CAACC,KAAK,CAACC,MAAM,CAACI,QAAQ,CAAA,6CAAA,EACrDX,WAAW,CAACY,KAAK,CAACC,gBAAgB,2CACvCb,WAAW,CAACY,KAAK,CAACE,kBAAkB,CAAA,uHAAA,CAtBzD;AAFXpB,gBAAgB,GAAAqB,UAAA,CAAA,CAD5BC,aAAa,CAAC,YAAY,CAAC,CACf,EAAAtB,gBAAgB,CAwC5B;;;;"}

package/dist/avatar.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{css as e,LitElement as t,html as r}from"lit";import{DesignToken as a,customElement as i}from"@m3e/web/core";"function"==typeof SuppressedError&&SuppressedError;let o=class extends t{render(){return r`<div class="base"><slot></slot></div>`}};o.styles=e`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${a.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${a.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${a.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${a.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${a.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${a.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${a.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,o=function(e,t,r,a){var i,o=arguments.length,l=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(l=(o<3?i(l):o>3?i(t,r,l):i(t,r))||l);return o>3&&l&&Object.defineProperty(t,r,l),l}([i("m3e-avatar")],o);export{o as M3eAvatarElement};
+import{__decorate as e}from"tslib";import{css as t,LitElement as a,html as r}from"lit";import{DesignToken as i,customElement as o}from"@m3e/web/core";let l=class extends a{render(){return r`<div class="base"><slot></slot></div>`}};l.styles=t`:host { display: inline-block; vertical-align: middle; aspect-ratio: 1 / 1; width: var(--m3e-avatar-size, 2.5rem); } .base { user-select: none; white-space: nowrap; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: var(--m3e-avatar-shape, ${i.shape.corner.full}); font-size: var(--m3e-avatar-font-size, ${i.typescale.standard.title.medium.fontSize}); font-weight: var(--m3e-avatar-font-weight, ${i.typescale.standard.title.medium.fontWeight}); line-height: var(--m3e-avatar-line-height, ${i.typescale.standard.title.medium.lineHeight}); letter-spacing: var(--m3e-avatar-tracking, ${i.typescale.standard.title.medium.tracking}); background-color: var(--m3e-avatar-color, ${i.color.primaryContainer}); color: var(--m3e-avatar-label-color, ${i.color.onPrimaryContainer}); } ::slotted(img) { display: block; margin: 0 auto; overflow: hidden; object-fit: cover; width: 100%; height: 100%; }`,l=e([o("m3e-avatar")],l);export{l as M3eAvatarElement};
 //# sourceMappingURL=avatar.min.js.map

package/dist/avatar.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/avatar/AvatarElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import { css, CSSResultGroup, html, LitElement } from \"lit\";\r\n\r\nimport { customElement, DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * An image, icon or textual initials representing a user or other identity.\r\n *\r\n * @description\r\n * The `m3e-avatar` component is a reusable identity primitive that displays visual or\r\n * textual representation with consistent sizing, shape, and typography.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-avatar` to present textual initials.\r\n * ```html\r\n * <m3e-avatar>AB</m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates use of the `m3e-avatar` to present an icon.\r\n *\r\n * Note: This example uses the `@m3e/icon` package to present Material Design symbols, but any icon package can be\r\n * substituted depending on your design system or preferences.\r\n *\r\n * ```html\r\n * <m3e-avatar>\r\n *  <m3e-icon name=\"person\"></m3e-icon>\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The last example illustrates use of the `m3e-avatar` to present an image.\r\n * ```html\r\n * <m3e-avatar>\r\n *  <img src=\"https://avatars.githubusercontent.com/u/224686995?s=48&v=4\" />\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @tag m3e-avatar\r\n *\r\n * @slot - Renders the content of the avatar.\r\n *\r\n * @cssprop --m3e-avatar-size - Size of the avatar.\r\n * @cssprop --m3e-avatar-shape - Border radius of the avatar.\r\n * @cssprop --m3e-avatar-font-size - Font size for the avatar.\r\n * @cssprop --m3e-avatar-font-weight - Font weight for the avatar.\r\n * @cssprop --m3e-avatar-line-height - Line height for the avatar.\r\n * @cssprop --m3e-avatar-tracking - Letter spacing for the avatar.\r\n * @cssprop --m3e-avatar-color - Background color of the avatar.\r\n * @cssprop --m3e-avatar-label-color - Text color of the avatar.\r\n */\r\n@customElement(\"m3e-avatar\")\r\nexport class M3eAvatarElement extends LitElement {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      aspect-ratio: 1 / 1;\r\n      width: var(--m3e-avatar-size, 2.5rem);\r\n    }\r\n    .base {\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      overflow: hidden;\r\n      border-radius: var(--m3e-avatar-shape, ${DesignToken.shape.corner.full});\r\n      font-size: var(--m3e-avatar-font-size, ${DesignToken.typescale.standard.title.medium.fontSize});\r\n      font-weight: var(--m3e-avatar-font-weight, ${DesignToken.typescale.standard.title.medium.fontWeight});\r\n      line-height: var(--m3e-avatar-line-height, ${DesignToken.typescale.standard.title.medium.lineHeight});\r\n      letter-spacing: var(--m3e-avatar-tracking, ${DesignToken.typescale.standard.title.medium.tracking});\r\n      background-color: var(--m3e-avatar-color, ${DesignToken.color.primaryContainer});\r\n      color: var(--m3e-avatar-label-color, ${DesignToken.color.onPrimaryContainer});\r\n    }\r\n    ::slotted(img) {\r\n      display: block;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      object-fit: cover;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  `;\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\"><slot></slot></div>`;\r\n  }\r\n}\r\n"],"names":["SuppressedError","M3eAvatarElement","LitElement","render","html","styles","css","DesignToken","shape","corner","full","typescale","standard","title","medium","fontSize","fontWeight","lineHeight","tracking","color","primaryContainer","onPrimaryContainer","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__decorate","customElement"],"mappings":";;;;;mHAwUkD,mBAApBA,iBAAiCA,gBCrRxD,IAAMC,EAAN,cAA+BC,EAqCjBC,MAAAA,GACjB,OAAOC,CAAI,uCACb,GArCgBH,EAAAI,OAAyBC,CAAG,yTAgBCC,EAAYC,MAAMC,OAAOC,iDACzBH,EAAYI,UAAUC,SAASC,MAAMC,OAAOC,yDACxCR,EAAYI,UAAUC,SAASC,MAAMC,OAAOE,2DAC5CT,EAAYI,UAAUC,SAASC,MAAMC,OAAOG,2DAC5CV,EAAYI,UAAUC,SAASC,MAAMC,OAAOI,wDAC7CX,EAAYY,MAAMC,2DACvBb,EAAYY,MAAME,4IAxBlDpB,EDGN,SAAoBqB,EAAYC,EAAQC,EAAKC,GAChD,IAA2HC,EAAvHC,EAAIC,UAAUC,OAAQC,EAAIH,EAAI,EAAIJ,EAAkB,OAATE,EAAgBA,EAAOM,OAAOC,yBAAyBT,EAAQC,GAAOC,EACrH,GAAuB,iBAAZQ,SAAoD,mBAArBA,QAAQC,SAAyBJ,EAAIG,QAAQC,SAASZ,EAAYC,EAAQC,EAAKC,QACpH,IAAK,IAAIU,EAAIb,EAAWO,OAAS,EAAGM,GAAK,EAAGA,KAAST,EAAIJ,EAAWa,MAAIL,GAAKH,EAAI,EAAID,EAAEI,GAAKH,EAAI,EAAID,EAAEH,EAAQC,EAAKM,GAAKJ,EAAEH,EAAQC,KAASM,GAChJ,OAAOH,EAAI,GAAKG,GAAKC,OAAOK,eAAeb,EAAQC,EAAKM,GAAIA,CAChE,CCR6BO,CAAA,CAD5BC,EAAc,eACFrC","x_google_ignoreList":[0]}
+{"version":3,"file":"avatar.min.js","sources":["../../src/avatar/AvatarElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement } from \"lit\";\r\n\r\nimport { customElement, DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * An image, icon or textual initials representing a user or other identity.\r\n *\r\n * @description\r\n * The `m3e-avatar` component is a reusable identity primitive that displays visual or\r\n * textual representation with consistent sizing, shape, and typography.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-avatar` to present textual initials.\r\n * ```html\r\n * <m3e-avatar>AB</m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates use of the `m3e-avatar` to present an icon.\r\n *\r\n * Note: This example uses the `@m3e/icon` package to present Material Design symbols, but any icon package can be\r\n * substituted depending on your design system or preferences.\r\n *\r\n * ```html\r\n * <m3e-avatar>\r\n *  <m3e-icon name=\"person\"></m3e-icon>\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @example\r\n * The last example illustrates use of the `m3e-avatar` to present an image.\r\n * ```html\r\n * <m3e-avatar>\r\n *  <img src=\"https://avatars.githubusercontent.com/u/224686995?s=48&v=4\" />\r\n * </m3e-avatar>\r\n * ```\r\n *\r\n * @tag m3e-avatar\r\n *\r\n * @slot - Renders the content of the avatar.\r\n *\r\n * @cssprop --m3e-avatar-size - Size of the avatar.\r\n * @cssprop --m3e-avatar-shape - Border radius of the avatar.\r\n * @cssprop --m3e-avatar-font-size - Font size for the avatar.\r\n * @cssprop --m3e-avatar-font-weight - Font weight for the avatar.\r\n * @cssprop --m3e-avatar-line-height - Line height for the avatar.\r\n * @cssprop --m3e-avatar-tracking - Letter spacing for the avatar.\r\n * @cssprop --m3e-avatar-color - Background color of the avatar.\r\n * @cssprop --m3e-avatar-label-color - Text color of the avatar.\r\n */\r\n@customElement(\"m3e-avatar\")\r\nexport class M3eAvatarElement extends LitElement {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      aspect-ratio: 1 / 1;\r\n      width: var(--m3e-avatar-size, 2.5rem);\r\n    }\r\n    .base {\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      overflow: hidden;\r\n      border-radius: var(--m3e-avatar-shape, ${DesignToken.shape.corner.full});\r\n      font-size: var(--m3e-avatar-font-size, ${DesignToken.typescale.standard.title.medium.fontSize});\r\n      font-weight: var(--m3e-avatar-font-weight, ${DesignToken.typescale.standard.title.medium.fontWeight});\r\n      line-height: var(--m3e-avatar-line-height, ${DesignToken.typescale.standard.title.medium.lineHeight});\r\n      letter-spacing: var(--m3e-avatar-tracking, ${DesignToken.typescale.standard.title.medium.tracking});\r\n      background-color: var(--m3e-avatar-color, ${DesignToken.color.primaryContainer});\r\n      color: var(--m3e-avatar-label-color, ${DesignToken.color.onPrimaryContainer});\r\n    }\r\n    ::slotted(img) {\r\n      display: block;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      object-fit: cover;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  `;\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\"><slot></slot></div>`;\r\n  }\r\n}\r\n"],"names":["M3eAvatarElement","LitElement","render","html","styles","css","DesignToken","shape","corner","full","typescale","standard","title","medium","fontSize","fontWeight","lineHeight","tracking","color","primaryContainer","onPrimaryContainer","__decorate","customElement"],"mappings":";;;;;sJAmDO,IAAMA,EAAN,cAA+BC,EAqCjBC,MAAAA,GACjB,OAAOC,CAAI,uCACb,GArCgBH,EAAAI,OAAyBC,CAAG,yTAgBCC,EAAYC,MAAMC,OAAOC,iDACzBH,EAAYI,UAAUC,SAASC,MAAMC,OAAOC,yDACxCR,EAAYI,UAAUC,SAASC,MAAMC,OAAOE,2DAC5CT,EAAYI,UAAUC,SAASC,MAAMC,OAAOG,2DAC5CV,EAAYI,UAAUC,SAASC,MAAMC,OAAOI,wDAC7CX,EAAYY,MAAMC,2DACvBb,EAAYY,MAAME,4IAxBlDpB,EAAgBqB,EAAA,CAD5BC,EAAc,eACFtB"}

package/dist/badge.js

@@ -3,51 +3,13 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
+import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from 'tslib';
 import { LitElement, html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { HtmlFor, DesignToken, customElement } from '@m3e/web/core';
 import { M3eDirectionality } from '@m3e/web/core/bidi';
 import { positionAnchor } from '@m3e/web/core/anchoring';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length,
-    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-    d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-function __classPrivateFieldGet(receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-  if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var _M3eBadgeElement_instances, _M3eBadgeElement_directionalitySubscription, _M3eBadgeElement_anchorCleanup, _M3eBadgeElement_handleSlotChange, _M3eBadgeElement_detach, _M3eBadgeElement_attach;
 /**
  * A visual indicator used to label content.