@momentum-design/components 0.16.1 → 0.16.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../node_modules/@lit/reactive-element/src/css-tag.ts", "../../../../node_modules/@lit/reactive-element/src/reactive-element.ts", "../../../../node_modules/@lit/reactive-element/src/decorators/property.ts", "../../../../node_modules/@lit/reactive-element/src/decorators/state.ts", "../../src/utils/tag-name/constants.ts", "../../src/utils/tag-name/index.ts", "../../src/components/themeprovider/themeprovider.constants.ts", "../../../../node_modules/lit-html/src/lit-html.ts", "../../../../node_modules/lit-element/src/lit-element.ts", "../../src/models/component/component.styles.ts", "../../src/models/component/component.component.ts", "../../src/models/component/index.ts", "../../../../node_modules/@lit/context/src/lib/context-request-event.ts", "../../../../node_modules/@lit/context/src/lib/controllers/context-consumer.ts", "../../../../node_modules/@lit/context/src/lib/value-notifier.ts", "../../../../node_modules/@lit/context/src/lib/controllers/context-provider.ts", "../../src/models/provider/provider.styles.ts", "../../src/models/provider/provider.component.ts", "../../src/models/provider/index.ts", "../../src/components/themeprovider/themeprovider.context.ts", "../../src/components/themeprovider/themeprovider.styles.ts", "../../src/components/themeprovider/themeprovider.component.ts", "../../src/components/themeprovider/index.ts", "../../src/utils/styles/index.ts", "../../src/components/icon/icon.styles.ts", "../../src/utils/provider/index.ts", "../../src/components/iconprovider/iconprovider.constants.ts", "../../src/components/iconprovider/iconprovider.context.ts", "../../src/components/iconprovider/iconprovider.component.ts", "../../src/components/icon/icon.utils.ts", "../../src/components/icon/icon.constants.ts", "../../src/components/icon/icon.component.ts", "../../src/components/icon/index.ts", "../../src/components/iconprovider/index.ts", "../../../../node_modules/lit-html/src/directives/if-defined.ts", "../../src/components/avatar/avatar.constants.ts", "../../src/utils/mixins/AvatarComponentMixin.ts", "../../src/components/avatar/avatar.styles.ts", "../../src/components/presence/presence.constants.ts", "../../src/components/text/text.constants.ts", "../../src/components/avatar/avatar.utils.ts", "../../src/components/avatar/avatar.component.ts", "../../src/components/presence/presence.styles.ts", "../../src/components/presence/presence.utils.ts", "../../src/components/presence/presence.component.ts", "../../src/components/presence/index.ts", "../../src/components/text/fonts.styles.ts", "../../src/components/text/text.styles.ts", "../../src/components/text/text.component.ts", "../../src/components/text/index.ts", "../../src/components/avatar/index.ts", "../../../../node_modules/lit-html/src/directive.ts", "../../../../node_modules/lit-html/src/directives/class-map.ts", "../../src/components/badge/badge.constants.ts", "../../src/components/badge/badge.styles.ts", "../../src/components/badge/badge.component.ts", "../../src/components/badge/index.ts", "../../src/components/button/button.styles.ts", "../../src/components/buttonsimple/buttonsimple.constants.ts", "../../src/components/button/button.constants.ts", "../../src/components/button/button.utils.ts", "../../src/components/buttonsimple/buttonsimple.styles.ts", "../../src/components/buttonsimple/buttonsimple.component.ts", "../../src/components/buttonsimple/index.ts", "../../src/components/button/button.component.ts", "../../src/components/button/index.ts", "../../src/components/bullet/bullet.styles.ts", "../../src/components/bullet/bullet.constants.ts", "../../src/components/bullet/bullet.component.ts", "../../src/components/bullet/index.ts", "../../src/components/marker/marker.styles.ts", "../../src/components/marker/marker.constants.ts", "../../src/components/marker/marker.component.ts", "../../src/components/marker/index.ts", "../../src/components/divider/divider.styles.ts", "../../src/components/divider/divider.constants.ts", "../../src/components/divider/divider.component.ts", "../../src/components/divider/index.ts", "../../src/components/avatarbutton/avatarbutton.styles.ts", "../../src/components/avatarbutton/avatarbutton.component.ts", "../../src/components/avatarbutton/avatarbutton.constants.ts", "../../src/components/avatarbutton/index.ts"],
4
- "sourcesContent": ["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nconst NODE_MODE = false;\n\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\n/**\n * Whether the current browser supports `adoptedStyleSheets`.\n */\nexport const supportsAdoptingStyleSheets: boolean =\n global.ShadowRoot &&\n (global.ShadyCSS === undefined || global.ShadyCSS.nativeShadow) &&\n 'adoptedStyleSheets' in Document.prototype &&\n 'replace' in CSSStyleSheet.prototype;\n\n/**\n * A CSSResult or native CSSStyleSheet.\n *\n * In browsers that support constructible CSS style sheets, CSSStyleSheet\n * object can be used for styling along side CSSResult from the `css`\n * template tag.\n */\nexport type CSSResultOrNative = CSSResult | CSSStyleSheet;\n\nexport type CSSResultArray = Array<CSSResultOrNative | CSSResultArray>;\n\n/**\n * A single CSSResult, CSSStyleSheet, or an array or nested arrays of those.\n */\nexport type CSSResultGroup = CSSResultOrNative | CSSResultArray;\n\nconst constructionToken = Symbol();\n\nconst cssTagCache = new WeakMap<TemplateStringsArray, CSSStyleSheet>();\n\n/**\n * A container for a string of CSS text, that may be used to create a CSSStyleSheet.\n *\n * CSSResult is the return value of `css`-tagged template literals and\n * `unsafeCSS()`. In order to ensure that CSSResults are only created via the\n * `css` tag and `unsafeCSS()`, CSSResult cannot be constructed directly.\n */\nexport class CSSResult {\n // This property needs to remain unminified.\n ['_$cssResult$'] = true;\n readonly cssText: string;\n private _styleSheet?: CSSStyleSheet;\n private _strings: TemplateStringsArray | undefined;\n\n private constructor(\n cssText: string,\n strings: TemplateStringsArray | undefined,\n safeToken: symbol\n ) {\n if (safeToken !== constructionToken) {\n throw new Error(\n 'CSSResult is not constructable. Use `unsafeCSS` or `css` instead.'\n );\n }\n this.cssText = cssText;\n this._strings = strings;\n }\n\n // This is a getter so that it's lazy. In practice, this means stylesheets\n // are not created until the first element instance is made.\n get styleSheet(): CSSStyleSheet | undefined {\n // If `supportsAdoptingStyleSheets` is true then we assume CSSStyleSheet is\n // constructable.\n let styleSheet = this._styleSheet;\n const strings = this._strings;\n if (supportsAdoptingStyleSheets && styleSheet === undefined) {\n const cacheable = strings !== undefined && strings.length === 1;\n if (cacheable) {\n styleSheet = cssTagCache.get(strings);\n }\n if (styleSheet === undefined) {\n (this._styleSheet = styleSheet = new CSSStyleSheet()).replaceSync(\n this.cssText\n );\n if (cacheable) {\n cssTagCache.set(strings, styleSheet);\n }\n }\n }\n return styleSheet;\n }\n\n toString(): string {\n return this.cssText;\n }\n}\n\ntype ConstructableCSSResult = CSSResult & {\n new (\n cssText: string,\n strings: TemplateStringsArray | undefined,\n safeToken: symbol\n ): CSSResult;\n};\n\nconst textFromCSSResult = (value: CSSResultGroup | number) => {\n // This property needs to remain unminified.\n if ((value as CSSResult)['_$cssResult$'] === true) {\n return (value as CSSResult).cssText;\n } else if (typeof value === 'number') {\n return value;\n } else {\n throw new Error(\n `Value passed to 'css' function must be a 'css' function result: ` +\n `${value}. Use 'unsafeCSS' to pass non-literal values, but take care ` +\n `to ensure page security.`\n );\n }\n};\n\n/**\n * Wrap a value for interpolation in a {@linkcode css} tagged template literal.\n *\n * This is unsafe because untrusted CSS text can be used to phone home\n * or exfiltrate data to an attacker controlled site. Take care to only use\n * this with trusted input.\n */\nexport const unsafeCSS = (value: unknown) =>\n new (CSSResult as ConstructableCSSResult)(\n typeof value === 'string' ? value : String(value),\n undefined,\n constructionToken\n );\n\n/**\n * A template literal tag which can be used with LitElement's\n * {@linkcode LitElement.styles} property to set element styles.\n *\n * For security reasons, only literal string values and number may be used in\n * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS}\n * may be used inside an expression.\n */\nexport const css = (\n strings: TemplateStringsArray,\n ...values: (CSSResultGroup | number)[]\n): CSSResult => {\n const cssText =\n strings.length === 1\n ? strings[0]\n : values.reduce(\n (acc, v, idx) => acc + textFromCSSResult(v) + strings[idx + 1],\n strings[0]\n );\n return new (CSSResult as ConstructableCSSResult)(\n cssText,\n strings,\n constructionToken\n );\n};\n\n/**\n * Applies the given styles to a `shadowRoot`. When Shadow DOM is\n * available but `adoptedStyleSheets` is not, styles are appended to the\n * `shadowRoot` to [mimic spec behavior](https://wicg.github.io/construct-stylesheets/#using-constructed-stylesheets).\n * Note, when shimming is used, any styles that are subsequently placed into\n * the shadowRoot should be placed *before* any shimmed adopted styles. This\n * will match spec behavior that gives adopted sheets precedence over styles in\n * shadowRoot.\n */\nexport const adoptStyles = (\n renderRoot: ShadowRoot,\n styles: Array<CSSResultOrNative>\n) => {\n if (supportsAdoptingStyleSheets) {\n (renderRoot as ShadowRoot).adoptedStyleSheets = styles.map((s) =>\n s instanceof CSSStyleSheet ? s : s.styleSheet!\n );\n } else {\n for (const s of styles) {\n const style = document.createElement('style');\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const nonce = (global as any)['litNonce'];\n if (nonce !== undefined) {\n style.setAttribute('nonce', nonce);\n }\n style.textContent = (s as CSSResult).cssText;\n renderRoot.appendChild(style);\n }\n }\n};\n\nconst cssResultFromStyleSheet = (sheet: CSSStyleSheet) => {\n let cssText = '';\n for (const rule of sheet.cssRules) {\n cssText += rule.cssText;\n }\n return unsafeCSS(cssText);\n};\n\nexport const getCompatibleStyle =\n supportsAdoptingStyleSheets ||\n (NODE_MODE && global.CSSStyleSheet === undefined)\n ? (s: CSSResultOrNative) => s\n : (s: CSSResultOrNative) =>\n s instanceof CSSStyleSheet ? cssResultFromStyleSheet(s) : s;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Use this module if you want to create your own base class extending\n * {@link ReactiveElement}.\n * @packageDocumentation\n */\n\nimport {\n getCompatibleStyle,\n adoptStyles,\n CSSResultGroup,\n CSSResultOrNative,\n} from './css-tag.js';\nimport type {\n ReactiveController,\n ReactiveControllerHost,\n} from './reactive-controller.js';\n\n// In the Node build, this import will be injected by Rollup:\n// import {HTMLElement, customElements} from '@lit-labs/ssr-dom-shim';\n\nexport * from './css-tag.js';\nexport type {\n ReactiveController,\n ReactiveControllerHost,\n} from './reactive-controller.js';\n\n/**\n * Removes the `readonly` modifier from properties in the union K.\n *\n * This is a safer way to cast a value to a type with a mutable version of a\n * readonly field, than casting to an interface with the field re-declared\n * because it preserves the type of all the fields and warns on typos.\n */\ntype Mutable<T, K extends keyof T> = Omit<T, K> & {\n -readonly [P in keyof Pick<T, K>]: P extends K ? T[P] : never;\n};\n\n// TODO (justinfagnani): Add `hasOwn` here when we ship ES2022\nconst {\n is,\n defineProperty,\n getOwnPropertyDescriptor,\n getOwnPropertyNames,\n getOwnPropertySymbols,\n getPrototypeOf,\n} = Object;\n\nconst NODE_MODE = false;\n\n// Lets a minifier replace globalThis references with a minified name\nconst global = globalThis;\n\nif (NODE_MODE) {\n global.customElements ??= customElements;\n}\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nconst trustedTypes = (global as unknown as {trustedTypes?: {emptyScript: ''}})\n .trustedTypes;\n\n// Temporary workaround for https://crbug.com/993268\n// Currently, any attribute starting with \"on\" is considered to be a\n// TrustedScript source. Such boolean attributes must be set to the equivalent\n// trusted emptyScript value.\nconst emptyStringForBooleanAttribute = trustedTypes\n ? (trustedTypes.emptyScript as unknown as '')\n : '';\n\nconst polyfillSupport = DEV_MODE\n ? global.reactiveElementPolyfillSupportDevMode\n : global.reactiveElementPolyfillSupport;\n\nif (DEV_MODE) {\n // Ensure warnings are issued only 1x, even if multiple versions of Lit\n // are loaded.\n const issuedWarnings: Set<string | undefined> = (global.litIssuedWarnings ??=\n new Set());\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += ` See https://lit.dev/msg/${code} for more information.`;\n if (!issuedWarnings.has(warning)) {\n console.warn(warning);\n issuedWarnings.add(warning);\n }\n };\n\n issueWarning(\n 'dev-mode',\n `Lit is in dev mode. Not recommended for production!`\n );\n\n // Issue polyfill support warning.\n if (global.ShadyDOM?.inUse && polyfillSupport === undefined) {\n issueWarning(\n 'polyfill-support-missing',\n `Shadow DOM is being polyfilled via \\`ShadyDOM\\` but ` +\n `the \\`polyfill-support\\` module has not been loaded.`\n );\n }\n}\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace ReactiveUnstable {\n /**\n * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n * we will emit 'lit-debug' events to window, with live details about the update and render\n * lifecycle. These can be useful for writing debug tooling and visualizations.\n *\n * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n * making certain operations that are normally very cheap (like a no-op render) much slower,\n * because we must copy data and dispatch events.\n */\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace DebugLog {\n export type Entry = Update;\n export interface Update {\n kind: 'update';\n }\n }\n}\n\ninterface DebugLoggingWindow {\n // Even in dev mode, we generally don't want to emit these events, as that's\n // another level of cost, so only emit them when DEV_MODE is true _and_ when\n // window.emitLitDebugEvents is true.\n emitLitDebugLogEvents?: boolean;\n}\n\n/**\n * Useful for visualizing and logging insights into what the Lit template system is doing.\n *\n * Compiled out of prod mode builds.\n */\nconst debugLogEvent = DEV_MODE\n ? (event: ReactiveUnstable.DebugLog.Entry) => {\n const shouldEmit = (global as unknown as DebugLoggingWindow)\n .emitLitDebugLogEvents;\n if (!shouldEmit) {\n return;\n }\n global.dispatchEvent(\n new CustomEvent<ReactiveUnstable.DebugLog.Entry>('lit-debug', {\n detail: event,\n })\n );\n }\n : undefined;\n\n/*\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\n/*@__INLINE__*/\nconst JSCompiler_renameProperty = <P extends PropertyKey>(\n prop: P,\n _obj: unknown\n): P => prop;\n\n/**\n * Converts property values to and from attribute values.\n */\nexport interface ComplexAttributeConverter<Type = unknown, TypeHint = unknown> {\n /**\n * Called to convert an attribute value to a property\n * value.\n */\n fromAttribute?(value: string | null, type?: TypeHint): Type;\n\n /**\n * Called to convert a property value to an attribute\n * value.\n *\n * It returns unknown instead of string, to be compatible with\n * https://github.com/WICG/trusted-types (and similar efforts).\n */\n toAttribute?(value: Type, type?: TypeHint): unknown;\n}\n\ntype AttributeConverter<Type = unknown, TypeHint = unknown> =\n | ComplexAttributeConverter<Type>\n | ((value: string | null, type?: TypeHint) => Type);\n\n/**\n * Defines options for a property accessor.\n */\nexport interface PropertyDeclaration<Type = unknown, TypeHint = unknown> {\n /**\n * When set to `true`, indicates the property is internal private state. The\n * property should not be set by users. When using TypeScript, this property\n * should be marked as `private` or `protected`, and it is also a common\n * practice to use a leading `_` in the name. The property is not added to\n * `observedAttributes`.\n */\n readonly state?: boolean;\n\n /**\n * Indicates how and whether the property becomes an observed attribute.\n * If the value is `false`, the property is not added to `observedAttributes`.\n * If true or absent, the lowercased property name is observed (e.g. `fooBar`\n * becomes `foobar`). If a string, the string value is observed (e.g\n * `attribute: 'foo-bar'`).\n */\n readonly attribute?: boolean | string;\n\n /**\n * Indicates the type of the property. This is used only as a hint for the\n * `converter` to determine how to convert the attribute\n * to/from a property.\n */\n readonly type?: TypeHint;\n\n /**\n * Indicates how to convert the attribute to/from a property. If this value\n * is a function, it is used to convert the attribute value a the property\n * value. If it's an object, it can have keys for `fromAttribute` and\n * `toAttribute`. If no `toAttribute` function is provided and\n * `reflect` is set to `true`, the property value is set directly to the\n * attribute. A default `converter` is used if none is provided; it supports\n * `Boolean`, `String`, `Number`, `Object`, and `Array`. Note,\n * when a property changes and the converter is used to update the attribute,\n * the property is never updated again as a result of the attribute changing,\n * and vice versa.\n */\n readonly converter?: AttributeConverter<Type, TypeHint>;\n\n /**\n * Indicates if the property should reflect to an attribute.\n * If `true`, when the property is set, the attribute is set using the\n * attribute name determined according to the rules for the `attribute`\n * property option and the value of the property converted using the rules\n * from the `converter` property option.\n */\n readonly reflect?: boolean;\n\n /**\n * A function that indicates if a property should be considered changed when\n * it is set. The function should take the `newValue` and `oldValue` and\n * return `true` if an update should be requested.\n */\n hasChanged?(value: Type, oldValue: Type): boolean;\n\n /**\n * Indicates whether an accessor will be created for this property. By\n * default, an accessor will be generated for this property that requests an\n * update when set. If this flag is `true`, no accessor will be created, and\n * it will be the user's responsibility to call\n * `this.requestUpdate(propertyName, oldValue)` to request an update when\n * the property changes.\n */\n readonly noAccessor?: boolean;\n\n /**\n * Whether this property is wrapping accessors. This is set by `@property`\n * to control the initial value change and reflection logic.\n *\n * @internal\n */\n wrapped?: boolean;\n}\n\n/**\n * Map of properties to PropertyDeclaration options. For each property an\n * accessor is made, and the property is processed according to the\n * PropertyDeclaration options.\n */\nexport interface PropertyDeclarations {\n readonly [key: string]: PropertyDeclaration;\n}\n\ntype PropertyDeclarationMap = Map<PropertyKey, PropertyDeclaration>;\n\ntype AttributeMap = Map<string, PropertyKey>;\n\n/**\n * A Map of property keys to values.\n *\n * Takes an optional type parameter T, which when specified as a non-any,\n * non-unknown type, will make the Map more strongly-typed, associating the map\n * keys with their corresponding value type on T.\n *\n * Use `PropertyValues<this>` when overriding ReactiveElement.update() and\n * other lifecycle methods in order to get stronger type-checking on keys\n * and values.\n */\n// This type is conditional so that if the parameter T is not specified, or\n// is `any`, the type will include `Map<PropertyKey, unknown>`. Since T is not\n// given in the uses of PropertyValues in this file, all uses here fallback to\n// meaning `Map<PropertyKey, unknown>`, but if a developer uses\n// `PropertyValues<this>` (or any other value for T) they will get a\n// strongly-typed Map type.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type PropertyValues<T = any> = T extends object\n ? PropertyValueMap<T>\n : Map<PropertyKey, unknown>;\n\n/**\n * Do not use, instead prefer {@linkcode PropertyValues}.\n */\n// This type must be exported such that JavaScript generated by the Google\n// Closure Compiler can import a type reference.\nexport interface PropertyValueMap<T> extends Map<PropertyKey, unknown> {\n get<K extends keyof T>(k: K): T[K] | undefined;\n set<K extends keyof T>(key: K, value: T[K]): this;\n has<K extends keyof T>(k: K): boolean;\n delete<K extends keyof T>(k: K): boolean;\n}\n\nexport const defaultConverter: ComplexAttributeConverter = {\n toAttribute(value: unknown, type?: unknown): unknown {\n switch (type) {\n case Boolean:\n value = value ? emptyStringForBooleanAttribute : null;\n break;\n case Object:\n case Array:\n // if the value is `null` or `undefined` pass this through\n // to allow removing/no change behavior.\n value = value == null ? value : JSON.stringify(value);\n break;\n }\n return value;\n },\n\n fromAttribute(value: string | null, type?: unknown) {\n let fromValue: unknown = value;\n switch (type) {\n case Boolean:\n fromValue = value !== null;\n break;\n case Number:\n fromValue = value === null ? null : Number(value);\n break;\n case Object:\n case Array:\n // Do *not* generate exception when invalid JSON is set as elements\n // don't normally complain on being mis-configured.\n // TODO(sorvell): Do generate exception in *dev mode*.\n try {\n // Assert to adhere to Bazel's \"must type assert JSON parse\" rule.\n fromValue = JSON.parse(value!) as unknown;\n } catch (e) {\n fromValue = null;\n }\n break;\n }\n return fromValue;\n },\n};\n\nexport interface HasChanged {\n (value: unknown, old: unknown): boolean;\n}\n\n/**\n * Change function that returns true if `value` is different from `oldValue`.\n * This method is used as the default for a property's `hasChanged` function.\n */\nexport const notEqual: HasChanged = (value: unknown, old: unknown): boolean =>\n !is(value, old);\n\nconst defaultPropertyDeclaration: PropertyDeclaration = {\n attribute: true,\n type: String,\n converter: defaultConverter,\n reflect: false,\n hasChanged: notEqual,\n};\n\n/**\n * A string representing one of the supported dev mode warning categories.\n */\nexport type WarningKind =\n | 'change-in-update'\n | 'migration'\n | 'async-perform-update';\n\nexport type Initializer = (element: ReactiveElement) => void;\n\n// Temporary, until google3 is on TypeScript 5.2\ndeclare global {\n interface SymbolConstructor {\n readonly metadata: unique symbol;\n }\n}\n\n// Ensure metadata is enabled. TypeScript does not polyfill\n// Symbol.metadata, so we must ensure that it exists.\n(Symbol as {metadata: symbol}).metadata ??= Symbol('metadata');\n\ndeclare global {\n // This is public global API, do not change!\n // eslint-disable-next-line no-var\n var litPropertyMetadata: WeakMap<\n object,\n Map<PropertyKey, PropertyDeclaration>\n >;\n}\n\n// Map from a class's metadata object to property options\n// Note that we must use nullish-coalescing assignment so that we only use one\n// map even if we load multiple version of this module.\nglobal.litPropertyMetadata ??= new WeakMap<\n object,\n Map<PropertyKey, PropertyDeclaration>\n>();\n\n/**\n * Base element class which manages element properties and attributes. When\n * properties change, the `update` method is asynchronously called. This method\n * should be supplied by subclasses to render updates as desired.\n * @noInheritDoc\n */\nexport abstract class ReactiveElement\n // In the Node build, this `extends` clause will be substituted with\n // `(globalThis.HTMLElement ?? HTMLElement)`.\n //\n // This way, we will first prefer any global `HTMLElement` polyfill that the\n // user has assigned, and then fall back to the `HTMLElement` shim which has\n // been imported (see note at the top of this file about how this import is\n // generated by Rollup). Note that the `HTMLElement` variable has been\n // shadowed by this import, so it no longer refers to the global.\n extends HTMLElement\n implements ReactiveControllerHost\n{\n // Note: these are patched in only in DEV_MODE.\n /**\n * Read or set all the enabled warning categories for this class.\n *\n * This property is only used in development builds.\n *\n * @nocollapse\n * @category dev-mode\n */\n static enabledWarnings?: WarningKind[];\n\n /**\n * Enable the given warning category for this class.\n *\n * This method only exists in development builds, so it should be accessed\n * with a guard like:\n *\n * ```ts\n * // Enable for all ReactiveElement subclasses\n * ReactiveElement.enableWarning?.('migration');\n *\n * // Enable for only MyElement and subclasses\n * MyElement.enableWarning?.('migration');\n * ```\n *\n * @nocollapse\n * @category dev-mode\n */\n static enableWarning?: (warningKind: WarningKind) => void;\n\n /**\n * Disable the given warning category for this class.\n *\n * This method only exists in development builds, so it should be accessed\n * with a guard like:\n *\n * ```ts\n * // Disable for all ReactiveElement subclasses\n * ReactiveElement.disableWarning?.('migration');\n *\n * // Disable for only MyElement and subclasses\n * MyElement.disableWarning?.('migration');\n * ```\n *\n * @nocollapse\n * @category dev-mode\n */\n static disableWarning?: (warningKind: WarningKind) => void;\n\n /**\n * Adds an initializer function to the class that is called during instance\n * construction.\n *\n * This is useful for code that runs against a `ReactiveElement`\n * subclass, such as a decorator, that needs to do work for each\n * instance, such as setting up a `ReactiveController`.\n *\n * ```ts\n * const myDecorator = (target: typeof ReactiveElement, key: string) => {\n * target.addInitializer((instance: ReactiveElement) => {\n * // This is run during construction of the element\n * new MyController(instance);\n * });\n * }\n * ```\n *\n * Decorating a field will then cause each instance to run an initializer\n * that adds a controller:\n *\n * ```ts\n * class MyElement extends LitElement {\n * @myDecorator foo;\n * }\n * ```\n *\n * Initializers are stored per-constructor. Adding an initializer to a\n * subclass does not add it to a superclass. Since initializers are run in\n * constructors, initializers will run in order of the class hierarchy,\n * starting with superclasses and progressing to the instance's class.\n *\n * @nocollapse\n */\n static addInitializer(initializer: Initializer) {\n this.__prepare();\n (this._initializers ??= []).push(initializer);\n }\n\n static _initializers?: Initializer[];\n\n /*\n * Due to closure compiler ES6 compilation bugs, @nocollapse is required on\n * all static methods and properties with initializers. Reference:\n * - https://github.com/google/closure-compiler/issues/1776\n */\n\n /**\n * Maps attribute names to properties; for example `foobar` attribute to\n * `fooBar` property. Created lazily on user subclasses when finalizing the\n * class.\n * @nocollapse\n */\n private static __attributeToPropertyMap: AttributeMap;\n\n /**\n * Marks class as having been finalized, which includes creating properties\n * from `static properties`, but does *not* include all properties created\n * from decorators.\n * @nocollapse\n */\n protected static finalized: true | undefined;\n\n /**\n * Memoized list of all element properties, including any superclass\n * properties. Created lazily on user subclasses when finalizing the class.\n *\n * @nocollapse\n * @category properties\n */\n static elementProperties: PropertyDeclarationMap;\n\n /**\n * User-supplied object that maps property names to `PropertyDeclaration`\n * objects containing options for configuring reactive properties. When\n * a reactive property is set the element will update and render.\n *\n * By default properties are public fields, and as such, they should be\n * considered as primarily settable by element users, either via attribute or\n * the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the `state: true` option. Properties\n * marked as `state` do not reflect from the corresponding attribute\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating\n * public properties should typically not be done for non-primitive (object or\n * array) properties. In other cases when an element needs to manage state, a\n * private property set with the `state: true` option should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n * @nocollapse\n * @category properties\n */\n static properties: PropertyDeclarations;\n\n /**\n * Memoized list of all element styles.\n * Created lazily on user subclasses when finalizing the class.\n * @nocollapse\n * @category styles\n */\n static elementStyles: Array<CSSResultOrNative> = [];\n\n /**\n * Array of styles to apply to the element. The styles should be defined\n * using the {@linkcode css} tag function, via constructible stylesheets, or\n * imported from native CSS module scripts.\n *\n * Note on Content Security Policy:\n *\n * Element styles are implemented with `<style>` tags when the browser doesn't\n * support adopted StyleSheets. To use such `<style>` tags with the style-src\n * CSP directive, the style-src value must either include 'unsafe-inline' or\n * `nonce-<base64-value>` with `<base64-value>` replaced be a server-generated\n * nonce.\n *\n * To provide a nonce to use on generated `<style>` elements, set\n * `window.litNonce` to a server-generated nonce in your page's HTML, before\n * loading application code:\n *\n * ```html\n * <script>\n * // Generated and unique per request:\n * window.litNonce = 'a1b2c3d4';\n * </script>\n * ```\n * @nocollapse\n * @category styles\n */\n static styles?: CSSResultGroup;\n\n /**\n * Returns a list of attributes corresponding to the registered properties.\n * @nocollapse\n * @category attributes\n */\n static get observedAttributes() {\n // Ensure we've created all properties\n this.finalize();\n // this.__attributeToPropertyMap is only undefined after finalize() in\n // ReactiveElement itself. ReactiveElement.observedAttributes is only\n // accessed with ReactiveElement as the receiver when a subclass or mixin\n // calls super.observedAttributes\n return (\n this.__attributeToPropertyMap && [...this.__attributeToPropertyMap.keys()]\n );\n }\n\n private __instanceProperties?: PropertyValues = undefined;\n\n /**\n * Creates a property accessor on the element prototype if one does not exist\n * and stores a {@linkcode PropertyDeclaration} for the property with the\n * given options. The property setter calls the property's `hasChanged`\n * property option or uses a strict identity check to determine whether or not\n * to request an update.\n *\n * This method may be overridden to customize properties; however,\n * when doing so, it's important to call `super.createProperty` to ensure\n * the property is setup correctly. This method calls\n * `getPropertyDescriptor` internally to get a descriptor to install.\n * To customize what properties do when they are get or set, override\n * `getPropertyDescriptor`. To customize the options for a property,\n * implement `createProperty` like this:\n *\n * ```ts\n * static createProperty(name, options) {\n * options = Object.assign(options, {myOption: true});\n * super.createProperty(name, options);\n * }\n * ```\n *\n * @nocollapse\n * @category properties\n */\n static createProperty(\n name: PropertyKey,\n options: PropertyDeclaration = defaultPropertyDeclaration\n ) {\n // If this is a state property, force the attribute to false.\n if (options.state) {\n (options as Mutable<PropertyDeclaration, 'attribute'>).attribute = false;\n }\n this.__prepare();\n this.elementProperties.set(name, options);\n if (!options.noAccessor) {\n const key = DEV_MODE\n ? // Use Symbol.for in dev mode to make it easier to maintain state\n // when doing HMR.\n Symbol.for(`${String(name)} (@property() cache)`)\n : Symbol();\n const descriptor = this.getPropertyDescriptor(name, key, options);\n if (descriptor !== undefined) {\n defineProperty(this.prototype, name, descriptor);\n }\n }\n }\n\n /**\n * Returns a property descriptor to be defined on the given named property.\n * If no descriptor is returned, the property will not become an accessor.\n * For example,\n *\n * ```ts\n * class MyElement extends LitElement {\n * static getPropertyDescriptor(name, key, options) {\n * const defaultDescriptor =\n * super.getPropertyDescriptor(name, key, options);\n * const setter = defaultDescriptor.set;\n * return {\n * get: defaultDescriptor.get,\n * set(value) {\n * setter.call(this, value);\n * // custom action.\n * },\n * configurable: true,\n * enumerable: true\n * }\n * }\n * }\n * ```\n *\n * @nocollapse\n * @category properties\n */\n protected static getPropertyDescriptor(\n name: PropertyKey,\n key: string | symbol,\n options: PropertyDeclaration\n ): PropertyDescriptor | undefined {\n const {get, set} = getOwnPropertyDescriptor(this.prototype, name) ?? {\n get(this: ReactiveElement) {\n return this[key as keyof typeof this];\n },\n set(this: ReactiveElement, v: unknown) {\n (this as unknown as Record<string | symbol, unknown>)[key] = v;\n },\n };\n if (DEV_MODE && get == null) {\n if ('value' in (getOwnPropertyDescriptor(this.prototype, name) ?? {})) {\n throw new Error(\n `Field ${JSON.stringify(String(name))} on ` +\n `${this.name} was declared as a reactive property ` +\n `but it's actually declared as a value on the prototype. ` +\n `Usually this is due to using @property or @state on a method.`\n );\n }\n issueWarning(\n 'reactive-property-without-getter',\n `Field ${JSON.stringify(String(name))} on ` +\n `${this.name} was declared as a reactive property ` +\n `but it does not have a getter. This will be an error in a ` +\n `future version of Lit.`\n );\n }\n return {\n get(this: ReactiveElement) {\n return get?.call(this);\n },\n set(this: ReactiveElement, value: unknown) {\n const oldValue = get?.call(this);\n set!.call(this, value);\n this.requestUpdate(name, oldValue, options);\n },\n configurable: true,\n enumerable: true,\n };\n }\n\n /**\n * Returns the property options associated with the given property.\n * These options are defined with a `PropertyDeclaration` via the `properties`\n * object or the `@property` decorator and are registered in\n * `createProperty(...)`.\n *\n * Note, this method should be considered \"final\" and not overridden. To\n * customize the options for a given property, override\n * {@linkcode createProperty}.\n *\n * @nocollapse\n * @final\n * @category properties\n */\n static getPropertyOptions(name: PropertyKey) {\n return this.elementProperties.get(name) ?? defaultPropertyDeclaration;\n }\n\n // Temporary, until google3 is on TypeScript 5.2\n declare static [Symbol.metadata]: object & Record<PropertyKey, unknown>;\n\n /**\n * Initializes static own properties of the class used in bookkeeping\n * for element properties, initializers, etc.\n *\n * Can be called multiple times by code that needs to ensure these\n * properties exist before using them.\n *\n * This method ensures the superclass is finalized so that inherited\n * property metadata can be copied down.\n * @nocollapse\n */\n private static __prepare() {\n if (\n this.hasOwnProperty(JSCompiler_renameProperty('elementProperties', this))\n ) {\n // Already prepared\n return;\n }\n // Finalize any superclasses\n const superCtor = getPrototypeOf(this) as typeof ReactiveElement;\n superCtor.finalize();\n\n // Create own set of initializers for this class if any exist on the\n // superclass and copy them down. Note, for a small perf boost, avoid\n // creating initializers unless needed.\n if (superCtor._initializers !== undefined) {\n this._initializers = [...superCtor._initializers];\n }\n // Initialize elementProperties from the superclass\n this.elementProperties = new Map(superCtor.elementProperties);\n }\n\n /**\n * Finishes setting up the class so that it's ready to be registered\n * as a custom element and instantiated.\n *\n * This method is called by the ReactiveElement.observedAttributes getter.\n * If you override the observedAttributes getter, you must either call\n * super.observedAttributes to trigger finalization, or call finalize()\n * yourself.\n *\n * @nocollapse\n */\n protected static finalize() {\n if (this.hasOwnProperty(JSCompiler_renameProperty('finalized', this))) {\n return;\n }\n this.finalized = true;\n this.__prepare();\n\n // Create properties from the static properties block:\n if (this.hasOwnProperty(JSCompiler_renameProperty('properties', this))) {\n const props = this.properties;\n const propKeys = [\n ...getOwnPropertyNames(props),\n ...getOwnPropertySymbols(props),\n ] as Array<keyof typeof props>;\n for (const p of propKeys) {\n this.createProperty(p, props[p]);\n }\n }\n\n // Create properties from standard decorator metadata:\n const metadata = this[Symbol.metadata];\n if (metadata !== null) {\n const properties = litPropertyMetadata.get(metadata);\n if (properties !== undefined) {\n for (const [p, options] of properties) {\n this.elementProperties.set(p, options);\n }\n }\n }\n\n // Create the attribute-to-property map\n this.__attributeToPropertyMap = new Map();\n for (const [p, options] of this.elementProperties) {\n const attr = this.__attributeNameForProperty(p, options);\n if (attr !== undefined) {\n this.__attributeToPropertyMap.set(attr, p);\n }\n }\n\n this.elementStyles = this.finalizeStyles(this.styles);\n\n if (DEV_MODE) {\n if (this.hasOwnProperty('createProperty')) {\n issueWarning(\n 'no-override-create-property',\n 'Overriding ReactiveElement.createProperty() is deprecated. ' +\n 'The override will not be called with standard decorators'\n );\n }\n if (this.hasOwnProperty('getPropertyDescriptor')) {\n issueWarning(\n 'no-override-get-property-descriptor',\n 'Overriding ReactiveElement.getPropertyDescriptor() is deprecated. ' +\n 'The override will not be called with standard decorators'\n );\n }\n }\n }\n\n /**\n * Options used when calling `attachShadow`. Set this property to customize\n * the options for the shadowRoot; for example, to create a closed\n * shadowRoot: `{mode: 'closed'}`.\n *\n * Note, these options are used in `createRenderRoot`. If this method\n * is customized, options should be respected if possible.\n * @nocollapse\n * @category rendering\n */\n static shadowRootOptions: ShadowRootInit = {mode: 'open'};\n\n /**\n * Takes the styles the user supplied via the `static styles` property and\n * returns the array of styles to apply to the element.\n * Override this method to integrate into a style management system.\n *\n * Styles are deduplicated preserving the _last_ instance in the list. This\n * is a performance optimization to avoid duplicated styles that can occur\n * especially when composing via subclassing. The last item is kept to try\n * to preserve the cascade order with the assumption that it's most important\n * that last added styles override previous styles.\n *\n * @nocollapse\n * @category styles\n */\n protected static finalizeStyles(\n styles?: CSSResultGroup\n ): Array<CSSResultOrNative> {\n const elementStyles = [];\n if (Array.isArray(styles)) {\n // Dedupe the flattened array in reverse order to preserve the last items.\n // Casting to Array<unknown> works around TS error that\n // appears to come from trying to flatten a type CSSResultArray.\n const set = new Set((styles as Array<unknown>).flat(Infinity).reverse());\n // Then preserve original order by adding the set items in reverse order.\n for (const s of set) {\n elementStyles.unshift(getCompatibleStyle(s as CSSResultOrNative));\n }\n } else if (styles !== undefined) {\n elementStyles.push(getCompatibleStyle(styles));\n }\n return elementStyles;\n }\n\n /**\n * Node or ShadowRoot into which element DOM should be rendered. Defaults\n * to an open shadowRoot.\n * @category rendering\n */\n readonly renderRoot!: HTMLElement | DocumentFragment;\n\n /**\n * Returns the property name for the given attribute `name`.\n * @nocollapse\n */\n private static __attributeNameForProperty(\n name: PropertyKey,\n options: PropertyDeclaration\n ) {\n const attribute = options.attribute;\n return attribute === false\n ? undefined\n : typeof attribute === 'string'\n ? attribute\n : typeof name === 'string'\n ? name.toLowerCase()\n : undefined;\n }\n\n // Initialize to an unresolved Promise so we can make sure the element has\n // connected before first update.\n private __updatePromise!: Promise<boolean>;\n\n /**\n * True if there is a pending update as a result of calling `requestUpdate()`.\n * Should only be read.\n * @category updates\n */\n isUpdatePending = false;\n\n /**\n * Is set to `true` after the first update. The element code cannot assume\n * that `renderRoot` exists before the element `hasUpdated`.\n * @category updates\n */\n hasUpdated = false;\n\n /**\n * Map with keys for any properties that have changed since the last\n * update cycle with previous values.\n *\n * @internal\n */\n _$changedProperties!: PropertyValues;\n\n /**\n * Properties that should be reflected when updated.\n */\n private __reflectingProperties?: Set<PropertyKey>;\n\n /**\n * Name of currently reflecting property\n */\n private __reflectingProperty: PropertyKey | null = null;\n\n /**\n * Set of controllers.\n */\n private __controllers?: Set<ReactiveController>;\n\n constructor() {\n super();\n this.__initialize();\n }\n\n /**\n * Internal only override point for customizing work done when elements\n * are constructed.\n */\n private __initialize() {\n this.__updatePromise = new Promise<boolean>(\n (res) => (this.enableUpdating = res)\n );\n this._$changedProperties = new Map();\n // This enqueues a microtask that ust run before the first update, so it\n // must be called before requestUpdate()\n this.__saveInstanceProperties();\n // ensures first update will be caught by an early access of\n // `updateComplete`\n this.requestUpdate();\n (this.constructor as typeof ReactiveElement)._initializers?.forEach((i) =>\n i(this)\n );\n }\n\n /**\n * Registers a `ReactiveController` to participate in the element's reactive\n * update cycle. The element automatically calls into any registered\n * controllers during its lifecycle callbacks.\n *\n * If the element is connected when `addController()` is called, the\n * controller's `hostConnected()` callback will be immediately called.\n * @category controllers\n */\n addController(controller: ReactiveController) {\n (this.__controllers ??= new Set()).add(controller);\n // If a controller is added after the element has been connected,\n // call hostConnected. Note, re-using existence of `renderRoot` here\n // (which is set in connectedCallback) to avoid the need to track a\n // first connected state.\n if (this.renderRoot !== undefined && this.isConnected) {\n controller.hostConnected?.();\n }\n }\n\n /**\n * Removes a `ReactiveController` from the element.\n * @category controllers\n */\n removeController(controller: ReactiveController) {\n this.__controllers?.delete(controller);\n }\n\n /**\n * Fixes any properties set on the instance before upgrade time.\n * Otherwise these would shadow the accessor and break these properties.\n * The properties are stored in a Map which is played back after the\n * constructor runs. Note, on very old versions of Safari (<=9) or Chrome\n * (<=41), properties created for native platform properties like (`id` or\n * `name`) may not have default values set in the element constructor. On\n * these browsers native properties appear on instances and therefore their\n * default value will overwrite any element default (e.g. if the element sets\n * this.id = 'id' in the constructor, the 'id' will become '' since this is\n * the native platform default).\n */\n private __saveInstanceProperties() {\n const instanceProperties = new Map<PropertyKey, unknown>();\n const elementProperties = (this.constructor as typeof ReactiveElement)\n .elementProperties;\n for (const p of elementProperties.keys() as IterableIterator<keyof this>) {\n if (this.hasOwnProperty(p)) {\n instanceProperties.set(p, this[p]);\n delete this[p];\n }\n }\n if (instanceProperties.size > 0) {\n this.__instanceProperties = instanceProperties;\n }\n }\n\n /**\n * Returns the node into which the element should render and by default\n * creates and returns an open shadowRoot. Implement to customize where the\n * element's DOM is rendered. For example, to render into the element's\n * childNodes, return `this`.\n *\n * @return Returns a node into which to render.\n * @category rendering\n */\n protected createRenderRoot(): HTMLElement | DocumentFragment {\n const renderRoot =\n this.shadowRoot ??\n this.attachShadow(\n (this.constructor as typeof ReactiveElement).shadowRootOptions\n );\n adoptStyles(\n renderRoot,\n (this.constructor as typeof ReactiveElement).elementStyles\n );\n return renderRoot;\n }\n\n /**\n * On first connection, creates the element's renderRoot, sets up\n * element styling, and enables updating.\n * @category lifecycle\n */\n connectedCallback() {\n // Create renderRoot before controllers `hostConnected`\n (this as Mutable<typeof this, 'renderRoot'>).renderRoot ??=\n this.createRenderRoot();\n this.enableUpdating(true);\n this.__controllers?.forEach((c) => c.hostConnected?.());\n }\n\n /**\n * Note, this method should be considered final and not overridden. It is\n * overridden on the element instance with a function that triggers the first\n * update.\n * @category updates\n */\n protected enableUpdating(_requestedUpdate: boolean) {}\n\n /**\n * Allows for `super.disconnectedCallback()` in extensions while\n * reserving the possibility of making non-breaking feature additions\n * when disconnecting at some point in the future.\n * @category lifecycle\n */\n disconnectedCallback() {\n this.__controllers?.forEach((c) => c.hostDisconnected?.());\n }\n\n /**\n * Synchronizes property values when attributes change.\n *\n * Specifically, when an attribute is set, the corresponding property is set.\n * You should rarely need to implement this callback. If this method is\n * overridden, `super.attributeChangedCallback(name, _old, value)` must be\n * called.\n *\n * See [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\n * on MDN for more information about the `attributeChangedCallback`.\n * @category attributes\n */\n attributeChangedCallback(\n name: string,\n _old: string | null,\n value: string | null\n ) {\n this._$attributeToProperty(name, value);\n }\n\n private __propertyToAttribute(name: PropertyKey, value: unknown) {\n const elemProperties: PropertyDeclarationMap = (\n this.constructor as typeof ReactiveElement\n ).elementProperties;\n const options = elemProperties.get(name)!;\n const attr = (\n this.constructor as typeof ReactiveElement\n ).__attributeNameForProperty(name, options);\n if (attr !== undefined && options.reflect === true) {\n const converter =\n (options.converter as ComplexAttributeConverter)?.toAttribute !==\n undefined\n ? (options.converter as ComplexAttributeConverter)\n : defaultConverter;\n const attrValue = converter.toAttribute!(value, options.type);\n if (\n DEV_MODE &&\n (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n 'migration'\n ) &&\n attrValue === undefined\n ) {\n issueWarning(\n 'undefined-attribute-value',\n `The attribute value for the ${name as string} property is ` +\n `undefined on element ${this.localName}. The attribute will be ` +\n `removed, but in the previous version of \\`ReactiveElement\\`, ` +\n `the attribute would not have changed.`\n );\n }\n // Track if the property is being reflected to avoid\n // setting the property again via `attributeChangedCallback`. Note:\n // 1. this takes advantage of the fact that the callback is synchronous.\n // 2. will behave incorrectly if multiple attributes are in the reaction\n // stack at time of calling. However, since we process attributes\n // in `update` this should not be possible (or an extreme corner case\n // that we'd like to discover).\n // mark state reflecting\n this.__reflectingProperty = name;\n if (attrValue == null) {\n this.removeAttribute(attr);\n } else {\n this.setAttribute(attr, attrValue as string);\n }\n // mark state not reflecting\n this.__reflectingProperty = null;\n }\n }\n\n /** @internal */\n _$attributeToProperty(name: string, value: string | null) {\n const ctor = this.constructor as typeof ReactiveElement;\n // Note, hint this as an `AttributeMap` so closure clearly understands\n // the type; it has issues with tracking types through statics\n const propName = (ctor.__attributeToPropertyMap as AttributeMap).get(name);\n // Use tracking info to avoid reflecting a property value to an attribute\n // if it was just set because the attribute changed.\n if (propName !== undefined && this.__reflectingProperty !== propName) {\n const options = ctor.getPropertyOptions(propName);\n const converter =\n typeof options.converter === 'function'\n ? {fromAttribute: options.converter}\n : options.converter?.fromAttribute !== undefined\n ? options.converter\n : defaultConverter;\n // mark state reflecting\n this.__reflectingProperty = propName;\n this[propName as keyof this] = converter.fromAttribute!(\n value,\n options.type\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ) as any;\n // mark state not reflecting\n this.__reflectingProperty = null;\n }\n }\n\n /**\n * Requests an update which is processed asynchronously. This should be called\n * when an element should update based on some state not triggered by setting\n * a reactive property. In this case, pass no arguments. It should also be\n * called when manually implementing a property setter. In this case, pass the\n * property `name` and `oldValue` to ensure that any configured property\n * options are honored.\n *\n * @param name name of requesting property\n * @param oldValue old value of requesting property\n * @param options property options to use instead of the previously\n * configured options\n * @category updates\n */\n requestUpdate(\n name?: PropertyKey,\n oldValue?: unknown,\n options?: PropertyDeclaration\n ): void {\n // If we have a property key, perform property update steps.\n if (name !== undefined) {\n if (DEV_MODE && (name as unknown) instanceof Event) {\n issueWarning(\n ``,\n `The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()`\n );\n }\n options ??= (\n this.constructor as typeof ReactiveElement\n ).getPropertyOptions(name);\n const hasChanged = options.hasChanged ?? notEqual;\n const newValue = this[name as keyof this];\n if (hasChanged(newValue, oldValue)) {\n this._$changeProperty(name, oldValue, options);\n } else {\n // Abort the request if the property should not be considered changed.\n return;\n }\n }\n if (this.isUpdatePending === false) {\n this.__updatePromise = this.__enqueueUpdate();\n }\n }\n\n /**\n * @internal\n */\n _$changeProperty(\n name: PropertyKey,\n oldValue: unknown,\n options: PropertyDeclaration\n ) {\n // TODO (justinfagnani): Create a benchmark of Map.has() + Map.set(\n // vs just Map.set()\n if (!this._$changedProperties.has(name)) {\n this._$changedProperties.set(name, oldValue);\n }\n // Add to reflecting properties set.\n // Note, it's important that every change has a chance to add the\n // property to `__reflectingProperties`. This ensures setting\n // attribute + property reflects correctly.\n if (options.reflect === true && this.__reflectingProperty !== name) {\n (this.__reflectingProperties ??= new Set<PropertyKey>()).add(name);\n }\n }\n\n /**\n * Sets up the element to asynchronously update.\n */\n private async __enqueueUpdate() {\n this.isUpdatePending = true;\n try {\n // Ensure any previous update has resolved before updating.\n // This `await` also ensures that property changes are batched.\n await this.__updatePromise;\n } catch (e) {\n // Refire any previous errors async so they do not disrupt the update\n // cycle. Errors are refired so developers have a chance to observe\n // them, and this can be done by implementing\n // `window.onunhandledrejection`.\n Promise.reject(e);\n }\n const result = this.scheduleUpdate();\n // If `scheduleUpdate` returns a Promise, we await it. This is done to\n // enable coordinating updates with a scheduler. Note, the result is\n // checked to avoid delaying an additional microtask unless we need to.\n if (result != null) {\n await result;\n }\n return !this.isUpdatePending;\n }\n\n /**\n * Schedules an element update. You can override this method to change the\n * timing of updates by returning a Promise. The update will await the\n * returned Promise, and you should resolve the Promise to allow the update\n * to proceed. If this method is overridden, `super.scheduleUpdate()`\n * must be called.\n *\n * For instance, to schedule updates to occur just before the next frame:\n *\n * ```ts\n * override protected async scheduleUpdate(): Promise<unknown> {\n * await new Promise((resolve) => requestAnimationFrame(() => resolve()));\n * super.scheduleUpdate();\n * }\n * ```\n * @category updates\n */\n protected scheduleUpdate(): void | Promise<unknown> {\n const result = this.performUpdate();\n if (\n DEV_MODE &&\n (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n 'async-perform-update'\n ) &&\n typeof (result as unknown as Promise<unknown> | undefined)?.then ===\n 'function'\n ) {\n issueWarning(\n 'async-perform-update',\n `Element ${this.localName} returned a Promise from performUpdate(). ` +\n `This behavior is deprecated and will be removed in a future ` +\n `version of ReactiveElement.`\n );\n }\n return result;\n }\n\n /**\n * Performs an element update. Note, if an exception is thrown during the\n * update, `firstUpdated` and `updated` will not be called.\n *\n * Call `performUpdate()` to immediately process a pending update. This should\n * generally not be needed, but it can be done in rare cases when you need to\n * update synchronously.\n *\n * @category updates\n */\n protected performUpdate(): void {\n // Abort any update if one is not pending when this is called.\n // This can happen if `performUpdate` is called early to \"flush\"\n // the update.\n if (!this.isUpdatePending) {\n return;\n }\n debugLogEvent?.({kind: 'update'});\n if (!this.hasUpdated) {\n // Create renderRoot before first update. This occurs in `connectedCallback`\n // but is done here to support out of tree calls to `enableUpdating`/`performUpdate`.\n (this as Mutable<typeof this, 'renderRoot'>).renderRoot ??=\n this.createRenderRoot();\n if (DEV_MODE) {\n // Produce warning if any reactive properties on the prototype are\n // shadowed by class fields. Instance fields set before upgrade are\n // deleted by this point, so any own property is caused by class field\n // initialization in the constructor.\n const ctor = this.constructor as typeof ReactiveElement;\n const shadowedProperties = [...ctor.elementProperties.keys()].filter(\n (p) => this.hasOwnProperty(p) && p in getPrototypeOf(this)\n );\n if (shadowedProperties.length) {\n throw new Error(\n `The following properties on element ${this.localName} will not ` +\n `trigger updates as expected because they are set using class ` +\n `fields: ${shadowedProperties.join(', ')}. ` +\n `Native class fields and some compiled output will overwrite ` +\n `accessors used for detecting changes. See ` +\n `https://lit.dev/msg/class-field-shadowing ` +\n `for more information.`\n );\n }\n }\n // Mixin instance properties once, if they exist.\n if (this.__instanceProperties) {\n // TODO (justinfagnani): should we use the stored value? Could a new value\n // have been set since we stored the own property value?\n for (const [p, value] of this.__instanceProperties) {\n this[p as keyof this] = value as this[keyof this];\n }\n this.__instanceProperties = undefined;\n }\n // Trigger initial value reflection and populate the initial\n // changedProperties map, but only for the case of experimental\n // decorators on accessors, which will not have already populated the\n // changedProperties map. We can't know if these accessors had\n // initializers, so we just set them anyway - a difference from\n // experimental decorators on fields and standard decorators on\n // auto-accessors.\n // For context why experimentalDecorators with auto accessors are handled\n // specifically also see:\n // https://github.com/lit/lit/pull/4183#issuecomment-1711959635\n const elementProperties = (this.constructor as typeof ReactiveElement)\n .elementProperties;\n if (elementProperties.size > 0) {\n for (const [p, options] of elementProperties) {\n if (\n options.wrapped === true &&\n !this._$changedProperties.has(p) &&\n this[p as keyof this] !== undefined\n ) {\n this._$changeProperty(p, this[p as keyof this], options);\n }\n }\n }\n }\n let shouldUpdate = false;\n const changedProperties = this._$changedProperties;\n try {\n shouldUpdate = this.shouldUpdate(changedProperties);\n if (shouldUpdate) {\n this.willUpdate(changedProperties);\n this.__controllers?.forEach((c) => c.hostUpdate?.());\n this.update(changedProperties);\n } else {\n this.__markUpdated();\n }\n } catch (e) {\n // Prevent `firstUpdated` and `updated` from running when there's an\n // update exception.\n shouldUpdate = false;\n // Ensure element can accept additional updates after an exception.\n this.__markUpdated();\n throw e;\n }\n // The update is no longer considered pending and further updates are now allowed.\n if (shouldUpdate) {\n this._$didUpdate(changedProperties);\n }\n }\n\n /**\n * Invoked before `update()` to compute values needed during the update.\n *\n * Implement `willUpdate` to compute property values that depend on other\n * properties and are used in the rest of the update process.\n *\n * ```ts\n * willUpdate(changedProperties) {\n * // only need to check changed properties for an expensive computation.\n * if (changedProperties.has('firstName') || changedProperties.has('lastName')) {\n * this.sha = computeSHA(`${this.firstName} ${this.lastName}`);\n * }\n * }\n *\n * render() {\n * return html`SHA: ${this.sha}`;\n * }\n * ```\n *\n * @category updates\n */\n protected willUpdate(_changedProperties: PropertyValues): void {}\n\n // Note, this is an override point for polyfill-support.\n // @internal\n _$didUpdate(changedProperties: PropertyValues) {\n this.__controllers?.forEach((c) => c.hostUpdated?.());\n if (!this.hasUpdated) {\n this.hasUpdated = true;\n this.firstUpdated(changedProperties);\n }\n this.updated(changedProperties);\n if (\n DEV_MODE &&\n this.isUpdatePending &&\n (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n 'change-in-update'\n )\n ) {\n issueWarning(\n 'change-in-update',\n `Element ${this.localName} scheduled an update ` +\n `(generally because a property was set) ` +\n `after an update completed, causing a new update to be scheduled. ` +\n `This is inefficient and should be avoided unless the next update ` +\n `can only be scheduled as a side effect of the previous update.`\n );\n }\n }\n\n private __markUpdated() {\n this._$changedProperties = new Map();\n this.isUpdatePending = false;\n }\n\n /**\n * Returns a Promise that resolves when the element has completed updating.\n * The Promise value is a boolean that is `true` if the element completed the\n * update without triggering another update. The Promise result is `false` if\n * a property was set inside `updated()`. If the Promise is rejected, an\n * exception was thrown during the update.\n *\n * To await additional asynchronous work, override the `getUpdateComplete`\n * method. For example, it is sometimes useful to await a rendered element\n * before fulfilling this Promise. To do this, first await\n * `super.getUpdateComplete()`, then any subsequent state.\n *\n * @return A promise of a boolean that resolves to true if the update completed\n * without triggering another update.\n * @category updates\n */\n get updateComplete(): Promise<boolean> {\n return this.getUpdateComplete();\n }\n\n /**\n * Override point for the `updateComplete` promise.\n *\n * It is not safe to override the `updateComplete` getter directly due to a\n * limitation in TypeScript which means it is not possible to call a\n * superclass getter (e.g. `super.updateComplete.then(...)`) when the target\n * language is ES5 (https://github.com/microsoft/TypeScript/issues/338).\n * This method should be overridden instead. For example:\n *\n * ```ts\n * class MyElement extends LitElement {\n * override async getUpdateComplete() {\n * const result = await super.getUpdateComplete();\n * await this._myChild.updateComplete;\n * return result;\n * }\n * }\n * ```\n *\n * @return A promise of a boolean that resolves to true if the update completed\n * without triggering another update.\n * @category updates\n */\n protected getUpdateComplete(): Promise<boolean> {\n return this.__updatePromise;\n }\n\n /**\n * Controls whether or not `update()` should be called when the element requests\n * an update. By default, this method always returns `true`, but this can be\n * customized to control when to update.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected shouldUpdate(_changedProperties: PropertyValues): boolean {\n return true;\n }\n\n /**\n * Updates the element. This method reflects property values to attributes.\n * It can be overridden to render and keep updated element DOM.\n * Setting properties inside this method will *not* trigger\n * another update.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected update(_changedProperties: PropertyValues) {\n // The forEach() expression will only run when when __reflectingProperties is\n // defined, and it returns undefined, setting __reflectingProperties to\n // undefined\n this.__reflectingProperties &&= this.__reflectingProperties.forEach((p) =>\n this.__propertyToAttribute(p, this[p as keyof this])\n ) as undefined;\n this.__markUpdated();\n }\n\n /**\n * Invoked whenever the element is updated. Implement to perform\n * post-updating tasks via DOM APIs, for example, focusing an element.\n *\n * Setting properties inside this method will trigger the element to update\n * again after this update cycle completes.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected updated(_changedProperties: PropertyValues) {}\n\n /**\n * Invoked when the element is first updated. Implement to perform one time\n * work on the element after update.\n *\n * ```ts\n * firstUpdated() {\n * this.renderRoot.getElementById('my-text-area').focus();\n * }\n * ```\n *\n * Setting properties inside this method will trigger the element to update\n * again after this update cycle completes.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected firstUpdated(_changedProperties: PropertyValues) {}\n}\n// Assigned here to work around a jscompiler bug with static fields\n// when compiling to ES5.\n// https://github.com/google/closure-compiler/issues/3177\n(ReactiveElement as unknown as Record<string, unknown>)[\n JSCompiler_renameProperty('elementProperties', ReactiveElement)\n] = new Map();\n(ReactiveElement as unknown as Record<string, unknown>)[\n JSCompiler_renameProperty('finalized', ReactiveElement)\n] = new Map();\n\n// Apply polyfills if available\npolyfillSupport?.({ReactiveElement});\n\n// Dev mode warnings...\nif (DEV_MODE) {\n // Default warning set.\n ReactiveElement.enabledWarnings = [\n 'change-in-update',\n 'async-perform-update',\n ];\n const ensureOwnWarnings = function (ctor: typeof ReactiveElement) {\n if (\n !ctor.hasOwnProperty(JSCompiler_renameProperty('enabledWarnings', ctor))\n ) {\n ctor.enabledWarnings = ctor.enabledWarnings!.slice();\n }\n };\n ReactiveElement.enableWarning = function (\n this: typeof ReactiveElement,\n warning: WarningKind\n ) {\n ensureOwnWarnings(this);\n if (!this.enabledWarnings!.includes(warning)) {\n this.enabledWarnings!.push(warning);\n }\n };\n ReactiveElement.disableWarning = function (\n this: typeof ReactiveElement,\n warning: WarningKind\n ) {\n ensureOwnWarnings(this);\n const i = this.enabledWarnings!.indexOf(warning);\n if (i >= 0) {\n this.enabledWarnings!.splice(i, 1);\n }\n };\n}\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for ReactiveElement usage.\n(global.reactiveElementVersions ??= []).push('2.0.4');\nif (DEV_MODE && global.reactiveElementVersions.length > 1) {\n issueWarning!(\n 'multiple-versions',\n `Multiple versions of Lit loaded. Loading multiple versions ` +\n `is not recommended.`\n );\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {\n type PropertyDeclaration,\n type ReactiveElement,\n defaultConverter,\n notEqual,\n} from '../reactive-element.js';\nimport type {Interface} from './base.js';\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n // Ensure warnings are issued only 1x, even if multiple versions of Lit\n // are loaded.\n const issuedWarnings: Set<string | undefined> =\n (globalThis.litIssuedWarnings ??= new Set());\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += ` See https://lit.dev/msg/${code} for more information.`;\n if (!issuedWarnings.has(warning)) {\n console.warn(warning);\n issuedWarnings.add(warning);\n }\n };\n}\n\n// Overloads for property decorator so that TypeScript can infer the correct\n// return type when a decorator is used as an accessor decorator or a setter\n// decorator.\nexport type PropertyDecorator = {\n // accessor decorator signature\n <C extends Interface<ReactiveElement>, V>(\n target: ClassAccessorDecoratorTarget<C, V>,\n context: ClassAccessorDecoratorContext<C, V>\n ): ClassAccessorDecoratorResult<C, V>;\n\n // setter decorator signature\n <C extends Interface<ReactiveElement>, V>(\n target: (value: V) => void,\n context: ClassSetterDecoratorContext<C, V>\n ): (this: C, value: V) => void;\n\n // legacy decorator signature\n (\n protoOrDescriptor: Object,\n name: PropertyKey,\n descriptor?: PropertyDescriptor\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): any;\n};\n\nconst legacyProperty = (\n options: PropertyDeclaration | undefined,\n proto: Object,\n name: PropertyKey\n) => {\n const hasOwnProperty = proto.hasOwnProperty(name);\n (proto.constructor as typeof ReactiveElement).createProperty(\n name,\n hasOwnProperty ? {...options, wrapped: true} : options\n );\n // For accessors (which have a descriptor on the prototype) we need to\n // return a descriptor, otherwise TypeScript overwrites the descriptor we\n // define in createProperty() with the original descriptor. We don't do this\n // for fields, which don't have a descriptor, because this could overwrite\n // descriptor defined by other decorators.\n return hasOwnProperty\n ? Object.getOwnPropertyDescriptor(proto, name)\n : undefined;\n};\n\n// This is duplicated from a similar variable in reactive-element.ts, but\n// actually makes sense to have this default defined with the decorator, so\n// that different decorators could have different defaults.\nconst defaultPropertyDeclaration: PropertyDeclaration = {\n attribute: true,\n type: String,\n converter: defaultConverter,\n reflect: false,\n hasChanged: notEqual,\n};\n\n// Temporary type, until google3 is on TypeScript 5.2\ntype StandardPropertyContext<C, V> = (\n | ClassAccessorDecoratorContext<C, V>\n | ClassSetterDecoratorContext<C, V>\n) & {metadata: object};\n\n/**\n * Wraps a class accessor or setter so that `requestUpdate()` is called with the\n * property name and old value when the accessor is set.\n */\nexport const standardProperty = <C extends Interface<ReactiveElement>, V>(\n options: PropertyDeclaration = defaultPropertyDeclaration,\n target: ClassAccessorDecoratorTarget<C, V> | ((value: V) => void),\n context: StandardPropertyContext<C, V>\n): ClassAccessorDecoratorResult<C, V> | ((this: C, value: V) => void) => {\n const {kind, metadata} = context;\n\n if (DEV_MODE && metadata == null) {\n issueWarning(\n 'missing-class-metadata',\n `The class ${target} is missing decorator metadata. This ` +\n `could mean that you're using a compiler that supports decorators ` +\n `but doesn't support decorator metadata, such as TypeScript 5.1. ` +\n `Please update your compiler.`\n );\n }\n\n // Store the property options\n let properties = globalThis.litPropertyMetadata.get(metadata);\n if (properties === undefined) {\n globalThis.litPropertyMetadata.set(metadata, (properties = new Map()));\n }\n properties.set(context.name, options);\n\n if (kind === 'accessor') {\n // Standard decorators cannot dynamically modify the class, so we can't\n // replace a field with accessors. The user must use the new `accessor`\n // keyword instead.\n const {name} = context;\n return {\n set(this: ReactiveElement, v: V) {\n const oldValue = (\n target as ClassAccessorDecoratorTarget<C, V>\n ).get.call(this as unknown as C);\n (target as ClassAccessorDecoratorTarget<C, V>).set.call(\n this as unknown as C,\n v\n );\n this.requestUpdate(name, oldValue, options);\n },\n init(this: ReactiveElement, v: V): V {\n if (v !== undefined) {\n this._$changeProperty(name, undefined, options);\n }\n return v;\n },\n } as unknown as ClassAccessorDecoratorResult<C, V>;\n } else if (kind === 'setter') {\n const {name} = context;\n return function (this: ReactiveElement, value: V) {\n const oldValue = this[name as keyof ReactiveElement];\n (target as (value: V) => void).call(this, value);\n this.requestUpdate(name, oldValue, options);\n } as unknown as (this: C, value: V) => void;\n }\n throw new Error(`Unsupported decorator location: ${kind}`);\n};\n\n/**\n * A class field or accessor decorator which creates a reactive property that\n * reflects a corresponding attribute value. When a decorated property is set\n * the element will update and render. A {@linkcode PropertyDeclaration} may\n * optionally be supplied to configure property features.\n *\n * This decorator should only be used for public fields. As public fields,\n * properties should be considered as primarily settable by element users,\n * either via attribute or the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the {@linkcode state} decorator.\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating public\n * properties should typically not be done for non-primitive (object or array)\n * properties. In other cases when an element needs to manage state, a private\n * property decorated via the {@linkcode state} decorator should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n *\n * ```ts\n * class MyElement {\n * @property({ type: Boolean })\n * clicked = false;\n * }\n * ```\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function property(options?: PropertyDeclaration): PropertyDecorator {\n return <C extends Interface<ReactiveElement>, V>(\n protoOrTarget:\n | object\n | ClassAccessorDecoratorTarget<C, V>\n | ((value: V) => void),\n nameOrContext:\n | PropertyKey\n | ClassAccessorDecoratorContext<C, V>\n | ClassSetterDecoratorContext<C, V>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): any => {\n return (\n typeof nameOrContext === 'object'\n ? standardProperty<C, V>(\n options,\n protoOrTarget as\n | ClassAccessorDecoratorTarget<C, V>\n | ((value: V) => void),\n nameOrContext as StandardPropertyContext<C, V>\n )\n : legacyProperty(\n options,\n protoOrTarget as Object,\n nameOrContext as PropertyKey\n )\n ) as PropertyDecorator;\n };\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {property} from './property.js';\n\nexport interface StateDeclaration<Type = unknown> {\n /**\n * A function that indicates if a property should be considered changed when\n * it is set. The function should take the `newValue` and `oldValue` and\n * return `true` if an update should be requested.\n */\n hasChanged?(value: Type, oldValue: Type): boolean;\n}\n\n/**\n * @deprecated use StateDeclaration\n */\nexport type InternalPropertyDeclaration<Type = unknown> =\n StateDeclaration<Type>;\n\n/**\n * Declares a private or protected reactive property that still triggers\n * updates to the element when it changes. It does not reflect from the\n * corresponding attribute.\n *\n * Properties declared this way must not be used from HTML or HTML templating\n * systems, they're solely for properties internal to the element. These\n * properties may be renamed by optimization tools like closure compiler.\n * @category Decorator\n */\nexport function state(options?: StateDeclaration) {\n return property({\n ...options,\n // Add both `state` and `attribute` because we found a third party\n // controller that is keying off of PropertyOptions.state to determine\n // whether a field is a private internal property or not.\n state: true,\n attribute: false,\n });\n}\n", "const NAMESPACE = {\n PREFIX: 'mdc' as const,\n SEPARATOR: '-' as const,\n};\n\nconst CONSTANTS = {\n NAMESPACE,\n};\n\nexport default CONSTANTS;\n", "/* eslint-disable implicit-arrow-linebreak */\n/* eslint-disable max-len */\nimport CONSTANTS from './constants';\n\n// make ReturnType a String Literal to make it usable in the HTMLElementTagNameMap per component\n// using Template Literal Types: https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html\ntype ReturnType<ComponentName extends string> =\n `${typeof CONSTANTS.NAMESPACE.PREFIX}${typeof CONSTANTS.NAMESPACE.SEPARATOR}${ComponentName}`;\n\nconst constructTagName = <ComponentName extends string>(componentName: ComponentName): ReturnType<ComponentName> =>\n [CONSTANTS.NAMESPACE.PREFIX, componentName].join(CONSTANTS.NAMESPACE.SEPARATOR) as ReturnType<ComponentName>;\n\nexport default {\n constructTagName,\n};\n", "/* eslint-disable implicit-arrow-linebreak */\nimport utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('themeprovider');\n\nconst DEFAULTS = {\n THEMECLASS: 'mds-theme-stable-darkWebex' as const,\n} as const;\n\nexport { DEFAULTS, TAG_NAME };\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// IMPORTANT: these imports must be type-only\nimport type {Directive, DirectiveResult, PartInfo} from './directive.js';\nimport type {TrustedHTML, TrustedTypesWindow} from 'trusted-types/lib';\n\nconst DEV_MODE = true;\nconst ENABLE_EXTRA_SECURITY_HOOKS = true;\nconst ENABLE_SHADYDOM_NOPATCH = true;\nconst NODE_MODE = false;\n\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace LitUnstable {\n /**\n * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n * we will emit 'lit-debug' events to window, with live details about the update and render\n * lifecycle. These can be useful for writing debug tooling and visualizations.\n *\n * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n * making certain operations that are normally very cheap (like a no-op render) much slower,\n * because we must copy data and dispatch events.\n */\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace DebugLog {\n export type Entry =\n | TemplatePrep\n | TemplateInstantiated\n | TemplateInstantiatedAndUpdated\n | TemplateUpdating\n | BeginRender\n | EndRender\n | CommitPartEntry\n | SetPartValue;\n export interface TemplatePrep {\n kind: 'template prep';\n template: Template;\n strings: TemplateStringsArray;\n clonableTemplate: HTMLTemplateElement;\n parts: TemplatePart[];\n }\n export interface BeginRender {\n kind: 'begin render';\n id: number;\n value: unknown;\n container: HTMLElement | DocumentFragment;\n options: RenderOptions | undefined;\n part: ChildPart | undefined;\n }\n export interface EndRender {\n kind: 'end render';\n id: number;\n value: unknown;\n container: HTMLElement | DocumentFragment;\n options: RenderOptions | undefined;\n part: ChildPart;\n }\n export interface TemplateInstantiated {\n kind: 'template instantiated';\n template: Template | CompiledTemplate;\n instance: TemplateInstance;\n options: RenderOptions | undefined;\n fragment: Node;\n parts: Array<Part | undefined>;\n values: unknown[];\n }\n export interface TemplateInstantiatedAndUpdated {\n kind: 'template instantiated and updated';\n template: Template | CompiledTemplate;\n instance: TemplateInstance;\n options: RenderOptions | undefined;\n fragment: Node;\n parts: Array<Part | undefined>;\n values: unknown[];\n }\n export interface TemplateUpdating {\n kind: 'template updating';\n template: Template | CompiledTemplate;\n instance: TemplateInstance;\n options: RenderOptions | undefined;\n parts: Array<Part | undefined>;\n values: unknown[];\n }\n export interface SetPartValue {\n kind: 'set part';\n part: Part;\n value: unknown;\n valueIndex: number;\n values: unknown[];\n templateInstance: TemplateInstance;\n }\n\n export type CommitPartEntry =\n | CommitNothingToChildEntry\n | CommitText\n | CommitNode\n | CommitAttribute\n | CommitProperty\n | CommitBooleanAttribute\n | CommitEventListener\n | CommitToElementBinding;\n\n export interface CommitNothingToChildEntry {\n kind: 'commit nothing to child';\n start: ChildNode;\n end: ChildNode | null;\n parent: Disconnectable | undefined;\n options: RenderOptions | undefined;\n }\n\n export interface CommitText {\n kind: 'commit text';\n node: Text;\n value: unknown;\n options: RenderOptions | undefined;\n }\n\n export interface CommitNode {\n kind: 'commit node';\n start: Node;\n parent: Disconnectable | undefined;\n value: Node;\n options: RenderOptions | undefined;\n }\n\n export interface CommitAttribute {\n kind: 'commit attribute';\n element: Element;\n name: string;\n value: unknown;\n options: RenderOptions | undefined;\n }\n\n export interface CommitProperty {\n kind: 'commit property';\n element: Element;\n name: string;\n value: unknown;\n options: RenderOptions | undefined;\n }\n\n export interface CommitBooleanAttribute {\n kind: 'commit boolean attribute';\n element: Element;\n name: string;\n value: boolean;\n options: RenderOptions | undefined;\n }\n\n export interface CommitEventListener {\n kind: 'commit event listener';\n element: Element;\n name: string;\n value: unknown;\n oldListener: unknown;\n options: RenderOptions | undefined;\n // True if we're removing the old event listener (e.g. because settings changed, or value is nothing)\n removeListener: boolean;\n // True if we're adding a new event listener (e.g. because first render, or settings changed)\n addListener: boolean;\n }\n\n export interface CommitToElementBinding {\n kind: 'commit to element binding';\n element: Element;\n value: unknown;\n options: RenderOptions | undefined;\n }\n }\n}\n\ninterface DebugLoggingWindow {\n // Even in dev mode, we generally don't want to emit these events, as that's\n // another level of cost, so only emit them when DEV_MODE is true _and_ when\n // window.emitLitDebugEvents is true.\n emitLitDebugLogEvents?: boolean;\n}\n\n/**\n * Useful for visualizing and logging insights into what the Lit template system is doing.\n *\n * Compiled out of prod mode builds.\n */\nconst debugLogEvent = DEV_MODE\n ? (event: LitUnstable.DebugLog.Entry) => {\n const shouldEmit = (global as unknown as DebugLoggingWindow)\n .emitLitDebugLogEvents;\n if (!shouldEmit) {\n return;\n }\n global.dispatchEvent(\n new CustomEvent<LitUnstable.DebugLog.Entry>('lit-debug', {\n detail: event,\n }),\n );\n }\n : undefined;\n// Used for connecting beginRender and endRender events when there are nested\n// renders when errors are thrown preventing an endRender event from being\n// called.\nlet debugLogRenderId = 0;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n global.litIssuedWarnings ??= new Set();\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += code\n ? ` See https://lit.dev/msg/${code} for more information.`\n : '';\n if (!global.litIssuedWarnings!.has(warning)) {\n console.warn(warning);\n global.litIssuedWarnings!.add(warning);\n }\n };\n\n issueWarning(\n 'dev-mode',\n `Lit is in dev mode. Not recommended for production!`,\n );\n}\n\nconst wrap =\n ENABLE_SHADYDOM_NOPATCH &&\n global.ShadyDOM?.inUse &&\n global.ShadyDOM?.noPatch === true\n ? (global.ShadyDOM!.wrap as <T extends Node>(node: T) => T)\n : <T extends Node>(node: T) => node;\n\nconst trustedTypes = (global as unknown as TrustedTypesWindow).trustedTypes;\n\n/**\n * Our TrustedTypePolicy for HTML which is declared using the html template\n * tag function.\n *\n * That HTML is a developer-authored constant, and is parsed with innerHTML\n * before any untrusted expressions have been mixed in. Therefor it is\n * considered safe by construction.\n */\nconst policy = trustedTypes\n ? trustedTypes.createPolicy('lit-html', {\n createHTML: (s) => s,\n })\n : undefined;\n\n/**\n * Used to sanitize any value before it is written into the DOM. This can be\n * used to implement a security policy of allowed and disallowed values in\n * order to prevent XSS attacks.\n *\n * One way of using this callback would be to check attributes and properties\n * against a list of high risk fields, and require that values written to such\n * fields be instances of a class which is safe by construction. Closure's Safe\n * HTML Types is one implementation of this technique (\n * https://github.com/google/safe-html-types/blob/master/doc/safehtml-types.md).\n * The TrustedTypes polyfill in API-only mode could also be used as a basis\n * for this technique (https://github.com/WICG/trusted-types).\n *\n * @param node The HTML node (usually either a #text node or an Element) that\n * is being written to. Note that this is just an exemplar node, the write\n * may take place against another instance of the same class of node.\n * @param name The name of an attribute or property (for example, 'href').\n * @param type Indicates whether the write that's about to be performed will\n * be to a property or a node.\n * @return A function that will sanitize this class of writes.\n */\nexport type SanitizerFactory = (\n node: Node,\n name: string,\n type: 'property' | 'attribute',\n) => ValueSanitizer;\n\n/**\n * A function which can sanitize values that will be written to a specific kind\n * of DOM sink.\n *\n * See SanitizerFactory.\n *\n * @param value The value to sanitize. Will be the actual value passed into\n * the lit-html template literal, so this could be of any type.\n * @return The value to write to the DOM. Usually the same as the input value,\n * unless sanitization is needed.\n */\nexport type ValueSanitizer = (value: unknown) => unknown;\n\nconst identityFunction: ValueSanitizer = (value: unknown) => value;\nconst noopSanitizer: SanitizerFactory = (\n _node: Node,\n _name: string,\n _type: 'property' | 'attribute',\n) => identityFunction;\n\n/** Sets the global sanitizer factory. */\nconst setSanitizer = (newSanitizer: SanitizerFactory) => {\n if (!ENABLE_EXTRA_SECURITY_HOOKS) {\n return;\n }\n if (sanitizerFactoryInternal !== noopSanitizer) {\n throw new Error(\n `Attempted to overwrite existing lit-html security policy.` +\n ` setSanitizeDOMValueFactory should be called at most once.`,\n );\n }\n sanitizerFactoryInternal = newSanitizer;\n};\n\n/**\n * Only used in internal tests, not a part of the public API.\n */\nconst _testOnlyClearSanitizerFactoryDoNotCallOrElse = () => {\n sanitizerFactoryInternal = noopSanitizer;\n};\n\nconst createSanitizer: SanitizerFactory = (node, name, type) => {\n return sanitizerFactoryInternal(node, name, type);\n};\n\n// Added to an attribute name to mark the attribute as bound so we can find\n// it easily.\nconst boundAttributeSuffix = '$lit$';\n\n// This marker is used in many syntactic positions in HTML, so it must be\n// a valid element name and attribute name. We don't support dynamic names (yet)\n// but this at least ensures that the parse tree is closer to the template\n// intention.\nconst marker = `lit$${Math.random().toFixed(9).slice(2)}$`;\n\n// String used to tell if a comment is a marker comment\nconst markerMatch = '?' + marker;\n\n// Text used to insert a comment marker node. We use processing instruction\n// syntax because it's slightly smaller, but parses as a comment node.\nconst nodeMarker = `<${markerMatch}>`;\n\nconst d =\n NODE_MODE && global.document === undefined\n ? ({\n createTreeWalker() {\n return {};\n },\n } as unknown as Document)\n : document;\n\n// Creates a dynamic marker. We never have to search for these in the DOM.\nconst createMarker = () => d.createComment('');\n\n// https://tc39.github.io/ecma262/#sec-typeof-operator\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\nconst isPrimitive = (value: unknown): value is Primitive =>\n value === null || (typeof value != 'object' && typeof value != 'function');\nconst isArray = Array.isArray;\nconst isIterable = (value: unknown): value is Iterable<unknown> =>\n isArray(value) ||\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n typeof (value as any)?.[Symbol.iterator] === 'function';\n\nconst SPACE_CHAR = `[ \\t\\n\\f\\r]`;\nconst ATTR_VALUE_CHAR = `[^ \\t\\n\\f\\r\"'\\`<>=]`;\nconst NAME_CHAR = `[^\\\\s\"'>=/]`;\n\n// These regexes represent the five parsing states that we care about in the\n// Template's HTML scanner. They match the *end* of the state they're named\n// after.\n// Depending on the match, we transition to a new state. If there's no match,\n// we stay in the same state.\n// Note that the regexes are stateful. We utilize lastIndex and sync it\n// across the multiple regexes used. In addition to the five regexes below\n// we also dynamically create a regex to find the matching end tags for raw\n// text elements.\n\n/**\n * End of text is: `<` followed by:\n * (comment start) or (tag) or (dynamic tag binding)\n */\nconst textEndRegex = /<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g;\nconst COMMENT_START = 1;\nconst TAG_NAME = 2;\nconst DYNAMIC_TAG_NAME = 3;\n\nconst commentEndRegex = /-->/g;\n/**\n * Comments not started with <!--, like </{, can be ended by a single `>`\n */\nconst comment2EndRegex = />/g;\n\n/**\n * The tagEnd regex matches the end of the \"inside an opening\" tag syntax\n * position. It either matches a `>`, an attribute-like sequence, or the end\n * of the string after a space (attribute-name position ending).\n *\n * See attributes in the HTML spec:\n * https://www.w3.org/TR/html5/syntax.html#elements-attributes\n *\n * \" \\t\\n\\f\\r\" are HTML space characters:\n * https://infra.spec.whatwg.org/#ascii-whitespace\n *\n * So an attribute is:\n * * The name: any character except a whitespace character, (\"), ('), \">\",\n * \"=\", or \"/\". Note: this is different from the HTML spec which also excludes control characters.\n * * Followed by zero or more space characters\n * * Followed by \"=\"\n * * Followed by zero or more space characters\n * * Followed by:\n * * Any character except space, ('), (\"), \"<\", \">\", \"=\", (`), or\n * * (\") then any non-(\"), or\n * * (') then any non-(')\n */\nconst tagEndRegex = new RegExp(\n `>|${SPACE_CHAR}(?:(${NAME_CHAR}+)(${SPACE_CHAR}*=${SPACE_CHAR}*(?:${ATTR_VALUE_CHAR}|(\"|')|))|$)`,\n 'g',\n);\nconst ENTIRE_MATCH = 0;\nconst ATTRIBUTE_NAME = 1;\nconst SPACES_AND_EQUALS = 2;\nconst QUOTE_CHAR = 3;\n\nconst singleQuoteAttrEndRegex = /'/g;\nconst doubleQuoteAttrEndRegex = /\"/g;\n/**\n * Matches the raw text elements.\n *\n * Comments are not parsed within raw text elements, so we need to search their\n * text content for marker strings.\n */\nconst rawTextElement = /^(?:script|style|textarea|title)$/i;\n\n/** TemplateResult types */\nconst HTML_RESULT = 1;\nconst SVG_RESULT = 2;\nconst MATHML_RESULT = 3;\n\ntype ResultType = typeof HTML_RESULT | typeof SVG_RESULT | typeof MATHML_RESULT;\n\n// TemplatePart types\n// IMPORTANT: these must match the values in PartType\nconst ATTRIBUTE_PART = 1;\nconst CHILD_PART = 2;\nconst PROPERTY_PART = 3;\nconst BOOLEAN_ATTRIBUTE_PART = 4;\nconst EVENT_PART = 5;\nconst ELEMENT_PART = 6;\nconst COMMENT_PART = 7;\n\n/**\n * The return type of the template tag functions, {@linkcode html} and\n * {@linkcode svg} when it hasn't been compiled by @lit-labs/compiler.\n *\n * A `TemplateResult` object holds all the information about a template\n * expression required to render it: the template strings, expression values,\n * and type of template (html or svg).\n *\n * `TemplateResult` objects do not create any DOM on their own. To create or\n * update DOM you need to render the `TemplateResult`. See\n * [Rendering](https://lit.dev/docs/components/rendering) for more information.\n *\n */\nexport type UncompiledTemplateResult<T extends ResultType = ResultType> = {\n // This property needs to remain unminified.\n ['_$litType$']: T;\n strings: TemplateStringsArray;\n values: unknown[];\n};\n\n/**\n * This is a template result that may be either uncompiled or compiled.\n *\n * In the future, TemplateResult will be this type. If you want to explicitly\n * note that a template result is potentially compiled, you can reference this\n * type and it will continue to behave the same through the next major version\n * of Lit. This can be useful for code that wants to prepare for the next\n * major version of Lit.\n */\nexport type MaybeCompiledTemplateResult<T extends ResultType = ResultType> =\n | UncompiledTemplateResult<T>\n | CompiledTemplateResult;\n\n/**\n * The return type of the template tag functions, {@linkcode html} and\n * {@linkcode svg}.\n *\n * A `TemplateResult` object holds all the information about a template\n * expression required to render it: the template strings, expression values,\n * and type of template (html or svg).\n *\n * `TemplateResult` objects do not create any DOM on their own. To create or\n * update DOM you need to render the `TemplateResult`. See\n * [Rendering](https://lit.dev/docs/components/rendering) for more information.\n *\n * In Lit 4, this type will be an alias of\n * MaybeCompiledTemplateResult, so that code will get type errors if it assumes\n * that Lit templates are not compiled. When deliberately working with only\n * one, use either {@linkcode CompiledTemplateResult} or\n * {@linkcode UncompiledTemplateResult} explicitly.\n */\nexport type TemplateResult<T extends ResultType = ResultType> =\n UncompiledTemplateResult<T>;\n\nexport type HTMLTemplateResult = TemplateResult<typeof HTML_RESULT>;\n\nexport type SVGTemplateResult = TemplateResult<typeof SVG_RESULT>;\n\nexport type MathMLTemplateResult = TemplateResult<typeof MATHML_RESULT>;\n\n/**\n * A TemplateResult that has been compiled by @lit-labs/compiler, skipping the\n * prepare step.\n */\nexport interface CompiledTemplateResult {\n // This is a factory in order to make template initialization lazy\n // and allow ShadyRenderOptions scope to be passed in.\n // This property needs to remain unminified.\n ['_$litType$']: CompiledTemplate;\n values: unknown[];\n}\n\nexport interface CompiledTemplate extends Omit<Template, 'el'> {\n // el is overridden to be optional. We initialize it on first render\n el?: HTMLTemplateElement;\n\n // The prepared HTML string to create a template element from.\n // The type is a TemplateStringsArray to guarantee that the value came from\n // source code, preventing a JSON injection attack.\n h: TemplateStringsArray;\n}\n\n/**\n * Generates a template literal tag function that returns a TemplateResult with\n * the given result type.\n */\nconst tag =\n <T extends ResultType>(type: T) =>\n (strings: TemplateStringsArray, ...values: unknown[]): TemplateResult<T> => {\n // Warn against templates octal escape sequences\n // We do this here rather than in render so that the warning is closer to the\n // template definition.\n if (DEV_MODE && strings.some((s) => s === undefined)) {\n console.warn(\n 'Some template strings are undefined.\\n' +\n 'This is probably caused by illegal octal escape sequences.',\n );\n }\n if (DEV_MODE) {\n // Import static-html.js results in a circular dependency which g3 doesn't\n // handle. Instead we know that static values must have the field\n // `_$litStatic$`.\n if (\n values.some((val) => (val as {_$litStatic$: unknown})?.['_$litStatic$'])\n ) {\n issueWarning(\n '',\n `Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\\n` +\n `Please use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions`,\n );\n }\n }\n return {\n // This property needs to remain unminified.\n ['_$litType$']: type,\n strings,\n values,\n };\n };\n\n/**\n * Interprets a template literal as an HTML template that can efficiently\n * render to and update a container.\n *\n * ```ts\n * const header = (title: string) => html`<h1>${title}</h1>`;\n * ```\n *\n * The `html` tag returns a description of the DOM to render as a value. It is\n * lazy, meaning no work is done until the template is rendered. When rendering,\n * if a template comes from the same expression as a previously rendered result,\n * it's efficiently updated instead of replaced.\n */\nexport const html = tag(HTML_RESULT);\n\n/**\n * Interprets a template literal as an SVG fragment that can efficiently render\n * to and update a container.\n *\n * ```ts\n * const rect = svg`<rect width=\"10\" height=\"10\"></rect>`;\n *\n * const myImage = html`\n * <svg viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\">\n * ${rect}\n * </svg>`;\n * ```\n *\n * The `svg` *tag function* should only be used for SVG fragments, or elements\n * that would be contained **inside** an `<svg>` HTML element. A common error is\n * placing an `<svg>` *element* in a template tagged with the `svg` tag\n * function. The `<svg>` element is an HTML element and should be used within a\n * template tagged with the {@linkcode html} tag function.\n *\n * In LitElement usage, it's invalid to return an SVG fragment from the\n * `render()` method, as the SVG fragment will be contained within the element's\n * shadow root and thus not be properly contained within an `<svg>` HTML\n * element.\n */\nexport const svg = tag(SVG_RESULT);\n\n/**\n * Interprets a template literal as MathML fragment that can efficiently render\n * to and update a container.\n *\n * ```ts\n * const num = mathml`<mn>1</mn>`;\n *\n * const eq = html`\n * <math>\n * ${num}\n * </math>`;\n * ```\n *\n * The `mathml` *tag function* should only be used for MathML fragments, or\n * elements that would be contained **inside** a `<math>` HTML element. A common\n * error is placing a `<math>` *element* in a template tagged with the `mathml`\n * tag function. The `<math>` element is an HTML element and should be used\n * within a template tagged with the {@linkcode html} tag function.\n *\n * In LitElement usage, it's invalid to return an MathML fragment from the\n * `render()` method, as the MathML fragment will be contained within the\n * element's shadow root and thus not be properly contained within a `<math>`\n * HTML element.\n */\nexport const mathml = tag(MATHML_RESULT);\n\n/**\n * A sentinel value that signals that a value was handled by a directive and\n * should not be written to the DOM.\n */\nexport const noChange = Symbol.for('lit-noChange');\n\n/**\n * A sentinel value that signals a ChildPart to fully clear its content.\n *\n * ```ts\n * const button = html`${\n * user.isAdmin\n * ? html`<button>DELETE</button>`\n * : nothing\n * }`;\n * ```\n *\n * Prefer using `nothing` over other falsy values as it provides a consistent\n * behavior between various expression binding contexts.\n *\n * In child expressions, `undefined`, `null`, `''`, and `nothing` all behave the\n * same and render no nodes. In attribute expressions, `nothing` _removes_ the\n * attribute, while `undefined` and `null` will render an empty string. In\n * property expressions `nothing` becomes `undefined`.\n */\nexport const nothing = Symbol.for('lit-nothing');\n\n/**\n * The cache of prepared templates, keyed by the tagged TemplateStringsArray\n * and _not_ accounting for the specific template tag used. This means that\n * template tags cannot be dynamic - they must statically be one of html, svg,\n * or attr. This restriction simplifies the cache lookup, which is on the hot\n * path for rendering.\n */\nconst templateCache = new WeakMap<TemplateStringsArray, Template>();\n\n/**\n * Object specifying options for controlling lit-html rendering. Note that\n * while `render` may be called multiple times on the same `container` (and\n * `renderBefore` reference node) to efficiently update the rendered content,\n * only the options passed in during the first render are respected during\n * the lifetime of renders to that unique `container` + `renderBefore`\n * combination.\n */\nexport interface RenderOptions {\n /**\n * An object to use as the `this` value for event listeners. It's often\n * useful to set this to the host component rendering a template.\n */\n host?: object;\n /**\n * A DOM node before which to render content in the container.\n */\n renderBefore?: ChildNode | null;\n /**\n * Node used for cloning the template (`importNode` will be called on this\n * node). This controls the `ownerDocument` of the rendered DOM, along with\n * any inherited context. Defaults to the global `document`.\n */\n creationScope?: {importNode(node: Node, deep?: boolean): Node};\n /**\n * The initial connected state for the top-level part being rendered. If no\n * `isConnected` option is set, `AsyncDirective`s will be connected by\n * default. Set to `false` if the initial render occurs in a disconnected tree\n * and `AsyncDirective`s should see `isConnected === false` for their initial\n * render. The `part.setConnected()` method must be used subsequent to initial\n * render to change the connected state of the part.\n */\n isConnected?: boolean;\n}\n\nconst walker = d.createTreeWalker(\n d,\n 129 /* NodeFilter.SHOW_{ELEMENT|COMMENT} */,\n);\n\nlet sanitizerFactoryInternal: SanitizerFactory = noopSanitizer;\n\n//\n// Classes only below here, const variable declarations only above here...\n//\n// Keeping variable declarations and classes together improves minification.\n// Interfaces and type aliases can be interleaved freely.\n//\n\n// Type for classes that have a `_directive` or `_directives[]` field, used by\n// `resolveDirective`\nexport interface DirectiveParent {\n _$parent?: DirectiveParent;\n _$isConnected: boolean;\n __directive?: Directive;\n __directives?: Array<Directive | undefined>;\n}\n\nfunction trustFromTemplateString(\n tsa: TemplateStringsArray,\n stringFromTSA: string,\n): TrustedHTML {\n // A security check to prevent spoofing of Lit template results.\n // In the future, we may be able to replace this with Array.isTemplateObject,\n // though we might need to make that check inside of the html and svg\n // functions, because precompiled templates don't come in as\n // TemplateStringArray objects.\n if (!isArray(tsa) || !tsa.hasOwnProperty('raw')) {\n let message = 'invalid template strings array';\n if (DEV_MODE) {\n message = `\n Internal Error: expected template strings to be an array\n with a 'raw' field. Faking a template strings array by\n calling html or svg like an ordinary function is effectively\n the same as calling unsafeHtml and can lead to major security\n issues, e.g. opening your code up to XSS attacks.\n If you're using the html or svg tagged template functions normally\n and still seeing this error, please file a bug at\n https://github.com/lit/lit/issues/new?template=bug_report.md\n and include information about your build tooling, if any.\n `\n .trim()\n .replace(/\\n */g, '\\n');\n }\n throw new Error(message);\n }\n return policy !== undefined\n ? policy.createHTML(stringFromTSA)\n : (stringFromTSA as unknown as TrustedHTML);\n}\n\n/**\n * Returns an HTML string for the given TemplateStringsArray and result type\n * (HTML or SVG), along with the case-sensitive bound attribute names in\n * template order. The HTML contains comment markers denoting the `ChildPart`s\n * and suffixes on bound attributes denoting the `AttributeParts`.\n *\n * @param strings template strings array\n * @param type HTML or SVG\n * @return Array containing `[html, attrNames]` (array returned for terseness,\n * to avoid object fields since this code is shared with non-minified SSR\n * code)\n */\nconst getTemplateHtml = (\n strings: TemplateStringsArray,\n type: ResultType,\n): [TrustedHTML, Array<string>] => {\n // Insert makers into the template HTML to represent the position of\n // bindings. The following code scans the template strings to determine the\n // syntactic position of the bindings. They can be in text position, where\n // we insert an HTML comment, attribute value position, where we insert a\n // sentinel string and re-write the attribute name, or inside a tag where\n // we insert the sentinel string.\n const l = strings.length - 1;\n // Stores the case-sensitive bound attribute names in the order of their\n // parts. ElementParts are also reflected in this array as undefined\n // rather than a string, to disambiguate from attribute bindings.\n const attrNames: Array<string> = [];\n let html =\n type === SVG_RESULT ? '<svg>' : type === MATHML_RESULT ? '<math>' : '';\n\n // When we're inside a raw text tag (not it's text content), the regex\n // will still be tagRegex so we can find attributes, but will switch to\n // this regex when the tag ends.\n let rawTextEndRegex: RegExp | undefined;\n\n // The current parsing state, represented as a reference to one of the\n // regexes\n let regex = textEndRegex;\n\n for (let i = 0; i < l; i++) {\n const s = strings[i];\n // The index of the end of the last attribute name. When this is\n // positive at end of a string, it means we're in an attribute value\n // position and need to rewrite the attribute name.\n // We also use a special value of -2 to indicate that we encountered\n // the end of a string in attribute name position.\n let attrNameEndIndex = -1;\n let attrName: string | undefined;\n let lastIndex = 0;\n let match!: RegExpExecArray | null;\n\n // The conditions in this loop handle the current parse state, and the\n // assignments to the `regex` variable are the state transitions.\n while (lastIndex < s.length) {\n // Make sure we start searching from where we previously left off\n regex.lastIndex = lastIndex;\n match = regex.exec(s);\n if (match === null) {\n break;\n }\n lastIndex = regex.lastIndex;\n if (regex === textEndRegex) {\n if (match[COMMENT_START] === '!--') {\n regex = commentEndRegex;\n } else if (match[COMMENT_START] !== undefined) {\n // We started a weird comment, like </{\n regex = comment2EndRegex;\n } else if (match[TAG_NAME] !== undefined) {\n if (rawTextElement.test(match[TAG_NAME])) {\n // Record if we encounter a raw-text element. We'll switch to\n // this regex at the end of the tag.\n rawTextEndRegex = new RegExp(`</${match[TAG_NAME]}`, 'g');\n }\n regex = tagEndRegex;\n } else if (match[DYNAMIC_TAG_NAME] !== undefined) {\n if (DEV_MODE) {\n throw new Error(\n 'Bindings in tag names are not supported. Please use static templates instead. ' +\n 'See https://lit.dev/docs/templates/expressions/#static-expressions',\n );\n }\n regex = tagEndRegex;\n }\n } else if (regex === tagEndRegex) {\n if (match[ENTIRE_MATCH] === '>') {\n // End of a tag. If we had started a raw-text element, use that\n // regex\n regex = rawTextEndRegex ?? textEndRegex;\n // We may be ending an unquoted attribute value, so make sure we\n // clear any pending attrNameEndIndex\n attrNameEndIndex = -1;\n } else if (match[ATTRIBUTE_NAME] === undefined) {\n // Attribute name position\n attrNameEndIndex = -2;\n } else {\n attrNameEndIndex = regex.lastIndex - match[SPACES_AND_EQUALS].length;\n attrName = match[ATTRIBUTE_NAME];\n regex =\n match[QUOTE_CHAR] === undefined\n ? tagEndRegex\n : match[QUOTE_CHAR] === '\"'\n ? doubleQuoteAttrEndRegex\n : singleQuoteAttrEndRegex;\n }\n } else if (\n regex === doubleQuoteAttrEndRegex ||\n regex === singleQuoteAttrEndRegex\n ) {\n regex = tagEndRegex;\n } else if (regex === commentEndRegex || regex === comment2EndRegex) {\n regex = textEndRegex;\n } else {\n // Not one of the five state regexes, so it must be the dynamically\n // created raw text regex and we're at the close of that element.\n regex = tagEndRegex;\n rawTextEndRegex = undefined;\n }\n }\n\n if (DEV_MODE) {\n // If we have a attrNameEndIndex, which indicates that we should\n // rewrite the attribute name, assert that we're in a valid attribute\n // position - either in a tag, or a quoted attribute value.\n console.assert(\n attrNameEndIndex === -1 ||\n regex === tagEndRegex ||\n regex === singleQuoteAttrEndRegex ||\n regex === doubleQuoteAttrEndRegex,\n 'unexpected parse state B',\n );\n }\n\n // We have four cases:\n // 1. We're in text position, and not in a raw text element\n // (regex === textEndRegex): insert a comment marker.\n // 2. We have a non-negative attrNameEndIndex which means we need to\n // rewrite the attribute name to add a bound attribute suffix.\n // 3. We're at the non-first binding in a multi-binding attribute, use a\n // plain marker.\n // 4. We're somewhere else inside the tag. If we're in attribute name\n // position (attrNameEndIndex === -2), add a sequential suffix to\n // generate a unique attribute name.\n\n // Detect a binding next to self-closing tag end and insert a space to\n // separate the marker from the tag end:\n const end =\n regex === tagEndRegex && strings[i + 1].startsWith('/>') ? ' ' : '';\n html +=\n regex === textEndRegex\n ? s + nodeMarker\n : attrNameEndIndex >= 0\n ? (attrNames.push(attrName!),\n s.slice(0, attrNameEndIndex) +\n boundAttributeSuffix +\n s.slice(attrNameEndIndex)) +\n marker +\n end\n : s + marker + (attrNameEndIndex === -2 ? i : end);\n }\n\n const htmlResult: string | TrustedHTML =\n html +\n (strings[l] || '<?>') +\n (type === SVG_RESULT ? '</svg>' : type === MATHML_RESULT ? '</math>' : '');\n\n // Returned as an array for terseness\n return [trustFromTemplateString(strings, htmlResult), attrNames];\n};\n\n/** @internal */\nexport type {Template};\nclass Template {\n /** @internal */\n el!: HTMLTemplateElement;\n\n parts: Array<TemplatePart> = [];\n\n constructor(\n // This property needs to remain unminified.\n {strings, ['_$litType$']: type}: UncompiledTemplateResult,\n options?: RenderOptions,\n ) {\n let node: Node | null;\n let nodeIndex = 0;\n let attrNameIndex = 0;\n const partCount = strings.length - 1;\n const parts = this.parts;\n\n // Create template element\n const [html, attrNames] = getTemplateHtml(strings, type);\n this.el = Template.createElement(html, options);\n walker.currentNode = this.el.content;\n\n // Re-parent SVG or MathML nodes into template root\n if (type === SVG_RESULT || type === MATHML_RESULT) {\n const wrapper = this.el.content.firstChild!;\n wrapper.replaceWith(...wrapper.childNodes);\n }\n\n // Walk the template to find binding markers and create TemplateParts\n while ((node = walker.nextNode()) !== null && parts.length < partCount) {\n if (node.nodeType === 1) {\n if (DEV_MODE) {\n const tag = (node as Element).localName;\n // Warn if `textarea` includes an expression and throw if `template`\n // does since these are not supported. We do this by checking\n // innerHTML for anything that looks like a marker. This catches\n // cases like bindings in textarea there markers turn into text nodes.\n if (\n /^(?:textarea|template)$/i!.test(tag) &&\n (node as Element).innerHTML.includes(marker)\n ) {\n const m =\n `Expressions are not supported inside \\`${tag}\\` ` +\n `elements. See https://lit.dev/msg/expression-in-${tag} for more ` +\n `information.`;\n if (tag === 'template') {\n throw new Error(m);\n } else issueWarning('', m);\n }\n }\n // TODO (justinfagnani): for attempted dynamic tag names, we don't\n // increment the bindingIndex, and it'll be off by 1 in the element\n // and off by two after it.\n if ((node as Element).hasAttributes()) {\n for (const name of (node as Element).getAttributeNames()) {\n if (name.endsWith(boundAttributeSuffix)) {\n const realName = attrNames[attrNameIndex++];\n const value = (node as Element).getAttribute(name)!;\n const statics = value.split(marker);\n const m = /([.?@])?(.*)/.exec(realName)!;\n parts.push({\n type: ATTRIBUTE_PART,\n index: nodeIndex,\n name: m[2],\n strings: statics,\n ctor:\n m[1] === '.'\n ? PropertyPart\n : m[1] === '?'\n ? BooleanAttributePart\n : m[1] === '@'\n ? EventPart\n : AttributePart,\n });\n (node as Element).removeAttribute(name);\n } else if (name.startsWith(marker)) {\n parts.push({\n type: ELEMENT_PART,\n index: nodeIndex,\n });\n (node as Element).removeAttribute(name);\n }\n }\n }\n // TODO (justinfagnani): benchmark the regex against testing for each\n // of the 3 raw text element names.\n if (rawTextElement.test((node as Element).tagName)) {\n // For raw text elements we need to split the text content on\n // markers, create a Text node for each segment, and create\n // a TemplatePart for each marker.\n const strings = (node as Element).textContent!.split(marker);\n const lastIndex = strings.length - 1;\n if (lastIndex > 0) {\n (node as Element).textContent = trustedTypes\n ? (trustedTypes.emptyScript as unknown as '')\n : '';\n // Generate a new text node for each literal section\n // These nodes are also used as the markers for node parts\n // We can't use empty text nodes as markers because they're\n // normalized when cloning in IE (could simplify when\n // IE is no longer supported)\n for (let i = 0; i < lastIndex; i++) {\n (node as Element).append(strings[i], createMarker());\n // Walk past the marker node we just added\n walker.nextNode();\n parts.push({type: CHILD_PART, index: ++nodeIndex});\n }\n // Note because this marker is added after the walker's current\n // node, it will be walked to in the outer loop (and ignored), so\n // we don't need to adjust nodeIndex here\n (node as Element).append(strings[lastIndex], createMarker());\n }\n }\n } else if (node.nodeType === 8) {\n const data = (node as Comment).data;\n if (data === markerMatch) {\n parts.push({type: CHILD_PART, index: nodeIndex});\n } else {\n let i = -1;\n while ((i = (node as Comment).data.indexOf(marker, i + 1)) !== -1) {\n // Comment node has a binding marker inside, make an inactive part\n // The binding won't work, but subsequent bindings will\n parts.push({type: COMMENT_PART, index: nodeIndex});\n // Move to the end of the match\n i += marker.length - 1;\n }\n }\n }\n nodeIndex++;\n }\n\n if (DEV_MODE) {\n // If there was a duplicate attribute on a tag, then when the tag is\n // parsed into an element the attribute gets de-duplicated. We can detect\n // this mismatch if we haven't precisely consumed every attribute name\n // when preparing the template. This works because `attrNames` is built\n // from the template string and `attrNameIndex` comes from processing the\n // resulting DOM.\n if (attrNames.length !== attrNameIndex) {\n throw new Error(\n `Detected duplicate attribute bindings. This occurs if your template ` +\n `has duplicate attributes on an element tag. For example ` +\n `\"<input ?disabled=\\${true} ?disabled=\\${false}>\" contains a ` +\n `duplicate \"disabled\" attribute. The error was detected in ` +\n `the following template: \\n` +\n '`' +\n strings.join('${...}') +\n '`',\n );\n }\n }\n\n // We could set walker.currentNode to another node here to prevent a memory\n // leak, but every time we prepare a template, we immediately render it\n // and re-use the walker in new TemplateInstance._clone().\n debugLogEvent &&\n debugLogEvent({\n kind: 'template prep',\n template: this,\n clonableTemplate: this.el,\n parts: this.parts,\n strings,\n });\n }\n\n // Overridden via `litHtmlPolyfillSupport` to provide platform support.\n /** @nocollapse */\n static createElement(html: TrustedHTML, _options?: RenderOptions) {\n const el = d.createElement('template');\n el.innerHTML = html as unknown as string;\n return el;\n }\n}\n\nexport interface Disconnectable {\n _$parent?: Disconnectable;\n _$disconnectableChildren?: Set<Disconnectable>;\n // Rather than hold connection state on instances, Disconnectables recursively\n // fetch the connection state from the RootPart they are connected in via\n // getters up the Disconnectable tree via _$parent references. This pushes the\n // cost of tracking the isConnected state to `AsyncDirectives`, and avoids\n // needing to pass all Disconnectables (parts, template instances, and\n // directives) their connection state each time it changes, which would be\n // costly for trees that have no AsyncDirectives.\n _$isConnected: boolean;\n}\n\nfunction resolveDirective(\n part: ChildPart | AttributePart | ElementPart,\n value: unknown,\n parent: DirectiveParent = part,\n attributeIndex?: number,\n): unknown {\n // Bail early if the value is explicitly noChange. Note, this means any\n // nested directive is still attached and is not run.\n if (value === noChange) {\n return value;\n }\n let currentDirective =\n attributeIndex !== undefined\n ? (parent as AttributePart).__directives?.[attributeIndex]\n : (parent as ChildPart | ElementPart | Directive).__directive;\n const nextDirectiveConstructor = isPrimitive(value)\n ? undefined\n : // This property needs to remain unminified.\n (value as DirectiveResult)['_$litDirective$'];\n if (currentDirective?.constructor !== nextDirectiveConstructor) {\n // This property needs to remain unminified.\n currentDirective?.['_$notifyDirectiveConnectionChanged']?.(false);\n if (nextDirectiveConstructor === undefined) {\n currentDirective = undefined;\n } else {\n currentDirective = new nextDirectiveConstructor(part as PartInfo);\n currentDirective._$initialize(part, parent, attributeIndex);\n }\n if (attributeIndex !== undefined) {\n ((parent as AttributePart).__directives ??= [])[attributeIndex] =\n currentDirective;\n } else {\n (parent as ChildPart | Directive).__directive = currentDirective;\n }\n }\n if (currentDirective !== undefined) {\n value = resolveDirective(\n part,\n currentDirective._$resolve(part, (value as DirectiveResult).values),\n currentDirective,\n attributeIndex,\n );\n }\n return value;\n}\n\nexport type {TemplateInstance};\n/**\n * An updateable instance of a Template. Holds references to the Parts used to\n * update the template instance.\n */\nclass TemplateInstance implements Disconnectable {\n _$template: Template;\n _$parts: Array<Part | undefined> = [];\n\n /** @internal */\n _$parent: ChildPart;\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n constructor(template: Template, parent: ChildPart) {\n this._$template = template;\n this._$parent = parent;\n }\n\n // Called by ChildPart parentNode getter\n get parentNode() {\n return this._$parent.parentNode;\n }\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n // This method is separate from the constructor because we need to return a\n // DocumentFragment and we don't want to hold onto it with an instance field.\n _clone(options: RenderOptions | undefined) {\n const {\n el: {content},\n parts: parts,\n } = this._$template;\n const fragment = (options?.creationScope ?? d).importNode(content, true);\n walker.currentNode = fragment;\n\n let node = walker.nextNode()!;\n let nodeIndex = 0;\n let partIndex = 0;\n let templatePart = parts[0];\n\n while (templatePart !== undefined) {\n if (nodeIndex === templatePart.index) {\n let part: Part | undefined;\n if (templatePart.type === CHILD_PART) {\n part = new ChildPart(\n node as HTMLElement,\n node.nextSibling,\n this,\n options,\n );\n } else if (templatePart.type === ATTRIBUTE_PART) {\n part = new templatePart.ctor(\n node as HTMLElement,\n templatePart.name,\n templatePart.strings,\n this,\n options,\n );\n } else if (templatePart.type === ELEMENT_PART) {\n part = new ElementPart(node as HTMLElement, this, options);\n }\n this._$parts.push(part);\n templatePart = parts[++partIndex];\n }\n if (nodeIndex !== templatePart?.index) {\n node = walker.nextNode()!;\n nodeIndex++;\n }\n }\n // We need to set the currentNode away from the cloned tree so that we\n // don't hold onto the tree even if the tree is detached and should be\n // freed.\n walker.currentNode = d;\n return fragment;\n }\n\n _update(values: Array<unknown>) {\n let i = 0;\n for (const part of this._$parts) {\n if (part !== undefined) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'set part',\n part,\n value: values[i],\n valueIndex: i,\n values,\n templateInstance: this,\n });\n if ((part as AttributePart).strings !== undefined) {\n (part as AttributePart)._$setValue(values, part as AttributePart, i);\n // The number of values the part consumes is part.strings.length - 1\n // since values are in between template spans. We increment i by 1\n // later in the loop, so increment it by part.strings.length - 2 here\n i += (part as AttributePart).strings!.length - 2;\n } else {\n part._$setValue(values[i]);\n }\n }\n i++;\n }\n }\n}\n\n/*\n * Parts\n */\ntype AttributeTemplatePart = {\n readonly type: typeof ATTRIBUTE_PART;\n readonly index: number;\n readonly name: string;\n readonly ctor: typeof AttributePart;\n readonly strings: ReadonlyArray<string>;\n};\ntype ChildTemplatePart = {\n readonly type: typeof CHILD_PART;\n readonly index: number;\n};\ntype ElementTemplatePart = {\n readonly type: typeof ELEMENT_PART;\n readonly index: number;\n};\ntype CommentTemplatePart = {\n readonly type: typeof COMMENT_PART;\n readonly index: number;\n};\n\n/**\n * A TemplatePart represents a dynamic part in a template, before the template\n * is instantiated. When a template is instantiated Parts are created from\n * TemplateParts.\n */\ntype TemplatePart =\n | ChildTemplatePart\n | AttributeTemplatePart\n | ElementTemplatePart\n | CommentTemplatePart;\n\nexport type Part =\n | ChildPart\n | AttributePart\n | PropertyPart\n | BooleanAttributePart\n | ElementPart\n | EventPart;\n\nexport type {ChildPart};\nclass ChildPart implements Disconnectable {\n readonly type = CHILD_PART;\n readonly options: RenderOptions | undefined;\n _$committedValue: unknown = nothing;\n /** @internal */\n __directive?: Directive;\n /** @internal */\n _$startNode: ChildNode;\n /** @internal */\n _$endNode: ChildNode | null;\n private _textSanitizer: ValueSanitizer | undefined;\n /** @internal */\n _$parent: Disconnectable | undefined;\n /**\n * Connection state for RootParts only (i.e. ChildPart without _$parent\n * returned from top-level `render`). This field is unused otherwise. The\n * intention would be clearer if we made `RootPart` a subclass of `ChildPart`\n * with this field (and a different _$isConnected getter), but the subclass\n * caused a perf regression, possibly due to making call sites polymorphic.\n * @internal\n */\n __isConnected: boolean;\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n // ChildParts that are not at the root should always be created with a\n // parent; only RootChildNode's won't, so they return the local isConnected\n // state\n return this._$parent?._$isConnected ?? this.__isConnected;\n }\n\n // The following fields will be patched onto ChildParts when required by\n // AsyncDirective\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n /** @internal */\n _$notifyConnectionChanged?(\n isConnected: boolean,\n removeFromParent?: boolean,\n from?: number,\n ): void;\n /** @internal */\n _$reparentDisconnectables?(parent: Disconnectable): void;\n\n constructor(\n startNode: ChildNode,\n endNode: ChildNode | null,\n parent: TemplateInstance | ChildPart | undefined,\n options: RenderOptions | undefined,\n ) {\n this._$startNode = startNode;\n this._$endNode = endNode;\n this._$parent = parent;\n this.options = options;\n // Note __isConnected is only ever accessed on RootParts (i.e. when there is\n // no _$parent); the value on a non-root-part is \"don't care\", but checking\n // for parent would be more code\n this.__isConnected = options?.isConnected ?? true;\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n // Explicitly initialize for consistent class shape.\n this._textSanitizer = undefined;\n }\n }\n\n /**\n * The parent node into which the part renders its content.\n *\n * A ChildPart's content consists of a range of adjacent child nodes of\n * `.parentNode`, possibly bordered by 'marker nodes' (`.startNode` and\n * `.endNode`).\n *\n * - If both `.startNode` and `.endNode` are non-null, then the part's content\n * consists of all siblings between `.startNode` and `.endNode`, exclusively.\n *\n * - If `.startNode` is non-null but `.endNode` is null, then the part's\n * content consists of all siblings following `.startNode`, up to and\n * including the last child of `.parentNode`. If `.endNode` is non-null, then\n * `.startNode` will always be non-null.\n *\n * - If both `.endNode` and `.startNode` are null, then the part's content\n * consists of all child nodes of `.parentNode`.\n */\n get parentNode(): Node {\n let parentNode: Node = wrap(this._$startNode).parentNode!;\n const parent = this._$parent;\n if (\n parent !== undefined &&\n parentNode?.nodeType === 11 /* Node.DOCUMENT_FRAGMENT */\n ) {\n // If the parentNode is a DocumentFragment, it may be because the DOM is\n // still in the cloned fragment during initial render; if so, get the real\n // parentNode the part will be committed into by asking the parent.\n parentNode = (parent as ChildPart | TemplateInstance).parentNode;\n }\n return parentNode;\n }\n\n /**\n * The part's leading marker node, if any. See `.parentNode` for more\n * information.\n */\n get startNode(): Node | null {\n return this._$startNode;\n }\n\n /**\n * The part's trailing marker node, if any. See `.parentNode` for more\n * information.\n */\n get endNode(): Node | null {\n return this._$endNode;\n }\n\n _$setValue(value: unknown, directiveParent: DirectiveParent = this): void {\n if (DEV_MODE && this.parentNode === null) {\n throw new Error(\n `This \\`ChildPart\\` has no \\`parentNode\\` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's \\`innerHTML\\` or \\`textContent\\` can do this.`,\n );\n }\n value = resolveDirective(this, value, directiveParent);\n if (isPrimitive(value)) {\n // Non-rendering child values. It's important that these do not render\n // empty text nodes to avoid issues with preventing default <slot>\n // fallback content.\n if (value === nothing || value == null || value === '') {\n if (this._$committedValue !== nothing) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit nothing to child',\n start: this._$startNode,\n end: this._$endNode,\n parent: this._$parent,\n options: this.options,\n });\n this._$clear();\n }\n this._$committedValue = nothing;\n } else if (value !== this._$committedValue && value !== noChange) {\n this._commitText(value);\n }\n // This property needs to remain unminified.\n } else if ((value as TemplateResult)['_$litType$'] !== undefined) {\n this._commitTemplateResult(value as TemplateResult);\n } else if ((value as Node).nodeType !== undefined) {\n if (DEV_MODE && this.options?.host === value) {\n this._commitText(\n `[probable mistake: rendered a template's host in itself ` +\n `(commonly caused by writing \\${this} in a template]`,\n );\n console.warn(\n `Attempted to render the template host`,\n value,\n `inside itself. This is almost always a mistake, and in dev mode `,\n `we render some warning text. In production however, we'll `,\n `render it, which will usually result in an error, and sometimes `,\n `in the element disappearing from the DOM.`,\n );\n return;\n }\n this._commitNode(value as Node);\n } else if (isIterable(value)) {\n this._commitIterable(value);\n } else {\n // Fallback, will render the string representation\n this._commitText(value);\n }\n }\n\n private _insert<T extends Node>(node: T) {\n return wrap(wrap(this._$startNode).parentNode!).insertBefore(\n node,\n this._$endNode,\n );\n }\n\n private _commitNode(value: Node): void {\n if (this._$committedValue !== value) {\n this._$clear();\n if (\n ENABLE_EXTRA_SECURITY_HOOKS &&\n sanitizerFactoryInternal !== noopSanitizer\n ) {\n const parentNodeName = this._$startNode.parentNode?.nodeName;\n if (parentNodeName === 'STYLE' || parentNodeName === 'SCRIPT') {\n let message = 'Forbidden';\n if (DEV_MODE) {\n if (parentNodeName === 'STYLE') {\n message =\n `Lit does not support binding inside style nodes. ` +\n `This is a security risk, as style injection attacks can ` +\n `exfiltrate data and spoof UIs. ` +\n `Consider instead using css\\`...\\` literals ` +\n `to compose styles, and do dynamic styling with ` +\n `css custom properties, ::parts, <slot>s, ` +\n `and by mutating the DOM rather than stylesheets.`;\n } else {\n message =\n `Lit does not support binding inside script nodes. ` +\n `This is a security risk, as it could allow arbitrary ` +\n `code execution.`;\n }\n }\n throw new Error(message);\n }\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit node',\n start: this._$startNode,\n parent: this._$parent,\n value: value,\n options: this.options,\n });\n this._$committedValue = this._insert(value);\n }\n }\n\n private _commitText(value: unknown): void {\n // If the committed value is a primitive it means we called _commitText on\n // the previous render, and we know that this._$startNode.nextSibling is a\n // Text node. We can now just replace the text content (.data) of the node.\n if (\n this._$committedValue !== nothing &&\n isPrimitive(this._$committedValue)\n ) {\n const node = wrap(this._$startNode).nextSibling as Text;\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n if (this._textSanitizer === undefined) {\n this._textSanitizer = createSanitizer(node, 'data', 'property');\n }\n value = this._textSanitizer(value);\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit text',\n node,\n value,\n options: this.options,\n });\n (node as Text).data = value as string;\n } else {\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n const textNode = d.createTextNode('');\n this._commitNode(textNode);\n // When setting text content, for security purposes it matters a lot\n // what the parent is. For example, <style> and <script> need to be\n // handled with care, while <span> does not. So first we need to put a\n // text node into the document, then we can sanitize its content.\n if (this._textSanitizer === undefined) {\n this._textSanitizer = createSanitizer(textNode, 'data', 'property');\n }\n value = this._textSanitizer(value);\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit text',\n node: textNode,\n value,\n options: this.options,\n });\n textNode.data = value as string;\n } else {\n this._commitNode(d.createTextNode(value as string));\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit text',\n node: wrap(this._$startNode).nextSibling as Text,\n value,\n options: this.options,\n });\n }\n }\n this._$committedValue = value;\n }\n\n private _commitTemplateResult(\n result: TemplateResult | CompiledTemplateResult,\n ): void {\n // This property needs to remain unminified.\n const {values, ['_$litType$']: type} = result;\n // If $litType$ is a number, result is a plain TemplateResult and we get\n // the template from the template cache. If not, result is a\n // CompiledTemplateResult and _$litType$ is a CompiledTemplate and we need\n // to create the <template> element the first time we see it.\n const template: Template | CompiledTemplate =\n typeof type === 'number'\n ? this._$getTemplate(result as UncompiledTemplateResult)\n : (type.el === undefined &&\n (type.el = Template.createElement(\n trustFromTemplateString(type.h, type.h[0]),\n this.options,\n )),\n type);\n\n if ((this._$committedValue as TemplateInstance)?._$template === template) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'template updating',\n template,\n instance: this._$committedValue as TemplateInstance,\n parts: (this._$committedValue as TemplateInstance)._$parts,\n options: this.options,\n values,\n });\n (this._$committedValue as TemplateInstance)._update(values);\n } else {\n const instance = new TemplateInstance(template as Template, this);\n const fragment = instance._clone(this.options);\n debugLogEvent &&\n debugLogEvent({\n kind: 'template instantiated',\n template,\n instance,\n parts: instance._$parts,\n options: this.options,\n fragment,\n values,\n });\n instance._update(values);\n debugLogEvent &&\n debugLogEvent({\n kind: 'template instantiated and updated',\n template,\n instance,\n parts: instance._$parts,\n options: this.options,\n fragment,\n values,\n });\n this._commitNode(fragment);\n this._$committedValue = instance;\n }\n }\n\n // Overridden via `litHtmlPolyfillSupport` to provide platform support.\n /** @internal */\n _$getTemplate(result: UncompiledTemplateResult) {\n let template = templateCache.get(result.strings);\n if (template === undefined) {\n templateCache.set(result.strings, (template = new Template(result)));\n }\n return template;\n }\n\n private _commitIterable(value: Iterable<unknown>): void {\n // For an Iterable, we create a new InstancePart per item, then set its\n // value to the item. This is a little bit of overhead for every item in\n // an Iterable, but it lets us recurse easily and efficiently update Arrays\n // of TemplateResults that will be commonly returned from expressions like:\n // array.map((i) => html`${i}`), by reusing existing TemplateInstances.\n\n // If value is an array, then the previous render was of an\n // iterable and value will contain the ChildParts from the previous\n // render. If value is not an array, clear this part and make a new\n // array for ChildParts.\n if (!isArray(this._$committedValue)) {\n this._$committedValue = [];\n this._$clear();\n }\n\n // Lets us keep track of how many items we stamped so we can clear leftover\n // items from a previous render\n const itemParts = this._$committedValue as ChildPart[];\n let partIndex = 0;\n let itemPart: ChildPart | undefined;\n\n for (const item of value) {\n if (partIndex === itemParts.length) {\n // If no existing part, create a new one\n // TODO (justinfagnani): test perf impact of always creating two parts\n // instead of sharing parts between nodes\n // https://github.com/lit/lit/issues/1266\n itemParts.push(\n (itemPart = new ChildPart(\n this._insert(createMarker()),\n this._insert(createMarker()),\n this,\n this.options,\n )),\n );\n } else {\n // Reuse an existing part\n itemPart = itemParts[partIndex];\n }\n itemPart._$setValue(item);\n partIndex++;\n }\n\n if (partIndex < itemParts.length) {\n // itemParts always have end nodes\n this._$clear(\n itemPart && wrap(itemPart._$endNode!).nextSibling,\n partIndex,\n );\n // Truncate the parts array so _value reflects the current state\n itemParts.length = partIndex;\n }\n }\n\n /**\n * Removes the nodes contained within this Part from the DOM.\n *\n * @param start Start node to clear from, for clearing a subset of the part's\n * DOM (used when truncating iterables)\n * @param from When `start` is specified, the index within the iterable from\n * which ChildParts are being removed, used for disconnecting directives in\n * those Parts.\n *\n * @internal\n */\n _$clear(\n start: ChildNode | null = wrap(this._$startNode).nextSibling,\n from?: number,\n ) {\n this._$notifyConnectionChanged?.(false, true, from);\n while (start && start !== this._$endNode) {\n const n = wrap(start!).nextSibling;\n (wrap(start!) as Element).remove();\n start = n;\n }\n }\n /**\n * Implementation of RootPart's `isConnected`. Note that this method\n * should only be called on `RootPart`s (the `ChildPart` returned from a\n * top-level `render()` call). It has no effect on non-root ChildParts.\n * @param isConnected Whether to set\n * @internal\n */\n setConnected(isConnected: boolean) {\n if (this._$parent === undefined) {\n this.__isConnected = isConnected;\n this._$notifyConnectionChanged?.(isConnected);\n } else if (DEV_MODE) {\n throw new Error(\n 'part.setConnected() may only be called on a ' +\n 'RootPart returned from render().',\n );\n }\n }\n}\n\n/**\n * A top-level `ChildPart` returned from `render` that manages the connected\n * state of `AsyncDirective`s created throughout the tree below it.\n */\nexport interface RootPart extends ChildPart {\n /**\n * Sets the connection state for `AsyncDirective`s contained within this root\n * ChildPart.\n *\n * lit-html does not automatically monitor the connectedness of DOM rendered;\n * as such, it is the responsibility of the caller to `render` to ensure that\n * `part.setConnected(false)` is called before the part object is potentially\n * discarded, to ensure that `AsyncDirective`s have a chance to dispose of\n * any resources being held. If a `RootPart` that was previously\n * disconnected is subsequently re-connected (and its `AsyncDirective`s should\n * re-connect), `setConnected(true)` should be called.\n *\n * @param isConnected Whether directives within this tree should be connected\n * or not\n */\n setConnected(isConnected: boolean): void;\n}\n\nexport type {AttributePart};\nclass AttributePart implements Disconnectable {\n readonly type:\n | typeof ATTRIBUTE_PART\n | typeof PROPERTY_PART\n | typeof BOOLEAN_ATTRIBUTE_PART\n | typeof EVENT_PART = ATTRIBUTE_PART;\n readonly element: HTMLElement;\n readonly name: string;\n readonly options: RenderOptions | undefined;\n\n /**\n * If this attribute part represents an interpolation, this contains the\n * static strings of the interpolation. For single-value, complete bindings,\n * this is undefined.\n */\n readonly strings?: ReadonlyArray<string>;\n /** @internal */\n _$committedValue: unknown | Array<unknown> = nothing;\n /** @internal */\n __directives?: Array<Directive | undefined>;\n /** @internal */\n _$parent: Disconnectable;\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n protected _sanitizer: ValueSanitizer | undefined;\n\n get tagName() {\n return this.element.tagName;\n }\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n constructor(\n element: HTMLElement,\n name: string,\n strings: ReadonlyArray<string>,\n parent: Disconnectable,\n options: RenderOptions | undefined,\n ) {\n this.element = element;\n this.name = name;\n this._$parent = parent;\n this.options = options;\n if (strings.length > 2 || strings[0] !== '' || strings[1] !== '') {\n this._$committedValue = new Array(strings.length - 1).fill(new String());\n this.strings = strings;\n } else {\n this._$committedValue = nothing;\n }\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n this._sanitizer = undefined;\n }\n }\n\n /**\n * Sets the value of this part by resolving the value from possibly multiple\n * values and static strings and committing it to the DOM.\n * If this part is single-valued, `this._strings` will be undefined, and the\n * method will be called with a single value argument. If this part is\n * multi-value, `this._strings` will be defined, and the method is called\n * with the value array of the part's owning TemplateInstance, and an offset\n * into the value array from which the values should be read.\n * This method is overloaded this way to eliminate short-lived array slices\n * of the template instance values, and allow a fast-path for single-valued\n * parts.\n *\n * @param value The part value, or an array of values for multi-valued parts\n * @param valueIndex the index to start reading values from. `undefined` for\n * single-valued parts\n * @param noCommit causes the part to not commit its value to the DOM. Used\n * in hydration to prime attribute parts with their first-rendered value,\n * but not set the attribute, and in SSR to no-op the DOM operation and\n * capture the value for serialization.\n *\n * @internal\n */\n _$setValue(\n value: unknown | Array<unknown>,\n directiveParent: DirectiveParent = this,\n valueIndex?: number,\n noCommit?: boolean,\n ) {\n const strings = this.strings;\n\n // Whether any of the values has changed, for dirty-checking\n let change = false;\n\n if (strings === undefined) {\n // Single-value binding case\n value = resolveDirective(this, value, directiveParent, 0);\n change =\n !isPrimitive(value) ||\n (value !== this._$committedValue && value !== noChange);\n if (change) {\n this._$committedValue = value;\n }\n } else {\n // Interpolation case\n const values = value as Array<unknown>;\n value = strings[0];\n\n let i, v;\n for (i = 0; i < strings.length - 1; i++) {\n v = resolveDirective(this, values[valueIndex! + i], directiveParent, i);\n\n if (v === noChange) {\n // If the user-provided value is `noChange`, use the previous value\n v = (this._$committedValue as Array<unknown>)[i];\n }\n change ||=\n !isPrimitive(v) || v !== (this._$committedValue as Array<unknown>)[i];\n if (v === nothing) {\n value = nothing;\n } else if (value !== nothing) {\n value += (v ?? '') + strings[i + 1];\n }\n // We always record each value, even if one is `nothing`, for future\n // change detection.\n (this._$committedValue as Array<unknown>)[i] = v;\n }\n }\n if (change && !noCommit) {\n this._commitValue(value);\n }\n }\n\n /** @internal */\n _commitValue(value: unknown) {\n if (value === nothing) {\n (wrap(this.element) as Element).removeAttribute(this.name);\n } else {\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n if (this._sanitizer === undefined) {\n this._sanitizer = sanitizerFactoryInternal(\n this.element,\n this.name,\n 'attribute',\n );\n }\n value = this._sanitizer(value ?? '');\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit attribute',\n element: this.element,\n name: this.name,\n value,\n options: this.options,\n });\n (wrap(this.element) as Element).setAttribute(\n this.name,\n (value ?? '') as string,\n );\n }\n }\n}\n\nexport type {PropertyPart};\nclass PropertyPart extends AttributePart {\n override readonly type = PROPERTY_PART;\n\n /** @internal */\n override _commitValue(value: unknown) {\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n if (this._sanitizer === undefined) {\n this._sanitizer = sanitizerFactoryInternal(\n this.element,\n this.name,\n 'property',\n );\n }\n value = this._sanitizer(value);\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit property',\n element: this.element,\n name: this.name,\n value,\n options: this.options,\n });\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (this.element as any)[this.name] = value === nothing ? undefined : value;\n }\n}\n\nexport type {BooleanAttributePart};\nclass BooleanAttributePart extends AttributePart {\n override readonly type = BOOLEAN_ATTRIBUTE_PART;\n\n /** @internal */\n override _commitValue(value: unknown) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit boolean attribute',\n element: this.element,\n name: this.name,\n value: !!(value && value !== nothing),\n options: this.options,\n });\n (wrap(this.element) as Element).toggleAttribute(\n this.name,\n !!value && value !== nothing,\n );\n }\n}\n\ntype EventListenerWithOptions = EventListenerOrEventListenerObject &\n Partial<AddEventListenerOptions>;\n\n/**\n * An AttributePart that manages an event listener via add/removeEventListener.\n *\n * This part works by adding itself as the event listener on an element, then\n * delegating to the value passed to it. This reduces the number of calls to\n * add/removeEventListener if the listener changes frequently, such as when an\n * inline function is used as a listener.\n *\n * Because event options are passed when adding listeners, we must take case\n * to add and remove the part as a listener when the event options change.\n */\nexport type {EventPart};\nclass EventPart extends AttributePart {\n override readonly type = EVENT_PART;\n\n constructor(\n element: HTMLElement,\n name: string,\n strings: ReadonlyArray<string>,\n parent: Disconnectable,\n options: RenderOptions | undefined,\n ) {\n super(element, name, strings, parent, options);\n\n if (DEV_MODE && this.strings !== undefined) {\n throw new Error(\n `A \\`<${element.localName}>\\` has a \\`@${name}=...\\` listener with ` +\n 'invalid content. Event listeners in templates must have exactly ' +\n 'one expression and no surrounding text.',\n );\n }\n }\n\n // EventPart does not use the base _$setValue/_resolveValue implementation\n // since the dirty checking is more complex\n /** @internal */\n override _$setValue(\n newListener: unknown,\n directiveParent: DirectiveParent = this,\n ) {\n newListener =\n resolveDirective(this, newListener, directiveParent, 0) ?? nothing;\n if (newListener === noChange) {\n return;\n }\n const oldListener = this._$committedValue;\n\n // If the new value is nothing or any options change we have to remove the\n // part as a listener.\n const shouldRemoveListener =\n (newListener === nothing && oldListener !== nothing) ||\n (newListener as EventListenerWithOptions).capture !==\n (oldListener as EventListenerWithOptions).capture ||\n (newListener as EventListenerWithOptions).once !==\n (oldListener as EventListenerWithOptions).once ||\n (newListener as EventListenerWithOptions).passive !==\n (oldListener as EventListenerWithOptions).passive;\n\n // If the new value is not nothing and we removed the listener, we have\n // to add the part as a listener.\n const shouldAddListener =\n newListener !== nothing &&\n (oldListener === nothing || shouldRemoveListener);\n\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit event listener',\n element: this.element,\n name: this.name,\n value: newListener,\n options: this.options,\n removeListener: shouldRemoveListener,\n addListener: shouldAddListener,\n oldListener,\n });\n if (shouldRemoveListener) {\n this.element.removeEventListener(\n this.name,\n this,\n oldListener as EventListenerWithOptions,\n );\n }\n if (shouldAddListener) {\n // Beware: IE11 and Chrome 41 don't like using the listener as the\n // options object. Figure out how to deal w/ this in IE11 - maybe\n // patch addEventListener?\n this.element.addEventListener(\n this.name,\n this,\n newListener as EventListenerWithOptions,\n );\n }\n this._$committedValue = newListener;\n }\n\n handleEvent(event: Event) {\n if (typeof this._$committedValue === 'function') {\n this._$committedValue.call(this.options?.host ?? this.element, event);\n } else {\n (this._$committedValue as EventListenerObject).handleEvent(event);\n }\n }\n}\n\nexport type {ElementPart};\nclass ElementPart implements Disconnectable {\n readonly type = ELEMENT_PART;\n\n /** @internal */\n __directive?: Directive;\n\n // This is to ensure that every Part has a _$committedValue\n _$committedValue: undefined;\n\n /** @internal */\n _$parent!: Disconnectable;\n\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n options: RenderOptions | undefined;\n\n constructor(\n public element: Element,\n parent: Disconnectable,\n options: RenderOptions | undefined,\n ) {\n this._$parent = parent;\n this.options = options;\n }\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n _$setValue(value: unknown): void {\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit to element binding',\n element: this.element,\n value,\n options: this.options,\n });\n resolveDirective(this, value);\n }\n}\n\n/**\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\n *\n * Private exports for use by other Lit packages, not intended for use by\n * external users.\n *\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\n * to keep a number of (otherwise private) top-level exports mangled in the\n * client side code, we export a _$LH object containing those members (or\n * helper methods for accessing private fields of those members), and then\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\n * client-side code is being used in `dev` mode or `prod` mode.\n *\n * This has a unique name, to disambiguate it from private exports in\n * lit-element, which re-exports all of lit-html.\n *\n * @private\n */\nexport const _$LH = {\n // Used in lit-ssr\n _boundAttributeSuffix: boundAttributeSuffix,\n _marker: marker,\n _markerMatch: markerMatch,\n _HTML_RESULT: HTML_RESULT,\n _getTemplateHtml: getTemplateHtml,\n // Used in tests and private-ssr-support\n _TemplateInstance: TemplateInstance,\n _isIterable: isIterable,\n _resolveDirective: resolveDirective,\n _ChildPart: ChildPart,\n _AttributePart: AttributePart,\n _BooleanAttributePart: BooleanAttributePart,\n _EventPart: EventPart,\n _PropertyPart: PropertyPart,\n _ElementPart: ElementPart,\n};\n\n// Apply polyfills if available\nconst polyfillSupport = DEV_MODE\n ? global.litHtmlPolyfillSupportDevMode\n : global.litHtmlPolyfillSupport;\npolyfillSupport?.(Template, ChildPart);\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for lit-html usage.\n(global.litHtmlVersions ??= []).push('3.2.0');\nif (DEV_MODE && global.litHtmlVersions.length > 1) {\n issueWarning!(\n 'multiple-versions',\n `Multiple versions of Lit loaded. ` +\n `Loading multiple versions is not recommended.`,\n );\n}\n\n/**\n * Renders a value, usually a lit-html TemplateResult, to the container.\n *\n * This example renders the text \"Hello, Zoe!\" inside a paragraph tag, appending\n * it to the container `document.body`.\n *\n * ```js\n * import {html, render} from 'lit';\n *\n * const name = \"Zoe\";\n * render(html`<p>Hello, ${name}!</p>`, document.body);\n * ```\n *\n * @param value Any [renderable\n * value](https://lit.dev/docs/templates/expressions/#child-expressions),\n * typically a {@linkcode TemplateResult} created by evaluating a template tag\n * like {@linkcode html} or {@linkcode svg}.\n * @param container A DOM container to render to. The first render will append\n * the rendered value to the container, and subsequent renders will\n * efficiently update the rendered value if the same result type was\n * previously rendered there.\n * @param options See {@linkcode RenderOptions} for options documentation.\n * @see\n * {@link https://lit.dev/docs/libraries/standalone-templates/#rendering-lit-html-templates| Rendering Lit HTML Templates}\n */\nexport const render = (\n value: unknown,\n container: HTMLElement | DocumentFragment,\n options?: RenderOptions,\n): RootPart => {\n if (DEV_MODE && container == null) {\n // Give a clearer error message than\n // Uncaught TypeError: Cannot read properties of null (reading\n // '_$litPart$')\n // which reads like an internal Lit error.\n throw new TypeError(`The container to render into may not be ${container}`);\n }\n const renderId = DEV_MODE ? debugLogRenderId++ : 0;\n const partOwnerNode = options?.renderBefore ?? container;\n // This property needs to remain unminified.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let part: ChildPart = (partOwnerNode as any)['_$litPart$'];\n debugLogEvent &&\n debugLogEvent({\n kind: 'begin render',\n id: renderId,\n value,\n container,\n options,\n part,\n });\n if (part === undefined) {\n const endNode = options?.renderBefore ?? null;\n // This property needs to remain unminified.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (partOwnerNode as any)['_$litPart$'] = part = new ChildPart(\n container.insertBefore(createMarker(), endNode),\n endNode,\n undefined,\n options ?? {},\n );\n }\n part._$setValue(value);\n debugLogEvent &&\n debugLogEvent({\n kind: 'end render',\n id: renderId,\n value,\n container,\n options,\n part,\n });\n return part as RootPart;\n};\n\nif (ENABLE_EXTRA_SECURITY_HOOKS) {\n render.setSanitizer = setSanitizer;\n render.createSanitizer = createSanitizer;\n if (DEV_MODE) {\n render._testOnlyClearSanitizerFactoryDoNotCallOrElse =\n _testOnlyClearSanitizerFactoryDoNotCallOrElse;\n }\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * The main LitElement module, which defines the {@linkcode LitElement} base\n * class and related APIs.\n *\n * LitElement components can define a template and a set of observed\n * properties. Changing an observed property triggers a re-render of the\n * element.\n *\n * Import {@linkcode LitElement} and {@linkcode html} from this module to\n * create a component:\n *\n * ```js\n * import {LitElement, html} from 'lit-element';\n *\n * class MyElement extends LitElement {\n *\n * // Declare observed properties\n * static get properties() {\n * return {\n * adjective: {}\n * }\n * }\n *\n * constructor() {\n * this.adjective = 'awesome';\n * }\n *\n * // Define the element's template\n * render() {\n * return html`<p>your ${adjective} template here</p>`;\n * }\n * }\n *\n * customElements.define('my-element', MyElement);\n * ```\n *\n * `LitElement` extends {@linkcode ReactiveElement} and adds lit-html\n * templating. The `ReactiveElement` class is provided for users that want to\n * build their own custom element base classes that don't use lit-html.\n *\n * @packageDocumentation\n */\nimport {PropertyValues, ReactiveElement} from '@lit/reactive-element';\nimport {render, RenderOptions, noChange, RootPart} from 'lit-html';\nexport * from '@lit/reactive-element';\nexport * from 'lit-html';\n\nimport {LitUnstable} from 'lit-html';\nimport {ReactiveUnstable} from '@lit/reactive-element';\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace Unstable {\n /**\n * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n * we will emit 'lit-debug' events to window, with live details about the update and render\n * lifecycle. These can be useful for writing debug tooling and visualizations.\n *\n * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n * making certain operations that are normally very cheap (like a no-op render) much slower,\n * because we must copy data and dispatch events.\n */\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace DebugLog {\n export type Entry =\n | LitUnstable.DebugLog.Entry\n | ReactiveUnstable.DebugLog.Entry;\n }\n}\n/*\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\n/*@__INLINE__*/\nconst JSCompiler_renameProperty = <P extends PropertyKey>(\n prop: P,\n _obj: unknown\n): P => prop;\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n // Ensure warnings are issued only 1x, even if multiple versions of Lit\n // are loaded.\n const issuedWarnings: Set<string | undefined> =\n (globalThis.litIssuedWarnings ??= new Set());\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += ` See https://lit.dev/msg/${code} for more information.`;\n if (!issuedWarnings.has(warning)) {\n console.warn(warning);\n issuedWarnings.add(warning);\n }\n };\n}\n\n/**\n * Base element class that manages element properties and attributes, and\n * renders a lit-html template.\n *\n * To define a component, subclass `LitElement` and implement a\n * `render` method to provide the component's template. Define properties\n * using the {@linkcode LitElement.properties properties} property or the\n * {@linkcode property} decorator.\n */\nexport class LitElement extends ReactiveElement {\n // This property needs to remain unminified.\n static ['_$litElement$'] = true;\n\n /**\n * @category rendering\n */\n readonly renderOptions: RenderOptions = {host: this};\n\n private __childPart: RootPart | undefined = undefined;\n\n /**\n * @category rendering\n */\n protected override createRenderRoot() {\n const renderRoot = super.createRenderRoot();\n // When adoptedStyleSheets are shimmed, they are inserted into the\n // shadowRoot by createRenderRoot. Adjust the renderBefore node so that\n // any styles in Lit content render before adoptedStyleSheets. This is\n // important so that adoptedStyleSheets have precedence over styles in\n // the shadowRoot.\n this.renderOptions.renderBefore ??= renderRoot!.firstChild as ChildNode;\n return renderRoot;\n }\n\n /**\n * Updates the element. This method reflects property values to attributes\n * and calls `render` to render DOM via lit-html. Setting properties inside\n * this method will *not* trigger another update.\n * @param changedProperties Map of changed properties with old values\n * @category updates\n */\n protected override update(changedProperties: PropertyValues) {\n // Setting properties in `render` should not trigger an update. Since\n // updates are allowed after super.update, it's important to call `render`\n // before that.\n const value = this.render();\n if (!this.hasUpdated) {\n this.renderOptions.isConnected = this.isConnected;\n }\n super.update(changedProperties);\n this.__childPart = render(value, this.renderRoot, this.renderOptions);\n }\n\n /**\n * Invoked when the component is added to the document's DOM.\n *\n * In `connectedCallback()` you should setup tasks that should only occur when\n * the element is connected to the document. The most common of these is\n * adding event listeners to nodes external to the element, like a keydown\n * event handler added to the window.\n *\n * ```ts\n * connectedCallback() {\n * super.connectedCallback();\n * addEventListener('keydown', this._handleKeydown);\n * }\n * ```\n *\n * Typically, anything done in `connectedCallback()` should be undone when the\n * element is disconnected, in `disconnectedCallback()`.\n *\n * @category lifecycle\n */\n override connectedCallback() {\n super.connectedCallback();\n this.__childPart?.setConnected(true);\n }\n\n /**\n * Invoked when the component is removed from the document's DOM.\n *\n * This callback is the main signal to the element that it may no longer be\n * used. `disconnectedCallback()` should ensure that nothing is holding a\n * reference to the element (such as event listeners added to nodes external\n * to the element), so that it is free to be garbage collected.\n *\n * ```ts\n * disconnectedCallback() {\n * super.disconnectedCallback();\n * window.removeEventListener('keydown', this._handleKeydown);\n * }\n * ```\n *\n * An element may be re-connected after being disconnected.\n *\n * @category lifecycle\n */\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.__childPart?.setConnected(false);\n }\n\n /**\n * Invoked on each update to perform rendering tasks. This method may return\n * any value renderable by lit-html's `ChildPart` - typically a\n * `TemplateResult`. Setting properties inside this method will *not* trigger\n * the element to update.\n * @category rendering\n */\n protected render(): unknown {\n return noChange;\n }\n}\n\n/**\n * Ensure this class is marked as `finalized` as an optimization ensuring\n * it will not needlessly try to `finalize`.\n *\n * Note this property name is a string to prevent breaking Closure JS Compiler\n * optimizations. See @lit/reactive-element for more information.\n */\n(LitElement as unknown as Record<string, unknown>)[\n JSCompiler_renameProperty('finalized', LitElement)\n] = true;\n\n// Install hydration if available\nglobalThis.litElementHydrateSupport?.({LitElement});\n\n// Apply polyfills if available\nconst polyfillSupport = DEV_MODE\n ? globalThis.litElementPolyfillSupportDevMode\n : globalThis.litElementPolyfillSupport;\npolyfillSupport?.({LitElement});\n\n/**\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\n *\n * Private exports for use by other Lit packages, not intended for use by\n * external users.\n *\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\n * to keep a number of (otherwise private) top-level exports mangled in the\n * client side code, we export a _$LE object containing those members (or\n * helper methods for accessing private fields of those members), and then\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\n * client-side code is being used in `dev` mode or `prod` mode.\n *\n * This has a unique name, to disambiguate it from private exports in\n * lit-html, since this module re-exports all of lit-html.\n *\n * @private\n */\nexport const _$LE = {\n _$attributeToProperty: (\n el: LitElement,\n name: string,\n value: string | null\n ) => {\n // eslint-disable-next-line\n (el as any)._$attributeToProperty(name, value);\n },\n // eslint-disable-next-line\n _$changedProperties: (el: LitElement) => (el as any)._$changedProperties,\n};\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for LitElement usage.\n(globalThis.litElementVersions ??= []).push('4.1.0');\nif (DEV_MODE && globalThis.litElementVersions.length > 1) {\n issueWarning!(\n 'multiple-versions',\n `Multiple versions of Lit loaded. Loading multiple versions ` +\n `is not recommended.`\n );\n}\n", "import { css } from 'lit';\n\nexport default css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n`;\n", "import { CSSResult, LitElement } from 'lit';\nimport styles from './component.styles';\n\n/**\n * Core Component class to ultimately be inherited by all Web Components within\n * this package.\n *\n * LitElement defines class and style automatically to allow passing in styling\n * overrides. We are keeping those to allow for further customization.\n *\n * @public\n */\nclass Component extends LitElement {\n /**\n * Register `this` extended `Component` Class as a custom element within the\n * DOM's custom elements registry.\n *\n * @remarks\n * This method must be called in order for this component to be consumable\n * within the DOM.\n *\n * @example\n * ```ts\n * import CustomComponent from './custom-component';\n *\n * // Standard registration.\n * CustomComponent.register();\n *\n * // Custom registration.\n * CustomComponent.register({\n * name: 'custom-component',\n * prefix: 'prefix',\n * });\n *\n * export default CustomComponent;\n * ```\n *\n *\n * @returns - Void.\n */\n public static register(namespace: string): void {\n if (customElements.get(namespace)) {\n return;\n }\n\n customElements.define(namespace, this as any);\n }\n\n /**\n * Styles associated with the Base Component.\n */\n public static override styles: Array<CSSResult> = [styles];\n}\n\nexport default Component;\n", "import Component from './component.component';\n\nexport type {\n RegisterOptions as ComponentRegisterOptions,\n} from './component.types';\n\nexport default Component;\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ContextType, Context} from './create-context.js';\n\ndeclare global {\n interface HTMLElementEventMap {\n /**\n * A 'context-request' event can be emitted by any element which desires\n * a context value to be injected by an external provider.\n */\n 'context-request': ContextRequestEvent<Context<unknown, unknown>>;\n }\n}\n\n/**\n * A callback which is provided by a context requester and is called with the value satisfying the request.\n * This callback can be called multiple times by context providers as the requested value is changed.\n */\nexport type ContextCallback<ValueType> = (\n value: ValueType,\n unsubscribe?: () => void\n) => void;\n\n/**\n * Interface definition for a ContextRequest\n */\nexport interface ContextRequest<C extends Context<unknown, unknown>> {\n readonly context: C;\n readonly callback: ContextCallback<ContextType<C>>;\n readonly subscribe?: boolean;\n}\n\n/**\n * An event fired by a context requester to signal it desires a specified context with the given key.\n *\n * A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n *\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * method to the callback which consumers can invoke to indicate they no longer wish to receive these updates.\n *\n * If no `subscribe` value is present in the event, then the provider can assume that this is a 'one time'\n * request for the context and can therefore not track the consumer.\n */\nexport class ContextRequestEvent<C extends Context<unknown, unknown>>\n extends Event\n implements ContextRequest<C>\n{\n readonly context: C;\n readonly callback: ContextCallback<ContextType<C>>;\n readonly subscribe?: boolean;\n\n /**\n *\n * @param context the context key to request\n * @param callback the callback that should be invoked when the context with the specified key is available\n * @param subscribe when, true indicates we want to subscribe to future updates\n */\n constructor(\n context: C,\n callback: ContextCallback<ContextType<C>>,\n subscribe?: boolean\n ) {\n super('context-request', {bubbles: true, composed: true});\n this.context = context;\n this.callback = callback;\n this.subscribe = subscribe ?? false;\n }\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {\n ContextCallback,\n ContextRequestEvent,\n} from '../context-request-event.js';\nimport type {Context, ContextType} from '../create-context.js';\nimport type {\n ReactiveController,\n ReactiveControllerHost,\n} from '@lit/reactive-element';\n\nexport interface Options<C extends Context<unknown, unknown>> {\n context: C;\n callback?: (value: ContextType<C>, dispose?: () => void) => void;\n subscribe?: boolean;\n}\n\n/**\n * A ReactiveController which adds context consuming behavior to a custom\n * element by dispatching `context-request` events.\n *\n * When the host element is connected to the document it will emit a\n * `context-request` event with its context key. When the context request\n * is satisfied the controller will invoke the callback, if present, and\n * trigger a host update so it can respond to the new value.\n *\n * It will also call the dispose method given by the provider when the\n * host element is disconnected.\n */\nexport class ContextConsumer<\n C extends Context<unknown, unknown>,\n HostElement extends ReactiveControllerHost & HTMLElement,\n> implements ReactiveController\n{\n protected host: HostElement;\n private context: C;\n private callback?: (value: ContextType<C>, dispose?: () => void) => void;\n private subscribe = false;\n\n private provided = false;\n\n value?: ContextType<C> = undefined;\n\n constructor(host: HostElement, options: Options<C>);\n /** @deprecated Use new ContextConsumer(host, options) */\n constructor(\n host: HostElement,\n context: C,\n callback?: (value: ContextType<C>, dispose?: () => void) => void,\n subscribe?: boolean\n );\n constructor(\n host: HostElement,\n contextOrOptions: C | Options<C>,\n callback?: (value: ContextType<C>, dispose?: () => void) => void,\n subscribe?: boolean\n ) {\n this.host = host;\n // This is a potentially fragile duck-type. It means a context object can't\n // have a property name context and be used in positional argument form.\n if ((contextOrOptions as Options<C>).context !== undefined) {\n const options = contextOrOptions as Options<C>;\n this.context = options.context;\n this.callback = options.callback;\n this.subscribe = options.subscribe ?? false;\n } else {\n this.context = contextOrOptions as C;\n this.callback = callback;\n this.subscribe = subscribe ?? false;\n }\n this.host.addController(this);\n }\n\n private unsubscribe?: () => void;\n\n hostConnected(): void {\n this.dispatchRequest();\n }\n\n hostDisconnected(): void {\n if (this.unsubscribe) {\n this.unsubscribe();\n this.unsubscribe = undefined;\n }\n }\n\n private dispatchRequest() {\n this.host.dispatchEvent(\n new ContextRequestEvent(this.context, this._callback, this.subscribe)\n );\n }\n\n // This function must have stable identity to properly dedupe in ContextRoot\n // if this element connects multiple times.\n private _callback: ContextCallback<ContextType<C>> = (value, unsubscribe) => {\n // some providers will pass an unsubscribe function indicating they may provide future values\n if (this.unsubscribe) {\n // if the unsubscribe function changes this implies we have changed provider\n if (this.unsubscribe !== unsubscribe) {\n // cleanup the old provider\n this.provided = false;\n this.unsubscribe();\n }\n // if we don't support subscription, immediately unsubscribe\n if (!this.subscribe) {\n this.unsubscribe();\n }\n }\n\n // store the value so that it can be retrieved from the controller\n this.value = value;\n // schedule an update in case this value is used in a template\n this.host.requestUpdate();\n\n // only invoke callback if we are either expecting updates or have not yet\n // been provided a value\n if (!this.provided || this.subscribe) {\n this.provided = true;\n if (this.callback) {\n this.callback(value, unsubscribe);\n }\n }\n\n this.unsubscribe = unsubscribe;\n };\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ContextCallback} from './context-request-event.js';\n\n/**\n * A disposer function\n */\ntype Disposer = () => void;\n\ninterface CallbackInfo {\n disposer: Disposer;\n consumerHost: Element;\n}\n\n/**\n * A simple class which stores a value, and triggers registered callbacks when\n * the value is changed via its setter.\n *\n * An implementor might use other observable patterns such as MobX or Redux to\n * get behavior like this. But this is a pretty minimal approach that will\n * likely work for a number of use cases.\n */\nexport class ValueNotifier<T> {\n protected readonly subscriptions = new Map<\n ContextCallback<T>,\n CallbackInfo\n >();\n private _value!: T;\n get value(): T {\n return this._value;\n }\n set value(v: T) {\n this.setValue(v);\n }\n\n setValue(v: T, force = false) {\n const update = force || !Object.is(v, this._value);\n this._value = v;\n if (update) {\n this.updateObservers();\n }\n }\n\n constructor(defaultValue?: T) {\n if (defaultValue !== undefined) {\n this.value = defaultValue;\n }\n }\n\n updateObservers = (): void => {\n for (const [callback, {disposer}] of this.subscriptions) {\n callback(this._value, disposer);\n }\n };\n\n addCallback(\n callback: ContextCallback<T>,\n consumerHost: Element,\n subscribe?: boolean\n ): void {\n if (!subscribe) {\n // just call the callback once and we're done\n callback(this.value);\n return;\n }\n if (!this.subscriptions.has(callback)) {\n this.subscriptions.set(callback, {\n disposer: () => {\n this.subscriptions.delete(callback);\n },\n consumerHost,\n });\n }\n const {disposer} = this.subscriptions.get(callback)!;\n callback(this.value, disposer);\n }\n\n clearCallbacks(): void {\n this.subscriptions.clear();\n }\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ContextRequestEvent} from '../context-request-event.js';\nimport {ValueNotifier} from '../value-notifier.js';\nimport type {Context, ContextType} from '../create-context.js';\nimport type {\n ReactiveController,\n ReactiveControllerHost,\n} from '@lit/reactive-element';\n\ndeclare global {\n interface HTMLElementEventMap {\n /**\n * A 'context-provider' event can be emitted by any element which hosts\n * a context provider to indicate it is available for use.\n */\n 'context-provider': ContextProviderEvent<Context<unknown, unknown>>;\n }\n}\n\nexport class ContextProviderEvent<\n C extends Context<unknown, unknown>,\n> extends Event {\n readonly context: C;\n\n /**\n *\n * @param context the context which this provider can provide\n */\n constructor(context: C) {\n super('context-provider', {bubbles: true, composed: true});\n this.context = context;\n }\n}\n\nexport interface Options<C extends Context<unknown, unknown>> {\n context: C;\n initialValue?: ContextType<C>;\n}\n\ntype ReactiveElementHost = Partial<ReactiveControllerHost> & HTMLElement;\n\n/**\n * A ReactiveController which adds context provider behavior to a\n * custom element.\n *\n * This controller simply listens to the `context-request` event when\n * the host is connected to the DOM and registers the received callbacks\n * against its observable Context implementation.\n *\n * The controller may also be attached to any HTML element in which case it's\n * up to the user to call hostConnected() when attached to the DOM. This is\n * done automatically for any custom elements implementing\n * ReactiveControllerHost.\n */\nexport class ContextProvider<\n T extends Context<unknown, unknown>,\n HostElement extends ReactiveElementHost = ReactiveElementHost,\n >\n extends ValueNotifier<ContextType<T>>\n implements ReactiveController\n{\n protected readonly host: HostElement;\n private readonly context: T;\n\n constructor(host: HostElement, options: Options<T>);\n /** @deprecated Use new ContextProvider(host, options) */\n constructor(host: HostElement, context: T, initialValue?: ContextType<T>);\n constructor(\n host: HostElement,\n contextOrOptions: T | Options<T>,\n initialValue?: ContextType<T>\n ) {\n super(\n (contextOrOptions as Options<T>).context !== undefined\n ? (contextOrOptions as Options<T>).initialValue\n : initialValue\n );\n this.host = host;\n if ((contextOrOptions as Options<T>).context !== undefined) {\n this.context = (contextOrOptions as Options<T>).context;\n } else {\n this.context = contextOrOptions as T;\n }\n this.attachListeners();\n this.host.addController?.(this);\n }\n\n onContextRequest = (\n ev: ContextRequestEvent<Context<unknown, unknown>>\n ): void => {\n // Only call the callback if the context matches.\n // Also, in case an element is a consumer AND a provider\n // of the same context, we want to avoid the element to self-register.\n // The check on composedPath (as opposed to ev.target) is to cover cases\n // where the consumer is in the shadowDom of the provider (in which case,\n // event.target === this.host because of event retargeting).\n const consumerHost = ev.composedPath()[0] as Element;\n if (ev.context !== this.context || consumerHost === this.host) {\n return;\n }\n ev.stopPropagation();\n this.addCallback(ev.callback, consumerHost, ev.subscribe);\n };\n\n /**\n * When we get a provider request event, that means a child of this element\n * has just woken up. If it's a provider of our context, then we may need to\n * re-parent our subscriptions, because is a more specific provider than us\n * for its subtree.\n */\n onProviderRequest = (\n ev: ContextProviderEvent<Context<unknown, unknown>>\n ): void => {\n // Ignore events when the context doesn't match.\n // Also, in case an element is a consumer AND a provider\n // of the same context it shouldn't provide to itself.\n // We use composedPath (as opposed to ev.target) to cover cases\n // where the consumer is in the shadowDom of the provider (in which case,\n // event.target === this.host because of event retargeting).\n const childProviderHost = ev.composedPath()[0] as Element;\n if (ev.context !== this.context || childProviderHost === this.host) {\n return;\n }\n // Re-parent all of our subscriptions in case this new child provider\n // should take them over.\n const seen = new Set<unknown>();\n for (const [callback, {consumerHost}] of this.subscriptions) {\n // Prevent infinite loops in the case where a one host element\n // is providing the same context multiple times.\n //\n // While normally it's a no-op to attempt to re-parent a subscription\n // that already has its proper parent, in the case where there's more\n // than one ValueProvider for the same context on the same hostElement,\n // they will each call the consumer, and since they will each have their\n // own dispose function, a well behaved consumer will notice the change\n // in dispose function and call their old one.\n //\n // This will cause the subscriptions to thrash, but worse, without this\n // set check here, we can end up in an infinite loop, as we add and remove\n // the same subscriptions onto the end of the map over and over.\n if (seen.has(callback)) {\n continue;\n }\n seen.add(callback);\n consumerHost.dispatchEvent(\n new ContextRequestEvent(this.context, callback, true)\n );\n }\n ev.stopPropagation();\n };\n\n private attachListeners() {\n this.host.addEventListener('context-request', this.onContextRequest);\n this.host.addEventListener('context-provider', this.onProviderRequest);\n }\n\n hostConnected(): void {\n // emit an event to signal a provider is available for this context\n this.host.dispatchEvent(new ContextProviderEvent(this.context));\n }\n}\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n display: contents;\n }\n`;\n\nexport default styles;\n", "import { ContextProvider } from '@lit/context';\nimport { CSSResult, html } from 'lit';\n\nimport Component from '../component';\n\nimport styles from './provider.styles';\n\ntype ConstructorOptions<C> = {\n context: { __context__: C };\n initialValue?: C;\n};\n\n/**\n * Provider Component class to ultimately be inherited by all Provider-type Web\n * Components within this package.\n *\n * @public\n */\nabstract class Provider<C> extends Component {\n /**\n * Constructor of the Provider.\n *\n * Execute in the constructor of the provider implementation,\n * like so\n *\n * ```\n * constructor() {\n * super(TAG_NAME, {initialValue: new ContextClass(defaultValues)});\n * }\n * ```\n * @param host - host of where the context will be hooked onto, e.g. this\n * @param context - context (returned by createContext)\n * @param initialValue - initialValue of the ContextClass, like `new ContextClass(defaultValues)`\n */\n constructor({ context, initialValue }: ConstructorOptions<C>) {\n super();\n\n this.context = new ContextProvider(this, {\n context,\n initialValue,\n });\n }\n\n /**\n * Context associated with this provider.\n *\n * @remarks\n * Providing a Context type as a generic when creating extended Provider Class\n * definitions will help enforce the property validation.\n */\n protected context: ContextProvider<{ __context__: C }>;\n\n /**\n * Styles associated with this Provider Component.\n */\n public static override styles: Array<CSSResult> = [...Component.styles, styles];\n\n /**\n * Update the context of this Provider and trigger its consumers to update.\n *\n * @remarks\n * This method is called every time this Provider is re-rendered and should\n * be used to update the local Context based on any deltas between this\n * Provider's attributes and this Provider's context that caused the\n * re-render. If the `render()` method is overwritten, this call must be made\n * manually.\n */\n protected abstract updateContext(): void;\n\n /**\n * Render this Provider.\n *\n * @remarks\n * This method calls `updateContext()` then validates whether or not to\n * update all consumers based on the results of the `shouldUpdateConsumers`\n * getter.\n *\n * @returns - This Provider as an HTML Element.\n */\n public override render() {\n this.updateContext();\n\n return html`<slot></slot>`;\n }\n}\n\nexport default Provider;\n", "import Provider from './provider.component';\n\nexport default Provider;\n", "import { createContext } from '@lit/context';\n\nimport { TAG_NAME } from './themeprovider.constants';\n\nclass ThemeProviderContext {\n public themeclass?: string;\n\n // create typed lit context as part of the ThemeProviderContext\n public static context = createContext<ThemeProviderContext>(TAG_NAME);\n\n // constructor to allow setting the defaultThemeClass\n constructor(defaultThemeClass?: string) {\n this.themeclass = defaultThemeClass;\n }\n}\n\nexport default ThemeProviderContext;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);\n --mdc-themeprovider-font-family: var(--mds-font-family-primary);\n --mdc-themeprovider-font-weight: 400;\n /* adjusting Inter's letter spacing to better match the old CiscoSans */\n --mdc-themeprovider-letter-spacing-adjustment: -0.25px;\n\n color: var(--mdc-themeprovider-color-default);\n font-family: var(--mdc-themeprovider-font-family);\n font-weight: var(--mdc-themeprovider-font-weight);\n letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);\n }\n`;\n\nexport default [styles];\n", "import { property, state } from 'lit/decorators.js';\nimport { CSSResult } from 'lit';\nimport { DEFAULTS } from './themeprovider.constants';\nimport { Provider } from '../../models';\nimport ThemeProviderContext from './themeprovider.context';\nimport styles from './themeprovider.styles';\n\n/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n */\nclass ThemeProvider extends Provider<ThemeProviderContext> {\n constructor() {\n super({\n context: ThemeProviderContext.context,\n initialValue: new ThemeProviderContext(DEFAULTS.THEMECLASS),\n });\n }\n\n /**\n * Context object of the ThemeProvider, to be consumed by child components\n */\n public static get Context() {\n return ThemeProviderContext.context;\n }\n\n /**\n * To keep track of the current theme class\n * @internal\n */\n @state()\n private currentThemeClass?: string;\n\n /**\n * Current theme class\n *\n * Has to be fully qualified, such that\n * the theme class matches the class of the respective\n * theme stylesheet\n *\n * Default: 'mds-theme-stable-darkWebex'\n */\n @property({ type: String })\n themeclass: string = DEFAULTS.THEMECLASS;\n\n protected override updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('themeclass')) {\n this.setThemeInClassList();\n this.currentThemeClass = this.themeclass;\n }\n }\n\n /**\n * Update all observing components of this\n * provider to update the themeclass\n *\n * Is called on every re-render, see Provider class\n */\n protected updateContext(): void {\n if (this.context.value.themeclass !== this.themeclass) {\n this.context.value.themeclass = this.themeclass;\n\n this.context.updateObservers();\n }\n }\n\n /**\n * Function to update the active theme classnames to update the theme tokens\n * as CSS variables on the web component.\n */\n private setThemeInClassList() {\n // remove all existing theme classes from the classList:\n if (this.currentThemeClass) {\n this.classList.remove(...this.currentThemeClass.split(' '));\n }\n // add current theme class to classList:\n if (this.themeclass) {\n this.classList.add(...this.themeclass.split(' '));\n }\n }\n\n public static override styles: Array<CSSResult> = [...Provider.styles, ...styles];\n}\n\nexport default ThemeProvider;\n", "import ThemeProvider from './themeprovider.component';\nimport { TAG_NAME } from './themeprovider.constants';\n\nThemeProvider.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-themeprovider']: ThemeProvider\n }\n}\n\nexport default ThemeProvider;\n", "import { css } from 'lit';\n\nconst hostFitContentStyles = css`\n :host {\n align-items: center;\n display: flex;\n height: fit-content;\n justify-content: center;\n width: fit-content;\n }\n`;\n\nconst hostFocusRingStyles = css`\n :host {\n --mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);\n --mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);\n --mdc-focus-ring-outer-color: var(--mds-color-theme-focus-default-2); \n\n --mdc-focus-ring-inner-width: 0.125rem;\n --mdc-focus-ring-middle-width: calc(2 * var(--mdc-focus-ring-inner-width));\n --mdc-focus-ring-outer-width: calc(0.0625rem + var(--mdc-focus-ring-middle-width));\n\n --mdc-focus-ring-middle-offset: var(--mdc-focus-ring-inner-width);\n --mdc-focus-ring-outer-offset: calc(var(--mdc-focus-ring-inner-width) + var(--mdc-focus-ring-middle-width));\n }\n :host([disabled]:focus) {\n box-shadow: none;\n }\n :host(:focus) {\n position: relative;\n box-shadow: \n 0 0 0 var(--mdc-focus-ring-inner-width) var(--mdc-focus-ring-inner-color),\n 0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),\n 0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color);\n }\n\n /* High Contrast Mode */\n @media (forced-colors: active) {\n :host(:focus) {\n outline: 0.125rem solid var(--mds-color-theme-focus-default-0);\n }\n }\n`;\n\nexport { hostFitContentStyles, hostFocusRingStyles };\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [\n hostFitContentStyles,\n css`\n :host {\n --mdc-icon-fill-color: currentColor;\n }\n :host::part(icon) {\n height: 100%;\n width: 100%;\n fill: var(--mdc-icon-fill-color);\n }\n `,\n];\n\nexport default styles;\n", "import { Context, ContextConsumer } from '@lit/context';\nimport { ReactiveElement } from 'lit';\n\ntype ConsumeOptions<C> = {\n host: ReactiveElement;\n context: C;\n subscribe?:boolean\n}\nconst consume = <C extends Context<unknown, unknown>>(options: ConsumeOptions<C>) => {\n const { host, context, subscribe } = options;\n\n return new ContextConsumer<C, typeof host>(host, {\n context,\n subscribe: subscribe ?? true,\n });\n};\n\nconst providerUtils = {\n consume,\n};\nexport default providerUtils;\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('iconprovider');\n\nconst ALLOWED_FILE_EXTENSIONS = ['svg'];\nconst ALLOWED_LENGTH_UNITS = ['em', 'rem', 'px'];\nconst LENGTH_UNIT_SIZE = {\n px: 16,\n em: 1,\n rem: 1,\n} as Record<string, number>;\n\nconst DEFAULTS = {\n FILE_EXTENSION: 'svg',\n LENGTH_UNIT: 'em',\n SIZE: LENGTH_UNIT_SIZE.em,\n} as const;\n\nexport { TAG_NAME, DEFAULTS, ALLOWED_FILE_EXTENSIONS, ALLOWED_LENGTH_UNITS, LENGTH_UNIT_SIZE };\n", "import { createContext } from '@lit/context';\n\nimport { TAG_NAME } from './iconprovider.constants';\n\nclass IconProviderContext {\n public fileExtension?: string;\n\n public url?: string;\n\n public lengthUnit?: string;\n\n public size?: number;\n\n // create typed lit context as part of the IconProviderContext\n public static readonly context = createContext<IconProviderContext>(TAG_NAME);\n}\n\nexport default IconProviderContext;\n", "import { property } from 'lit/decorators.js';\nimport { Provider } from '../../models';\nimport IconProviderContext from './iconprovider.context';\nimport {\n ALLOWED_FILE_EXTENSIONS,\n DEFAULTS,\n ALLOWED_LENGTH_UNITS } from './iconprovider.constants';\n\n/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Bundling icons will be up to the consumer of this component, such\n * that only a url has to be passed in from which the icons will be\n * fetched.\n *\n * @tagname mdc-iconprovider\n *\n * @slot - children\n */\nclass IconProvider extends Provider<IconProviderContext> {\n constructor() {\n // initialise the context by running the Provider constructor:\n super({\n context: IconProviderContext.context,\n initialValue: new IconProviderContext(),\n });\n }\n\n /**\n * Context object of the IconProvider, to be consumed by child components\n */\n public static get Context() {\n return IconProviderContext.context;\n }\n\n /**\n * Url of where icons will be fetched from\n */\n @property({ type: String })\n url?: string;\n\n /**\n * File extension of icons\n * @default svg\n */\n @property({ type: String, attribute: 'file-extension', reflect: true })\n fileExtension?: string = DEFAULTS.FILE_EXTENSION;\n\n /**\n * Length unit used for sizing of icons\n * @default em\n */\n @property({ type: String, attribute: 'length-unit', reflect: true })\n lengthUnit: string = DEFAULTS.LENGTH_UNIT;\n\n /**\n * The default size of the icon.\n * If not set, it falls back to the size defined by the length unit.\n * @default 1\n */\n @property({ type: Number, reflect: true })\n size?: number = DEFAULTS.SIZE;\n\n private updateValuesInContext() {\n // only update fileExtension on context if its an allowed fileExtension\n if (this.fileExtension && ALLOWED_FILE_EXTENSIONS.includes(this.fileExtension)) {\n this.context.value.fileExtension = this.fileExtension;\n } else {\n // Ensure both fileExtension and context are updated to the default if its not an allowed fileExtension\n this.fileExtension = DEFAULTS.FILE_EXTENSION;\n this.context.value.fileExtension = DEFAULTS.FILE_EXTENSION;\n }\n this.context.value.url = this.url;\n this.context.value.size = this.size;\n\n if (this.lengthUnit && ALLOWED_LENGTH_UNITS.includes(this.lengthUnit)) {\n this.context.value.lengthUnit = this.lengthUnit;\n } else {\n // Ensure both lengthUnit and context are updated to the default if its not an allowed lengthUnit\n this.lengthUnit = DEFAULTS.LENGTH_UNIT;\n this.context.value.lengthUnit = DEFAULTS.LENGTH_UNIT;\n }\n }\n\n protected updateContext(): void {\n if (\n this.context.value.fileExtension !== this.fileExtension\n || this.context.value.url !== this.url\n || this.context.value.lengthUnit !== this.lengthUnit\n || this.context.value.size !== this.size\n ) {\n this.updateValuesInContext();\n this.context.updateObservers();\n }\n }\n}\nexport default IconProvider;\n", "/* eslint-disable implicit-arrow-linebreak */\n\n/**\n * Fetches a dynamic SVG icon based on the provided `url`, `name` and `fileExtension`.\n * It will throw an error if the response is not ok.\n *\n * @param url - The base url of the icon\n * @param name - The name of the icon\n * @param fileExtension - The file extension of the icon\n * @param signal - The signal to abort the fetch.\n * It is used to cancel the fetch when the component is disconnected or updated.\n * @returns The valid icon element\n * @throws Error if the response is not ok\n */\nconst dynamicSVGImport = async (\n url: string,\n name: string,\n fileExtension: string,\n signal: AbortSignal,\n): Promise<Element> => {\n const response = await fetch(`${url}/${name}.${fileExtension}`, { signal });\n\n if (!response.ok) {\n throw new Error('There was a problem while fetching the icon!');\n }\n\n const iconResponse = await response.text();\n const returnValue = new DOMParser().parseFromString(iconResponse, 'text/html').body.children[0];\n returnValue.setAttribute('data-name', name);\n returnValue.setAttribute('part', 'icon');\n return returnValue;\n};\n\nexport { dynamicSVGImport };\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('icon');\n\nconst DEFAULTS = {\n NAME: undefined,\n SIZE: 1,\n} as const;\n\nexport { TAG_NAME, DEFAULTS };\n", "import { CSSResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './icon.styles';\nimport { Component } from '../../models';\nimport providerUtils from '../../utils/provider';\nimport IconProvider from '../iconprovider/iconprovider.component';\nimport { dynamicSVGImport } from './icon.utils';\nimport { DEFAULTS } from './icon.constants';\nimport type { IconNames } from './icon.types';\n\n/**\n * Icon component that dynamically displays SVG icons based on a valid name.\n *\n * This component must be mounted within an `IconProvider` component.\n *\n * The `IconProvider` defines the source URL from which icons are consumed.\n * The `Icon` component accepts a `name` attribute, which corresponds to\n * the file name of the icon to be loaded from the specified URL.\n *\n * Once fetched, the icon will be rendered. If the fetching process is unsuccessful,\n * no icon will be displayed.\n *\n * The `size` attribute allows for dynamic sizing of the icon based on the provided\n * `length-unit` attribute. This unit can either come from the `IconProvider`\n * or can be overridden for each individual icon. For example:\n * if `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n * `width: 1em; height: 1em`.\n *\n * Regarding accessibility, there are two types of icons: decorative and informative.\n *\n * ### Decorative Icons\n * - Decorative icons do not convey any essential information to the content of a page.\n * - They should be hidden from screen readers (SR) to prevent confusion for users.\n * - For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n *\n * ### Informative Icons\n * - Informative icons convey important information that is not adequately represented\n * by surrounding text or components.\n * - They provide valuable context and must be announced by assistive technologies.\n * - For informative icons, an `aria-label` is required, and the `role` will be set to \"img\".\n * - If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n * the role will be unset.\n *\n * @tagname mdc-icon\n *\n * @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.\n */\nclass Icon extends Component {\n @state()\n private iconData?: HTMLElement;\n\n @state()\n private lengthUnitFromContext?: string;\n\n @state()\n private sizeFromContext?: number;\n\n /**\n * Name of the icon (= filename)\n */\n @property({ type: String, reflect: true })\n name?: IconNames = DEFAULTS.NAME;\n\n /**\n * Size of the icon (works in combination with length unit)\n */\n @property({ type: Number })\n size?: number;\n\n /**\n * Length unit attribute for overriding length-unit from `IconProvider`\n */\n @property({ type: String, attribute: 'length-unit' })\n lengthUnit?: string;\n\n /**\n * Aria-label attribute to be set for accessibility\n */\n @property({ type: String, attribute: 'aria-label' })\n override ariaLabel: string | null = null;\n\n private readonly iconProviderContext = providerUtils.consume({ host: this, context: IconProvider.Context });\n\n @state() private abortController: AbortController;\n\n constructor() {\n super();\n this.abortController = new AbortController(); // Initialize AbortController\n }\n\n /**\n * Dispatches a 'load' event on the component once the icon has been successfully loaded.\n * This event bubbles and is cancelable.\n */\n private triggerIconLoaded(): void {\n const loadEvent = new Event('load', {\n bubbles: true,\n cancelable: true,\n });\n this.dispatchEvent(loadEvent);\n }\n\n /**\n * Get Icon Data function which will fetch the icon (currently only svg)\n * and sets state and attributes once fetched successfully\n *\n * This method uses abortController.signal to cancel the fetch request when the component is disconnected or updated.\n * If the request is aborted after the fetch() call has been fulfilled but before the response body has been read,\n * then attempting to read the response body will reject with an AbortError exception.\n */\n private async getIconData() {\n if (this.iconProviderContext.value) {\n const { fileExtension, url } = this.iconProviderContext.value;\n if (url && fileExtension && this.name) {\n this.abortController.abort();\n this.abortController = new AbortController();\n try {\n const iconHtml = await dynamicSVGImport(url, this.name, fileExtension, this.abortController.signal);\n this.handleIconLoadedSuccess(iconHtml as HTMLElement);\n } catch (error) {\n this.handleIconLoadedFailure(error);\n }\n }\n }\n }\n\n /**\n * Sets the iconData state to the fetched icon,\n * and calls functions to set role, aria-label and aria-hidden attributes on the icon.\n * Dispatches a 'load' event on the component once the icon has been successfully loaded.\n * @param iconHtml - The icon html element which has been fetched from the icon provider.\n */\n private handleIconLoadedSuccess(iconHtml: HTMLElement) {\n // update iconData state once fetched:\n this.iconData = iconHtml;\n\n // when icon is fetched successfully, set the role, aria-label and invoke function to trigger icon load event.\n this.setRoleOnIcon();\n this.setAriaLabelOnIcon();\n this.setAriaHiddenOnIcon();\n this.triggerIconLoaded();\n }\n\n /**\n * Dispatches an 'error' event on the component when the icon fetching has failed.\n * This event bubbles and is cancelable.\n * The error detail is set to the error object.\n */\n private handleIconLoadedFailure(error: unknown) {\n const errorEvent = new CustomEvent('error', {\n bubbles: true,\n cancelable: true,\n detail: { error },\n });\n this.dispatchEvent(errorEvent);\n }\n\n /**\n * Updates the size by setting the width and height\n */\n private updateSize() {\n if (this.computedIconSize && (this.lengthUnit || this.lengthUnitFromContext)) {\n const value = `${this.computedIconSize}${this.lengthUnit ?? this.lengthUnitFromContext}`;\n this.style.width = value;\n this.style.height = value;\n }\n }\n\n private setRoleOnIcon() {\n this.role = this.ariaLabel ? 'img' : null;\n }\n\n private setAriaHiddenOnIcon() {\n // set aria-hidden=true for SVG to avoid screen readers\n this.iconData?.setAttribute('aria-hidden', 'true');\n }\n\n private setAriaLabelOnIcon() {\n if (this.ariaLabel) {\n // pass through aria-label attribute to svg if set on mdc-icon\n this.iconData?.setAttribute('aria-label', this.ariaLabel);\n } else {\n this.iconData?.removeAttribute('aria-label');\n }\n }\n\n private get computedIconSize() {\n return this.size ?? this.sizeFromContext ?? DEFAULTS.SIZE;\n }\n\n override updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('name')) {\n // fetch icon data if name changes:\n this.getIconData().catch((err) => {\n if (err.name !== 'AbortError' && this.onerror) {\n this.onerror(err);\n }\n });\n }\n\n if (changedProperties.has('ariaLabel')) {\n this.setRoleOnIcon();\n this.setAriaLabelOnIcon();\n }\n\n if (changedProperties.has('size') || changedProperties.has('lengthUnit')) {\n this.updateSize();\n }\n\n if (this.lengthUnitFromContext !== this.iconProviderContext.value?.lengthUnit) {\n this.lengthUnitFromContext = this.iconProviderContext.value?.lengthUnit;\n this.updateSize();\n }\n\n if (this.sizeFromContext !== this.iconProviderContext.value?.size) {\n this.sizeFromContext = this.iconProviderContext.value?.size;\n this.updateSize();\n }\n }\n\n override render() {\n return html` ${this.iconData} `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Icon;\n", "import Icon from './icon.component';\nimport { TAG_NAME } from './icon.constants';\n\nIcon.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-icon']: Icon\n }\n}\n\nexport default Icon;\n", "import IconProvider from './iconprovider.component';\nimport { TAG_NAME } from './iconprovider.constants';\n\nIconProvider.register(TAG_NAME);\n\nexport default IconProvider;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-iconprovider']: IconProvider\n }\n}\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\n\n/**\n * For AttributeParts, sets the attribute if the value is defined and removes\n * the attribute if the value is undefined.\n *\n * For other part types, this directive is a no-op.\n */\nexport const ifDefined = <T>(value: T) => value ?? nothing;\n", "import utils from '../../utils/tag-name';\nimport type { IconNames } from '../icon/icon.types';\n\nconst TAG_NAME = utils.constructTagName('avatar');\n\nconst AVATAR_TYPE = {\n COUNTER: 'counter',\n ICON: 'icon',\n PHOTO: 'photo',\n TEXT: 'text',\n} as const;\n\nconst MAX_COUNTER = 99;\nconst ICON_NAME: IconNames = 'user-regular';\n\nconst AVATAR_SIZE = {\n 24: 24,\n 32: 32,\n 48: 48,\n 64: 64,\n 72: 72,\n 88: 88,\n 124: 124,\n} as const;\n\nconst DEFAULTS = {\n TYPE: AVATAR_TYPE.PHOTO,\n SIZE: AVATAR_SIZE[32],\n ICON_NAME,\n} as const;\n\nexport {\n TAG_NAME,\n DEFAULTS,\n AVATAR_TYPE,\n MAX_COUNTER,\n AVATAR_SIZE,\n};\n", "import { property } from 'lit/decorators.js';\nimport { DEFAULTS as AVATAR_DEFAULTS } from '../../components/avatar/avatar.constants';\nimport type { AvatarSize } from '../../components/avatar/avatar.types';\nimport type { IconNames } from '../../components/icon/icon.types';\nimport type { PresenceType } from '../../components/presence/presence.types';\nimport type { Component } from '../../models';\nimport type { Constructor } from './index.types';\n\nexport interface AvatarComponentMixinInterface {\n src?: string;\n initials?: string;\n presence?: PresenceType;\n size: AvatarSize;\n iconName?: IconNames;\n counter?: number;\n isTyping: boolean;\n}\n\nexport const AvatarComponentMixin = <T extends Constructor<Component>>(\n superClass: T,\n) => {\n class InnerMixinClass extends superClass {\n /**\n * The src is the url which will be used to display the avatar.\n * When the src is loading, we will display the initials as a placeholder.\n */\n @property({ type: String })\n src?: string;\n\n /**\n * The initials to be displayed for the avatar.\n */\n @property({ type: String })\n initials?: string;\n\n /**\n * The presence is the status which can be used to display the\n * activity state of a user or a space within an avatar component.\n *\n * Acceptable values include:\n * - `active`\n * - `away`\n * - `away-calling`\n * - `busy`\n * - `dnd`\n * - `meeting`\n * - `on-call`\n * - `on-device`\n * - `on-mobile`\n * - `pause`\n * - `pto`\n * - `presenting`\n * - `quiet`\n * - `scheduled`\n */\n @property({ type: String })\n presence?: PresenceType;\n\n /**\n * Acceptable values include (size in px unit):\n * - 24\n * - 32\n * - 48\n * - 64\n * - 72\n * - 88\n * - 124\n *\n * @default 32\n */\n @property({ type: Number, reflect: true, attribute: 'size' })\n size: AvatarSize = AVATAR_DEFAULTS.SIZE;\n\n /**\n * Name of the icon to be displayed inside the Avatar.\n * Must be a valid icon name.\n */\n @property({ type: String, attribute: 'icon-name' })\n iconName?: IconNames;\n\n /**\n * The counter is the number which can be displayed on the avatar.\n * The maximum number is 99 and if the given number is greater than 99,\n * then the avatar will be displayed as `99+`.\n * If the given number is a negative number,\n * then the avatar will be displayed as `0`.\n */\n @property({ type: Number })\n counter?: number;\n\n /**\n * Represents the typing indicator when the user is typing.\n * @default false\n */\n @property({ type: Boolean, attribute: 'is-typing' })\n isTyping = false;\n }\n // Cast return type to your mixin's interface intersected with the superClass type\n return InnerMixinClass as Constructor<AvatarComponentMixinInterface> & T;\n};\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [hostFitContentStyles, css`\n :host {\n --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);\n --mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-avatar-loading-indicator-background-color: var(--mds-color-theme-common-text-primary-disabled);\n --mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);\n --mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);\n }\n :host([size=\"124\"]) .content {\n width: 7.75rem;\n height: 7.75rem;\n }\n :host([size=\"88\"]) .content {\n width: 5.5rem;\n height: 5.5rem;\n }\n :host([size=\"72\"]) .content {\n width: 4.5rem;\n height: 4.5rem;\n }\n :host([size=\"64\"]) .content {\n width: 4rem;\n height: 4rem;\n }\n :host([size=\"48\"]) .content {\n width: 3rem;\n height: 3rem;\n }\n :host([size=\"32\"]) .content {\n width: 2rem;\n height: 2rem;\n }\n :host([size=\"24\"]) .content {\n width: 1.5rem;\n height: 1.5rem;\n }\n :host([size=\"124\"]) .content > .loading__wrapper > .loader {\n transform: scale(1.5);\n }\n :host([size=\"88\"]) .content > .loading__wrapper > .loader {\n transform: scale(1.2);\n }\n :host([size=\"72\"]) .content > .loading__wrapper > .loader,\n :host([size=\"64\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.8);\n }\n :host([size=\"48\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.6);\n }\n :host([size=\"32\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.4);\n }\n :host([size=\"24\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.3);\n }\n .content {\n width: 2rem;\n height: 2rem;\n background-color: var(--mdc-avatar-default-background-color);\n color: var(--mdc-avatar-default-foreground-color);\n border-radius: 100vh;\n position: relative;\n display: grid;\n place-items: center;\n }\n .photo {\n border-radius: 100vh;\n height: 100%;\n width: 100%;\n object-fit: cover;\n overflow: hidden;\n }\n .presence {\n position: absolute;\n bottom: 0;\n right: 0;\n }\n .loading__wrapper {\n position: absolute;\n border-radius: 100vh;\n width: 100%;\n height: 100%;\n background-color: var(--mdc-avatar-loading-overlay-background-color);\n display: grid;\n place-items: center;\n }\n .loader {\n position: absolute;\n width: 1rem;\n transform: scale(0.4);\n aspect-ratio: 1;\n border-radius: 100vh;\n animation: loading-key 1s infinite linear alternate;\n }\n @keyframes loading-key {\n 0% {\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);\n background: var(--mdc-avatar-loading-indicator-foreground-color);\n }\n 33% {\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);\n background: var(--mdc-avatar-loading-indicator-background-color);\n }\n 66% {\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);\n background: var(--mdc-avatar-loading-indicator-background-color);\n }\n 100%{\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);\n background: var(--mdc-avatar-loading-indicator-foreground-color);\n }\n }\n\n /* High Contrast Mode */\n @media (forced-colors: active) {\n .content:not(.photo) {\n outline: 0.125rem solid;\n }\n }\n`];\n\nexport default styles;\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('presence');\n\nconst TYPE = {\n ACTIVE: 'active',\n AWAY: 'away',\n AWAY_CALLING: 'away-calling',\n BUSY: 'busy',\n DND: 'dnd',\n MEETING: 'meeting',\n ON_CALL: 'on-call',\n ON_DEVICE: 'on-device',\n ON_MOBILE: 'on-mobile',\n PAUSE: 'pause',\n PTO: 'pto',\n PRESENTING: 'presenting',\n QUIET: 'quiet',\n SCHEDULED: 'scheduled',\n} as const;\n\nconst SIZE = {\n XX_SMALL: 'xx_small',\n X_SMALL: 'x_small',\n SMALL: 'small',\n MIDSIZE: 'midsize',\n LARGE: 'large',\n X_LARGE: 'x_large',\n XX_LARGE: 'xx_large',\n} as const;\n\nconst DEFAULTS = {\n TYPE: TYPE.ACTIVE,\n SIZE: SIZE.SMALL,\n} as const;\n\nexport { TAG_NAME, DEFAULTS, TYPE, SIZE };\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('text');\n\nconst TYPE = {\n BODY_SMALL_REGULAR: 'body-small-regular',\n BODY_SMALL_MEDIUM: 'body-small-medium',\n BODY_SMALL_BOLD: 'body-small-bold',\n BODY_MIDSIZE_REGULAR: 'body-midsize-regular',\n BODY_MIDSIZE_MEDIUM: 'body-midsize-medium',\n BODY_MIDSIZE_BOLD: 'body-midsize-bold',\n BODY_LARGE_REGULAR: 'body-large-regular',\n BODY_LARGE_MEDIUM: 'body-large-medium',\n BODY_LARGE_BOLD: 'body-large-bold',\n BODY_SMALL_REGULAR_UNDERLINE: 'body-small-regular-underline',\n BODY_SMALL_MEDIUM_UNDERLINE: 'body-small-medium-underline',\n BODY_MIDSIZE_REGULAR_UNDERLINE: 'body-midsize-regular-underline',\n BODY_MIDSIZE_MEDIUM_UNDERLINE: 'body-midsize-medium-underline',\n BODY_LARGE_REGULAR_UNDERLINE: 'body-large-regular-underline',\n BODY_LARGE_MEDIUM_UNDERLINE: 'body-large-medium-underline',\n HEADING_SMALL_REGULAR: 'heading-small-regular',\n HEADING_SMALL_MEDIUM: 'heading-small-medium',\n HEADING_SMALL_BOLD: 'heading-small-bold',\n HEADING_MIDSIZE_REGULAR: 'heading-midsize-regular',\n HEADING_MIDSIZE_MEDIUM: 'heading-midsize-medium',\n HEADING_MIDSIZE_BOLD: 'heading-midsize-bold',\n HEADING_LARGE_REGULAR: 'heading-large-regular',\n HEADING_LARGE_MEDIUM: 'heading-large-medium',\n HEADING_LARGE_BOLD: 'heading-large-bold',\n HEADING_XLARGE_REGULAR: 'heading-xlarge-regular',\n HEADING_XLARGE_MEDIUM: 'heading-xlarge-medium',\n HEADING_XLARGE_BOLD: 'heading-xlarge-bold',\n HEADLINE_SMALL_LIGHT: 'headline-small-light',\n HEADLINE_SMALL_REGULAR: 'headline-small-regular',\n} as const;\n\nconst VALID_TEXT_TAGS = {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n SPAN: 'span',\n DIV: 'div',\n} as const;\n\nconst DEFAULTS = {\n TYPE: TYPE.BODY_LARGE_REGULAR,\n TEXT_ELEMENT_TAGNAME: VALID_TEXT_TAGS.P,\n CSS_PART_TEXT: 'text',\n CHILDREN: 'The quick brown fox jumps over the lazy dog',\n} as const;\n\nexport { TAG_NAME, DEFAULTS, TYPE, VALID_TEXT_TAGS };\n", "import { SIZE as PRESENCE_SIZE } from '../presence/presence.constants';\nimport type { PresenceSize } from '../presence/presence.types';\nimport { TYPE as FONT_TYPE } from '../text/text.constants';\nimport type { TextType } from '../text/text.types';\nimport { AVATAR_SIZE } from './avatar.constants';\nimport type { AvatarSize } from './avatar.types';\n\nconst getPresenceSize = (size: AvatarSize): PresenceSize => {\n const avatarPresenceSizeMap: Record<AvatarSize, PresenceSize> = {\n [AVATAR_SIZE[124]]: PRESENCE_SIZE.XX_LARGE,\n [AVATAR_SIZE[88]]: PRESENCE_SIZE.X_LARGE,\n [AVATAR_SIZE[72]]: PRESENCE_SIZE.LARGE,\n [AVATAR_SIZE[64]]: PRESENCE_SIZE.MIDSIZE,\n [AVATAR_SIZE[48]]: PRESENCE_SIZE.SMALL,\n [AVATAR_SIZE[32]]: PRESENCE_SIZE.X_SMALL,\n [AVATAR_SIZE[24]]: PRESENCE_SIZE.XX_SMALL,\n };\n return avatarPresenceSizeMap[size] || PRESENCE_SIZE.X_SMALL; // default size of presence\n};\n\nconst getAvatarIconSize = (size: AvatarSize): number => {\n const avatarIconSizeMap: Record<AvatarSize, number> = {\n [AVATAR_SIZE[124]]: 4.75,\n [AVATAR_SIZE[88]]: 3,\n [AVATAR_SIZE[72]]: 2.5,\n [AVATAR_SIZE[64]]: 2.25,\n [AVATAR_SIZE[48]]: 1.75,\n [AVATAR_SIZE[32]]: 1.25,\n [AVATAR_SIZE[24]]: 1,\n };\n return avatarIconSizeMap[size] || 1.25; // default size of icon\n};\n\nconst getAvatarTextFontSize = (size: AvatarSize): TextType => {\n const avatarTextFontSizeMap: Record<AvatarSize, TextType> = {\n [AVATAR_SIZE[124]]: FONT_TYPE.HEADING_XLARGE_MEDIUM,\n [AVATAR_SIZE[88]]: FONT_TYPE.HEADING_LARGE_MEDIUM,\n [AVATAR_SIZE[72]]: FONT_TYPE.HEADING_MIDSIZE_MEDIUM,\n [AVATAR_SIZE[64]]: FONT_TYPE.HEADING_SMALL_MEDIUM,\n [AVATAR_SIZE[48]]: FONT_TYPE.HEADING_SMALL_MEDIUM,\n [AVATAR_SIZE[32]]: FONT_TYPE.BODY_MIDSIZE_MEDIUM,\n [AVATAR_SIZE[24]]: FONT_TYPE.BODY_SMALL_MEDIUM,\n };\n return avatarTextFontSizeMap[size] || FONT_TYPE.BODY_MIDSIZE_MEDIUM; // default size of text font\n};\n\nexport {\n getAvatarIconSize,\n getAvatarTextFontSize,\n getPresenceSize,\n};\n", "import { CSSResult, html, nothing } from 'lit';\nimport type { PropertyValues, TemplateResult } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { Component } from '../../models';\nimport { AvatarComponentMixin } from '../../utils/mixins/AvatarComponentMixin';\nimport { AVATAR_TYPE, DEFAULTS, MAX_COUNTER } from './avatar.constants';\nimport styles from './avatar.styles';\nimport type { AvatarType } from './avatar.types';\nimport { getAvatarIconSize, getAvatarTextFontSize, getPresenceSize } from './avatar.utils';\n\n/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n */\nclass Avatar extends AvatarComponentMixin(Component) {\n /**\n * @internal\n */\n @state() private isPhotoLoaded = false;\n\n /**\n * @internal\n * The avatar presence will be hidden if the avatar type is COUNTER.\n * If the presence is set, it will be rendered as a child of the avatar.\n *\n * @param type - The type of the avatar.\n * @returns The presence template or an empty template.\n */\n private getPresenceTemplateBasedOnType(type: AvatarType): TemplateResult | typeof nothing {\n // avatar type of counter should not have presence\n if (type === AVATAR_TYPE.COUNTER && (this.counter || this.counter === 0)) {\n return nothing;\n }\n if (this.presence) {\n return html`\n <mdc-presence class=\"presence\" type=\"${this.presence}\" size=\"${getPresenceSize(this.size)}\"></mdc-presence>\n `;\n }\n return nothing;\n }\n\n /**\n * @internal\n * Sets `isPhotoLoaded` to `true` when the avatar photo is loaded.\n * This is used to hide the avatar photo initially and show it only when it is loaded.\n */\n private handleOnLoad(): void {\n this.isPhotoLoaded = true;\n }\n\n /**\n * @internal\n * Handles errors that occur during the image loading process.\n * Sets `isPhotoLoaded` to `false` to indicate the failure and throws an error message.\n * The error message suggests checking the `src` attribute.\n */\n private handleOnError(): void {\n this.isPhotoLoaded = false;\n if (this.onerror) {\n this.onerror('There was a problem while fetching the <img/>. Please check the src attribute and try again.');\n }\n }\n\n /**\n * @internal\n * Generates the photo template for the avatar component.\n * Utilizes the `src` attribute to display an image.\n * The photo remains hidden until it is fully loaded;\n * upon successful loading, the `handleOnLoad` method sets `isPhotoLoaded` to true.\n * In the event of a loading error, the `handleOnError` method sets `isPhotoLoaded` to false and raises an error.\n *\n * @returns The template result containing the avatar photo.\n */\n private photoTemplate(): TemplateResult {\n return html`\n <img\n class=\"photo\"\n src=\"${ifDefined(this.src)}\"\n aria-hidden=\"true\"\n ?hidden=\"${!this.isPhotoLoaded}\"\n @load=\"${this.handleOnLoad}\"\n @error=\"${this.handleOnError}\"\n />\n `;\n }\n\n /**\n * @internal\n * Generates the icon template for the photo avatar component.\n * Utilizes the `mdc-icon` component to display an icon.\n * If the `iconName` property is not provided, it defaults to the `DEFAULTS.ICON_NAME`.\n *\n * @returns The template result containing the avatar icon.\n */\n private iconTemplate(): TemplateResult {\n const name = this.iconName || DEFAULTS.ICON_NAME;\n return html`\n <mdc-icon\n name=\"${ifDefined(name)}\"\n length-unit=\"rem\"\n size=\"${getAvatarIconSize(this.size)}\"\n ></mdc-icon>\n `;\n }\n\n /**\n * @internal\n * Generates the text template for the initials/counter avatar component.\n * Utilizes the `mdc-text` component to display text.\n *\n * @param content - the text content to be displayed\n * @returns The template result containing the avatar text.\n */\n private textTemplate(content: string): TemplateResult {\n return html`\n <mdc-text\n type=\"${getAvatarTextFontSize(this.size)}\"\n tagname=\"span\"\n >\n ${content}\n </mdc-text>\n `;\n }\n\n /**\n * @internal\n * Generates the text content for counter avatar by converting the given number to a string.\n * If the counter exceeds the maximum limit of 99, it will return the maximum limit as a string\n * followed by a '+' character.\n *\n * @param counter - the number to be converted to a string\n * @returns the counter text\n */\n private generateCounterText(counter: number): string {\n // If the consumer provides a negative number, we set it to 0.\n if (counter < 0) {\n return '0';\n }\n if (counter > MAX_COUNTER) {\n return `${MAX_COUNTER}+`;\n }\n return counter.toString();\n }\n\n /**\n * @internal\n * Converts the given initials to uppercase and takes the first two characters.\n * This is used to generate the text content for the initials avatar.\n *\n * @param initials - the string containing the initials\n * @returns the first two uppercase characters of the given initials\n */\n private generateInitialsText(initials: string): string {\n return initials.toUpperCase().slice(0, 2);\n }\n\n /**\n * @internal\n * Generates the text content based on the given type.\n * If the type is TEXT, it will use the initials property and generate the first two uppercase characters.\n * If the type is COUNTER, it uses the value of counter property and\n * generate the string representation of the counter.\n * The generated content is then passed to the `textTemplate` method to generate the final template.\n *\n * @param type - the type of the avatar\n * @returns the template result containing the avatar text\n */\n private generateTextContent(type: AvatarType): TemplateResult {\n let content = '';\n if (type === AVATAR_TYPE.TEXT && this.initials) {\n content = this.generateInitialsText(this.initials);\n }\n if (type === AVATAR_TYPE.COUNTER && (this.counter || this.counter === 0)) {\n content = this.generateCounterText(this.counter);\n }\n return this.textTemplate(content);\n }\n\n /**\n * @internal\n * Returns the type of the avatar component based on the user-provided inputs.\n *\n * @returns the type of the avatar component\n */\n private getTypeBasedOnInputs(): AvatarType {\n if (this.src) {\n return AVATAR_TYPE.PHOTO;\n }\n if (this.iconName) {\n return AVATAR_TYPE.ICON;\n }\n if (this.initials) {\n return AVATAR_TYPE.TEXT;\n }\n if (this.counter || this.counter === 0) {\n return AVATAR_TYPE.COUNTER;\n }\n return AVATAR_TYPE.ICON;\n }\n\n /**\n * @internal\n * Returns the template result based on the type of the avatar component.\n * The type is determined by `getTypeBasedOnInputs` based on user's input.\n * Based on the generated type, template result is generated.\n *\n * @param type - the type of the avatar component\n * @returns the template result containing the avatar content\n */\n private getTemplateBasedOnType(type: AvatarType): TemplateResult {\n switch (type) {\n case AVATAR_TYPE.PHOTO:\n return this.photoTemplate();\n case AVATAR_TYPE.TEXT:\n case AVATAR_TYPE.COUNTER:\n return this.generateTextContent(type);\n case AVATAR_TYPE.ICON:\n default:\n return this.iconTemplate();\n }\n }\n\n /**\n * @internal\n * Represents the loading indicator for the avatar when typing.\n * If the avatar is in typing state, this method returns a loading indicator\n * comprising three small filled dots, scaled based on the avatar size.\n *\n * @returns The template result containing the loading indicator, or an empty template if not typing.\n */\n private getLoadingContent(): TemplateResult | typeof nothing {\n if (!this.isTyping) {\n return nothing;\n }\n return html`<div class=\"loading__wrapper\"><div class=\"loader\"></div></div>`;\n }\n\n /**\n * @internal\n * Generates the photo placeholder content for the avatar component.\n * If the photo is not yet loaded, and the avatar type is PHOTO with initials provided,\n * it generates and returns the initials as a placeholder text.\n * If the photo is already loaded, it returns an empty template.\n *\n * @param type - The type of the avatar.\n * @returns The template result containing the placeholder content or an empty template.\n */\n private getPhotoPlaceHolderContent(type: AvatarType): TemplateResult | typeof nothing {\n // if photo is already loaded then no need to show placeholder\n if (this.isPhotoLoaded) {\n return nothing;\n }\n if (type === AVATAR_TYPE.PHOTO) {\n if (this.initials) {\n return this.textTemplate(this.generateInitialsText(this.initials));\n }\n return this.iconTemplate();\n }\n return nothing;\n }\n\n public override update(changedProperties: PropertyValues): void {\n super.update(changedProperties);\n\n if (changedProperties.has('src') && !this.src) {\n // Reset photo loaded if src is empty\n this.isPhotoLoaded = false;\n }\n }\n\n public override render(): TemplateResult {\n const type = this.getTypeBasedOnInputs();\n return html`\n <div class=\"content\" aria-hidden=\"true\">\n ${this.getPhotoPlaceHolderContent(type)}\n ${this.getTemplateBasedOnType(type)}\n ${this.getLoadingContent()}\n ${this.getPresenceTemplateBasedOnType(type)}\n </div>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Avatar;\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [\n hostFitContentStyles,\n css`\n :host {\n --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);\n \n --mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);\n \n --mdc-presence-away-calling-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-busy-background-color: var(--mds-color-theme-indicator-unstable);\n \n --mdc-presence-dnd-background-color: var(--mds-color-theme-indicator-attention);\n \n --mdc-presence-meeting-background-color: var(--mds-color-theme-indicator-unstable);\n\n --mdc-presence-on-call-background-color: var(--mds-color-theme-indicator-unstable);\n \n --mdc-presence-on-device-background-color: var(--mds-color-theme-indicator-locked);\n \n --mdc-presence-on-mobile-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-pause-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-pto-background-color: var(--mds-color-theme-indicator-locked);\n \n --mdc-presence-presenting-background-color: var(--mds-color-theme-indicator-attention);\n\n --mdc-presence-quiet-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-scheduled-background-color: var(--mds-color-theme-indicator-unstable);\n\n --mdc-presence-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);\n }\n\n .mdc-presence {\n border-radius: 50%;\n background-color: var(--mdc-presence-overlay-background-color);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .mdc-presence__xx_small,\n .mdc-presence__x_small,\n .mdc-presence__small {\n width: 1.0625rem;\n height: 1.0625rem;\n }\n .mdc-presence__midsize {\n width: 1.419375rem;\n height: 1.419375rem;\n }\n .mdc-presence__large {\n width: 1.596875rem;\n height: 1.596875rem;\n }\n .mdc-presence__x_large {\n width: 1.951875rem;\n height: 1.951875rem;\n }\n .mdc-presence__xx_large {\n width: 2.75rem;\n height: 2.75rem;\n }\n\n .mdc-presence-icon {\n border-radius: 50%;\n }\n .mdc-presence-icon__active {\n color: var(--mdc-presence-active-background-color);\n }\n .mdc-presence-icon__away {\n color: var(--mdc-presence-away-background-color);\n }\n .mdc-presence-icon__away-calling {\n color: var(--mdc-presence-away-calling-background-color);\n }\n .mdc-presence-icon__busy {\n color: var(--mdc-presence-busy-background-color);\n }\n .mdc-presence-icon__dnd {\n color: var(--mdc-presence-dnd-background-color);\n }\n .mdc-presence-icon__meeting {\n color: var(--mdc-presence-meeting-background-color);\n }\n .mdc-presence-icon__on-call {\n color: var(--mdc-presence-on-call-background-color);\n }\n .mdc-presence-icon__on-device {\n color: var(--mdc-presence-on-device-background-color);\n }\n .mdc-presence-icon__on-mobile {\n color: var(--mdc-presence-on-mobile-background-color);\n }\n .mdc-presence-icon__pause {\n color: var(--mdc-presence-pause-background-color);\n }\n .mdc-presence-icon__pto {\n color: var(--mdc-presence-pto-background-color);\n }\n .mdc-presence-icon__presenting {\n color: var(--mdc-presence-presenting-background-color);\n }\n .mdc-presence-icon__quiet {\n color: var(--mdc-presence-quiet-background-color);\n }\n .mdc-presence-icon__scheduled {\n color: var(--mdc-presence-scheduled-background-color);\n }\n `,\n];\n\nexport default styles;\n", "import { TYPE } from './presence.constants';\nimport type { PresenceType } from './presence.types';\n\nexport const getIconValue = (type: PresenceType) => {\n switch (type) {\n case TYPE.AWAY:\n return 'recents-presence-badge-filled';\n case TYPE.AWAY_CALLING:\n return 'away-calling-presence-filled';\n case TYPE.BUSY:\n return 'busy-presence-bold';\n case TYPE.DND:\n return 'dnd-presence-badge-filled';\n case TYPE.MEETING:\n return 'camera-filled';\n case TYPE.ON_CALL:\n return 'handset-filled';\n case TYPE.ON_DEVICE:\n return 'generic-device-video-badge-filled';\n case TYPE.ON_MOBILE:\n return 'phone-badge-filled';\n case TYPE.PAUSE:\n return 'pause-badge-filled';\n case TYPE.PTO:\n return 'pto-presence-filled';\n case TYPE.PRESENTING:\n return 'share-screen-badge-filled';\n case TYPE.QUIET:\n return 'quiet-hours-presence-filled';\n case TYPE.SCHEDULED:\n return 'meetings-presence-badge-filled';\n case TYPE.ACTIVE:\n default:\n return 'active-presence-small-filled';\n }\n};\n", "import { CSSResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Component } from '../../models';\nimport { DEFAULTS, SIZE } from './presence.constants';\nimport styles from './presence.styles';\nimport type { PresenceType, PresenceSize } from './presence.types';\nimport { getIconValue } from './presence.utils';\n\n/**\n * The `mdc-presence` component is a versatile UI element used to\n * display the presence status of a user or entity within an avatar component.\n *\n * This component is ideal for use within avatar UIs where the presence status\n * needs to be visually represented.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-presence\n */\nclass Presence extends Component {\n /**\n * Supported presence types:\n * - `active`\n * - `away`\n * - `away-calling`\n * - `busy`\n * - `dnd`\n * - `meeting`\n * - `on-call`\n * - `on-device`\n * - `on-mobile`\n * - `pause`\n * - `pto`\n * - `presenting`\n * - `quiet`\n * - `scheduled`\n * @default active\n */\n @property({ type: String, reflect: true })\n type: PresenceType = DEFAULTS.TYPE;\n\n /**\n * Acceptable values include:\n * - XX_SMALL\n * - X_SMALL\n * - SMALL\n * - MIDSIZE\n * - LARGE\n * - X_LARGE\n * - XX_LARGE\n *\n * Presence icons are minimum 14px in size, meaning XX_Small, X_Small and Small presence\n * icons will be no smaller than 14px.\n * @default small\n */\n @property({ type: String, reflect: true })\n size: PresenceSize = DEFAULTS.SIZE;\n\n /**\n * Get the size of the presence icon based on the given size type\n */\n private get iconSize() {\n switch (this.size) {\n case SIZE.MIDSIZE:\n return 1.16125;\n case SIZE.LARGE:\n return 1.30625;\n case SIZE.X_LARGE:\n return 1.596875;\n case SIZE.XX_LARGE:\n return 2.25;\n case SIZE.XX_SMALL:\n case SIZE.X_SMALL:\n case SIZE.SMALL:\n default:\n this.size = DEFAULTS.SIZE;\n return 0.875;\n }\n }\n\n /**\n * Get the icon name based on the presence type\n */\n private get icon() {\n const iconName = getIconValue(this.type);\n if (iconName === 'active-presence-small-filled') {\n this.type = DEFAULTS.TYPE;\n }\n return iconName;\n }\n\n public override render() {\n return html`\n <div class=\"mdc-presence mdc-presence__${this.size}\">\n <mdc-icon\n class=\"mdc-presence-icon mdc-presence-icon__${this.type}\"\n name=\"${this.icon}\"\n size=\"${this.iconSize}\"\n ></mdc-icon>\n </div>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Presence;\n", "import Presence from './presence.component';\nimport { TAG_NAME } from './presence.constants';\nimport '../icon';\n\nPresence.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-presence']: Presence\n }\n}\n\nexport default Presence;\n", "import { css } from 'lit';\n\nexport const fontsStyles = css`\n :host([tagname])::part(text) {\n font-size: unset;\n font-weight: unset;\n line-height: unset;\n text-decoration: unset;\n text-transform: unset;\n }\n\n :host([type=\"headline-small-regular\"]) {\n font-size: var(--mds-font-apps-headline-small-regular-font-size);\n font-weight: var(--mds-font-apps-headline-small-regular-font-weight);\n line-height: var(--mds-font-apps-headline-small-regular-line-height);\n text-decoration: var(--mds-font-apps-headline-small-regular-text-decoration);\n text-transform: var(--mds-font-apps-headline-small-regular-text-case);\n }\n\n :host([type=\"headline-small-light\"]) {\n font-size: var(--mds-font-apps-headline-small-light-font-size);\n font-weight: var(--mds-font-apps-headline-small-light-font-weight);\n line-height: var(--mds-font-apps-headline-small-light-line-height);\n text-decoration: var(--mds-font-apps-headline-small-light-text-decoration);\n text-transform: var(--mds-font-apps-headline-small-light-text-case);\n }\n\n :host([type=\"heading-xlarge-bold\"]) {\n font-size: var(--mds-font-apps-heading-xlarge-bold-font-size);\n font-weight: var(--mds-font-apps-heading-xlarge-bold-font-weight);\n line-height: var(--mds-font-apps-heading-xlarge-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-xlarge-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-xlarge-bold-text-case);\n }\n \n :host([type=\"heading-xlarge-medium\"]) {\n font-size: var(--mds-font-apps-heading-xlarge-medium-font-size);\n font-weight: var(--mds-font-apps-heading-xlarge-medium-font-weight);\n line-height: var(--mds-font-apps-heading-xlarge-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-xlarge-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-xlarge-medium-text-case);\n }\n \n :host([type=\"heading-xlarge-regular\"]) {\n font-size: var(--mds-font-apps-heading-xlarge-regular-font-size);\n font-weight: var(--mds-font-apps-heading-xlarge-regular-font-weight);\n line-height: var(--mds-font-apps-heading-xlarge-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-xlarge-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-xlarge-regular-text-case);\n }\n\n :host([type=\"heading-large-bold\"]) {\n font-size: var(--mds-font-apps-heading-large-bold-font-size);\n font-weight: var(--mds-font-apps-heading-large-bold-font-weight);\n line-height: var(--mds-font-apps-heading-large-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-large-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-large-bold-text-case);\n }\n \n :host([type=\"heading-large-medium\"]) {\n font-size: var(--mds-font-apps-heading-large-medium-font-size);\n font-weight: var(--mds-font-apps-heading-large-medium-font-weight);\n line-height: var(--mds-font-apps-heading-large-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-large-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-large-medium-text-case);\n }\n \n :host([type=\"heading-large-regular\"]) {\n font-size: var(--mds-font-apps-heading-large-regular-font-size);\n font-weight: var(--mds-font-apps-heading-large-regular-font-weight);\n line-height: var(--mds-font-apps-heading-large-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-large-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-large-regular-text-case);\n }\n\n :host([type=\"heading-midsize-bold\"]) {\n font-size: var(--mds-font-apps-heading-midsize-bold-font-size);\n font-weight: var(--mds-font-apps-heading-midsize-bold-font-weight);\n line-height: var(--mds-font-apps-heading-midsize-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-midsize-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-midsize-bold-text-case);\n }\n \n :host([type=\"heading-midsize-medium\"]) {\n font-size: var(--mds-font-apps-heading-midsize-medium-font-size);\n font-weight: var(--mds-font-apps-heading-midsize-medium-font-weight);\n line-height: var(--mds-font-apps-heading-midsize-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-midsize-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-midsize-medium-text-case);\n }\n \n :host([type=\"heading-midsize-regular\"]) {\n font-size: var(--mds-font-apps-heading-midsize-regular-font-size);\n font-weight: var(--mds-font-apps-heading-midsize-regular-font-weight);\n line-height: var(--mds-font-apps-heading-midsize-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-midsize-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-midsize-regular-text-case);\n }\n\n :host([type=\"heading-small-bold\"]) {\n font-size: var(--mds-font-apps-heading-small-bold-font-size);\n font-weight: var(--mds-font-apps-heading-small-bold-font-weight);\n line-height: var(--mds-font-apps-heading-small-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-small-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-small-bold-text-case);\n }\n \n :host([type=\"heading-small-medium\"]) {\n font-size: var(--mds-font-apps-heading-small-medium-font-size);\n font-weight: var(--mds-font-apps-heading-small-medium-font-weight);\n line-height: var(--mds-font-apps-heading-small-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-small-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-small-medium-text-case);\n }\n \n :host([type=\"heading-small-regular\"]) {\n font-size: var(--mds-font-apps-heading-small-regular-font-size);\n font-weight: var(--mds-font-apps-heading-small-regular-font-weight);\n line-height: var(--mds-font-apps-heading-small-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-small-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-small-regular-text-case);\n }\n\n :host([type=\"body-large-bold\"]) {\n font-size: var(--mds-font-apps-body-large-bold-font-size);\n font-weight: var(--mds-font-apps-body-large-bold-font-weight);\n line-height: var(--mds-font-apps-body-large-bold-line-height);\n text-decoration: var(--mds-font-apps-body-large-bold-text-decoration);\n text-transform: var(--mds-font-apps-body-large-bold-text-case);\n }\n \n :host([type=\"body-large-medium-underline\"]) {\n font-size: var(--mds-font-apps-body-large-medium-underline-font-size);\n font-weight: var(--mds-font-apps-body-large-medium-underline-font-weight);\n line-height: var(--mds-font-apps-body-large-medium-underline-line-height);\n text-decoration: var(--mds-font-apps-body-large-medium-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-large-medium-underline-text-case);\n }\n \n :host([type=\"body-large-medium\"]) {\n font-size: var(--mds-font-apps-body-large-medium-font-size);\n font-weight: var(--mds-font-apps-body-large-medium-font-weight);\n line-height: var(--mds-font-apps-body-large-medium-line-height);\n text-decoration: var(--mds-font-apps-body-large-medium-text-decoration);\n text-transform: var(--mds-font-apps-body-large-medium-text-case);\n }\n \n :host([type=\"body-large-regular-underline\"]) {\n font-size: var(--mds-font-apps-body-large-regular-underline-font-size);\n font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);\n line-height: var(--mds-font-apps-body-large-regular-underline-line-height);\n text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);\n }\n \n :host([type=\"body-large-regular\"]) {\n font-size: var(--mds-font-apps-body-large-regular-font-size);\n font-weight: var(--mds-font-apps-body-large-regular-font-weight);\n line-height: var(--mds-font-apps-body-large-regular-line-height);\n text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);\n text-transform: var(--mds-font-apps-body-large-regular-text-case);\n }\n\n :host([type=\"body-midsize-bold\"]) {\n font-size: var(--mds-font-apps-body-midsize-bold-font-size);\n font-weight: var(--mds-font-apps-body-midsize-bold-font-weight);\n line-height: var(--mds-font-apps-body-midsize-bold-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-bold-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-bold-text-case);\n }\n \n :host([type=\"body-midsize-medium-underline\"]) {\n font-size: var(--mds-font-apps-body-midsize-medium-underline-font-size);\n font-weight: var(--mds-font-apps-body-midsize-medium-underline-font-weight);\n line-height: var(--mds-font-apps-body-midsize-medium-underline-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-medium-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-medium-underline-text-case);\n }\n \n :host([type=\"body-midsize-medium\"]) {\n font-size: var(--mds-font-apps-body-midsize-medium-font-size);\n font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);\n line-height: var(--mds-font-apps-body-midsize-medium-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-medium-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-medium-text-case);\n }\n \n :host([type=\"body-midsize-regular-underline\"]) {\n font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);\n font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);\n line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);\n }\n \n :host([type=\"body-midsize-regular\"]) {\n font-size: var(--mds-font-apps-body-midsize-regular-font-size);\n font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);\n line-height: var(--mds-font-apps-body-midsize-regular-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-regular-text-case);\n }\n\n :host([type=\"body-small-bold\"]) {\n font-size: var(--mds-font-apps-body-small-bold-font-size);\n font-weight: var(--mds-font-apps-body-small-bold-font-weight);\n line-height: var(--mds-font-apps-body-small-bold-line-height);\n text-decoration: var(--mds-font-apps-body-small-bold-text-decoration);\n text-transform: var(--mds-font-apps-body-small-bold-text-case);\n }\n \n :host([type=\"body-small-medium-underline\"]) {\n font-size: var(--mds-font-apps-body-small-medium-underline-font-size);\n font-weight: var(--mds-font-apps-body-small-medium-underline-font-weight);\n line-height: var(--mds-font-apps-body-small-medium-underline-line-height);\n text-decoration: var(--mds-font-apps-body-small-medium-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-small-medium-underline-text-case);\n }\n \n :host([type=\"body-small-medium\"]) {\n font-size: var(--mds-font-apps-body-small-medium-font-size);\n font-weight: var(--mds-font-apps-body-small-medium-font-weight);\n line-height: var(--mds-font-apps-body-small-medium-line-height);\n text-decoration: var(--mds-font-apps-body-small-medium-text-decoration);\n text-transform: var(--mds-font-apps-body-small-medium-text-case);\n }\n \n :host([type=\"body-small-regular-underline\"]) {\n font-size: var(--mds-font-apps-body-small-regular-underline-font-size);\n font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);\n line-height: var(--mds-font-apps-body-small-regular-underline-line-height);\n text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);\n }\n \n :host([type=\"body-small-regular\"]) {\n font-size: var(--mds-font-apps-body-small-regular-font-size);\n font-weight: var(--mds-font-apps-body-small-regular-font-weight);\n line-height: var(--mds-font-apps-body-small-regular-line-height);\n text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);\n text-transform: var(--mds-font-apps-body-small-regular-text-case);\n }\n`;\n", "import { css } from 'lit';\nimport { fontsStyles } from './fonts.styles';\n\nconst styles = [\n css`\n :host {\n --mdc-text-font-family: var(--mdc-themeprovider-font-family);\n\n display: block;\n font-family: var(--mdc-text-font-family);\n }\n `,\n // type specific font styles:\n fontsStyles,\n];\n\nexport default styles;\n", "import { CSSResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './text.styles';\nimport { Component } from '../../models';\nimport { DEFAULTS, VALID_TEXT_TAGS } from './text.constants';\nimport type { TextType, TagName } from './text.types';\n\n/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */\nclass Text extends Component {\n /**\n * Specifies the text style to be applied.\n *\n * Acceptable values include:\n *\n * - 'body-small-regular'\n * - 'body-small-medium'\n * - 'body-small-bold'\n * - 'body-midsize-regular'\n * - 'body-midsize-medium'\n * - 'body-midsize-bold'\n * - 'body-large-regular'\n * - 'body-large-medium'\n * - 'body-large-bold'\n * - 'body-small-regular-underline'\n * - 'body-small-medium-underline'\n * - 'body-midsize-regular-underline'\n * - 'body-midsize-medium-underline'\n * - 'body-large-regular-underline'\n * - 'body-large-medium-underline'\n * - 'heading-small-regular'\n * - 'heading-small-medium'\n * - 'heading-small-bold'\n * - 'heading-midsize-regular'\n * - 'heading-midsize-medium'\n * - 'heading-midsize-bold'\n * - 'heading-large-regular'\n * - 'heading-large-medium'\n * - 'heading-large-bold'\n * - 'heading-xlarge-regular'\n * - 'heading-xlarge-medium'\n * - 'heading-xlarge-bold'\n * - 'headline-small-light'\n * - 'headline-small-regular'\n * @default body-large-regular\n */\n @property({ attribute: 'type', reflect: true, type: String })\n public type: TextType = DEFAULTS.TYPE;\n\n /**\n * Specifies the HTML tag name for the text element. The default tag name is `p`.\n * This attribute is optional. When set, it changes the tag name of the text element.\n *\n * Acceptable values include:\n *\n * - 'h1'\n * - 'h2'\n * - 'h3'\n * - 'h4'\n * - 'h5'\n * - 'h6'\n * - 'p'\n * - 'small'\n * - 'span'\n * - 'div'\n *\n * For instance, setting this attribute to `h2` will render the text element as an `h2` element.\n * Note that the styling is determined by the `type` attribute.\n */\n @property({ attribute: 'tagname', reflect: true, type: String })\n public tagname?: TagName = DEFAULTS.TEXT_ELEMENT_TAGNAME;\n\n public override render() {\n // Lit does not support dynamically changing values for the tag name of a custom element.\n // Read more: https://lit.dev/docs/templates/expressions/#invalid-locations\n switch (this.tagname) {\n case VALID_TEXT_TAGS.H1: return html`<h1 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h1>`;\n case VALID_TEXT_TAGS.H2: return html`<h2 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h2>`;\n case VALID_TEXT_TAGS.H3: return html`<h3 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h3>`;\n case VALID_TEXT_TAGS.H4: return html`<h4 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h4>`;\n case VALID_TEXT_TAGS.H5: return html`<h5 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h5>`;\n case VALID_TEXT_TAGS.H6: return html`<h6 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h6>`;\n case VALID_TEXT_TAGS.DIV: return html`<div part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></div>`;\n case VALID_TEXT_TAGS.SPAN: return html`<span part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></span>`;\n case VALID_TEXT_TAGS.SMALL: return html`<small part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></small>`;\n case VALID_TEXT_TAGS.P:\n default: return html`<p part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></p>`;\n }\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Text;\n", "import Text from './text.component';\nimport { TAG_NAME } from './text.constants';\n\nText.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-text']: Text\n }\n}\n\nexport default Text;\n", "import Avatar from './avatar.component';\nimport { TAG_NAME } from './avatar.constants';\nimport '../icon';\nimport '../presence';\nimport '../text';\n\nAvatar.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-avatar']: Avatar\n }\n}\n\nexport default Avatar;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {Disconnectable, Part} from './lit-html.js';\n\nexport {\n AttributePart,\n BooleanAttributePart,\n ChildPart,\n ElementPart,\n EventPart,\n Part,\n PropertyPart,\n} from './lit-html.js';\n\nexport interface DirectiveClass {\n new (part: PartInfo): Directive;\n}\n\n/**\n * This utility type extracts the signature of a directive class's render()\n * method so we can use it for the type of the generated directive function.\n */\nexport type DirectiveParameters<C extends Directive> = Parameters<C['render']>;\n\n/**\n * A generated directive function doesn't evaluate the directive, but just\n * returns a DirectiveResult object that captures the arguments.\n */\nexport interface DirectiveResult<C extends DirectiveClass = DirectiveClass> {\n /**\n * This property needs to remain unminified.\n * @internal\n */\n ['_$litDirective$']: C;\n /** @internal */\n values: DirectiveParameters<InstanceType<C>>;\n}\n\nexport const PartType = {\n ATTRIBUTE: 1,\n CHILD: 2,\n PROPERTY: 3,\n BOOLEAN_ATTRIBUTE: 4,\n EVENT: 5,\n ELEMENT: 6,\n} as const;\n\nexport type PartType = (typeof PartType)[keyof typeof PartType];\n\nexport interface ChildPartInfo {\n readonly type: typeof PartType.CHILD;\n}\n\nexport interface AttributePartInfo {\n readonly type:\n | typeof PartType.ATTRIBUTE\n | typeof PartType.PROPERTY\n | typeof PartType.BOOLEAN_ATTRIBUTE\n | typeof PartType.EVENT;\n readonly strings?: ReadonlyArray<string>;\n readonly name: string;\n readonly tagName: string;\n}\n\nexport interface ElementPartInfo {\n readonly type: typeof PartType.ELEMENT;\n}\n\n/**\n * Information about the part a directive is bound to.\n *\n * This is useful for checking that a directive is attached to a valid part,\n * such as with directive that can only be used on attribute bindings.\n */\nexport type PartInfo = ChildPartInfo | AttributePartInfo | ElementPartInfo;\n\n/**\n * Creates a user-facing directive function from a Directive class. This\n * function has the same parameters as the directive's render() method.\n */\nexport const directive =\n <C extends DirectiveClass>(c: C) =>\n (...values: DirectiveParameters<InstanceType<C>>): DirectiveResult<C> => ({\n // This property needs to remain unminified.\n ['_$litDirective$']: c,\n values,\n });\n\n/**\n * Base class for creating custom directives. Users should extend this class,\n * implement `render` and/or `update`, and then pass their subclass to\n * `directive`.\n */\nexport abstract class Directive implements Disconnectable {\n //@internal\n __part!: Part;\n //@internal\n __attributeIndex: number | undefined;\n //@internal\n __directive?: Directive;\n\n //@internal\n _$parent!: Disconnectable;\n\n // These will only exist on the AsyncDirective subclass\n //@internal\n _$disconnectableChildren?: Set<Disconnectable>;\n // This property needs to remain unminified.\n //@internal\n ['_$notifyDirectiveConnectionChanged']?(isConnected: boolean): void;\n\n constructor(_partInfo: PartInfo) {}\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n /** @internal */\n _$initialize(\n part: Part,\n parent: Disconnectable,\n attributeIndex: number | undefined,\n ) {\n this.__part = part;\n this._$parent = parent;\n this.__attributeIndex = attributeIndex;\n }\n /** @internal */\n _$resolve(part: Part, props: Array<unknown>): unknown {\n return this.update(part, props);\n }\n\n abstract render(...props: Array<unknown>): unknown;\n\n update(_part: Part, props: Array<unknown>): unknown {\n return this.render(...props);\n }\n}\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n directive,\n Directive,\n DirectiveParameters,\n PartInfo,\n PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of class names to truthy values.\n */\nexport interface ClassInfo {\n readonly [name: string]: string | boolean | number;\n}\n\nclass ClassMapDirective extends Directive {\n /**\n * Stores the ClassInfo object applied to a given AttributePart.\n * Used to unset existing values when a new ClassInfo object is applied.\n */\n private _previousClasses?: Set<string>;\n private _staticClasses?: Set<string>;\n\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (\n partInfo.type !== PartType.ATTRIBUTE ||\n partInfo.name !== 'class' ||\n (partInfo.strings?.length as number) > 2\n ) {\n throw new Error(\n '`classMap()` can only be used in the `class` attribute ' +\n 'and must be the only part in the attribute.',\n );\n }\n }\n\n render(classInfo: ClassInfo) {\n // Add spaces to ensure separation from static classes\n return (\n ' ' +\n Object.keys(classInfo)\n .filter((key) => classInfo[key])\n .join(' ') +\n ' '\n );\n }\n\n override update(part: AttributePart, [classInfo]: DirectiveParameters<this>) {\n // Remember dynamic classes on the first render\n if (this._previousClasses === undefined) {\n this._previousClasses = new Set();\n if (part.strings !== undefined) {\n this._staticClasses = new Set(\n part.strings\n .join(' ')\n .split(/\\s/)\n .filter((s) => s !== ''),\n );\n }\n for (const name in classInfo) {\n if (classInfo[name] && !this._staticClasses?.has(name)) {\n this._previousClasses.add(name);\n }\n }\n return this.render(classInfo);\n }\n\n const classList = part.element.classList;\n\n // Remove old classes that no longer apply\n for (const name of this._previousClasses) {\n if (!(name in classInfo)) {\n classList.remove(name);\n this._previousClasses!.delete(name);\n }\n }\n\n // Add or remove classes based on their classMap value\n for (const name in classInfo) {\n // We explicitly want a loose truthy check of `value` because it seems\n // more convenient that '' and 0 are skipped.\n const value = !!classInfo[name];\n if (\n value !== this._previousClasses.has(name) &&\n !this._staticClasses?.has(name)\n ) {\n if (value) {\n classList.add(name);\n this._previousClasses.add(name);\n } else {\n classList.remove(name);\n this._previousClasses.delete(name);\n }\n }\n }\n return noChange;\n }\n}\n\n/**\n * A directive that applies dynamic CSS classes.\n *\n * This must be used in the `class` attribute and must be the only part used in\n * the attribute. It takes each property in the `classInfo` argument and adds\n * the property name to the element's `classList` if the property value is\n * truthy; if the property value is falsy, the property name is removed from\n * the element's `class`.\n *\n * For example `{foo: bar}` applies the class `foo` if the value of `bar` is\n * truthy.\n *\n * @param classInfo\n */\nexport const classMap = directive(ClassMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {ClassMapDirective};\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('badge');\n\nconst TYPE = {\n DOT: 'dot',\n ICON: 'icon',\n COUNTER: 'counter',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n\nconst ICON_NAMES_LIST = {\n SUCCESS_ICON_NAME: 'check-circle-badge-filled',\n WARNING_ICON_NAME: 'warning-badge-filled',\n ERROR_ICON_NAME: 'error-legacy-badge-filled',\n} as const;\n\nconst ICON_VARIANT = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n} as const;\n\nconst ICON_STATE = {\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n\nconst BACKGROUND_STYLES = {\n ...ICON_VARIANT,\n ...ICON_STATE,\n} as const;\n\nconst DEFAULTS = {\n TYPE: TYPE.DOT,\n MAX_COUNTER: 99,\n MAX_COUNTER_LIMIT: 999,\n VARIANT: ICON_VARIANT.PRIMARY,\n ICON_SIZE: 1,\n} as const;\n\nexport { TAG_NAME, DEFAULTS, TYPE, ICON_STATE, ICON_VARIANT, ICON_NAMES_LIST, BACKGROUND_STYLES };\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [\n hostFitContentStyles,\n css`\n :host {\n --mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);\n\n --mdc-badge-secondary-foreground-color: var(--mds-color-theme-text-secondary-normal);\n --mdc-badge-secondary-background-color: var(--mds-color-theme-background-alert-default-normal);\n\n --mdc-badge-success-foreground-color: var(--mds-color-theme-text-success-normal);\n --mdc-badge-success-background-color: var(--mds-color-theme-background-alert-success-normal);\n \n --mdc-badge-warning-foreground-color: var(--mds-color-theme-text-warning-normal);\n --mdc-badge-warning-background-color: var(--mds-color-theme-background-alert-warning-normal);\n \n --mdc-badge-error-foreground-color: var(--mds-color-theme-text-error-normal);\n --mdc-badge-error-background-color: var(--mds-color-theme-background-alert-error-normal);\n \n --mdc-badge-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);\n \n color: var(--mdc-badge-primary-foreground-color);\n }\n .mdc-badge-overlay {\n outline: 0.0625rem solid var(--mdc-badge-overlay-background-color);\n }\n .mdc-badge-text {\n padding: 0 0.25rem;\n border-radius: 6.25rem;\n min-width: 1rem;\n display: flex;\n justify-content: center;\n background-color: var(--mdc-badge-primary-background-color);\n }\n .mdc-badge-dot {\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 50%;\n background-color: var(--mdc-badge-primary-background-color);\n }\n .mdc-badge-icon {\n padding: 2px;\n border-radius: 50%;\n }\n .mdc-badge-icon__primary {\n background-color: var(--mdc-badge-primary-background-color);\n color: var(--mdc-badge-primary-foreground-color);\n }\n .mdc-badge-icon__success {\n background-color: var(--mdc-badge-success-background-color);\n color: var(--mdc-badge-success-foreground-color);\n }\n .mdc-badge-icon__warning {\n background-color: var(--mdc-badge-warning-background-color);\n color: var(--mdc-badge-warning-foreground-color);\n }\n .mdc-badge-icon__error {\n background-color: var(--mdc-badge-error-background-color);\n color: var(--mdc-badge-error-foreground-color);\n }\n .mdc-badge-icon__secondary {\n background-color: var(--mdc-badge-secondary-background-color);\n color: var(--mdc-badge-secondary-foreground-color);\n }\n\n /* High Contrast Mode */\n @media (forced-colors: active) {\n .mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {\n outline: 0.125rem solid;\n }\n }\n `,\n];\n\nexport default styles;\n", "import { CSSResult, html, PropertyValues, TemplateResult } from 'lit';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { Component } from '../../models';\nimport { TYPE as FONT_TYPE, VALID_TEXT_TAGS } from '../text/text.constants';\nimport { TYPE as BADGE_TYPE, ICON_NAMES_LIST, DEFAULTS, ICON_VARIANT, ICON_STATE } from './badge.constants';\nimport styles from './badge.styles';\nimport type { IconNames } from '../icon/icon.types';\nimport type { IconVariant, BadgeType } from './badge.types';\n/**\n * The `mdc-badge` component is a versatile UI element used to\n * display dot, icons, counters, success, warning and error type badge.\n *\n * Supported badge types:\n * - `dot`: Displays a dot notification badge with a blue color.\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n * - `success`: Displays a success badge with a check circle icon and green color.\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\n * - `error`: Displays a error badge with a error legacy icon and red color.\n *\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n *\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-badge\n */\nclass Badge extends Component {\n /**\n * Type of the badge\n * Can be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.\n */\n @property({ type: String, reflect: true })\n type?: BadgeType;\n\n /**\n * Name of the icon (= filename).\n *\n * If no `icon-name` is provided, no icon will be rendered.\n */\n @property({ type: String, attribute: 'icon-name' })\n iconName?: IconNames;\n\n /**\n * Type of the variant can be `primary` or `secondary`.\n * It defines the background and foreground color of the icon.\n * @default primary\n */\n @property({ type: String, reflect: true })\n variant: IconVariant = DEFAULTS.VARIANT;\n\n /**\n * Counter is the number which can be provided in the badge.\n */\n @property({ type: Number })\n counter?: number;\n\n /**\n * The maximum number can be set up to 999, anything above that will be rendered as _999+_.\n * The max counter can be `9`, `99` or `999`.\n * @default 99\n */\n @property({ type: Number, attribute: 'max-counter', reflect: true })\n maxCounter: number = DEFAULTS.MAX_COUNTER;\n\n /**\n * Overlay is to add a thin outline to the badge.\n * This will help distinguish between the badge and the button,\n * where the badge will be layered on top of a button.\n * @default false\n */\n @property({ type: Boolean })\n overlay = false;\n\n /**\n * Aria-label attribute to be set for accessibility\n * @default null\n */\n @property({ type: String, attribute: 'aria-label' })\n override ariaLabel: string | null = null;\n\n /**\n * If `type` is set to `counter` and if `counter` is greater than `maxCounter`,\n * then it will return a string the maxCounter value as string.\n * Otherwise, it will return a string representation of `counter`.\n * If `counter` is not a number, it will return an empty string.\n * @param maxCounter - the maximum limit which can be displayed on the badge\n * @param counter - the number to be displayed on the badge\n * @returns the string representation of the counter\n */\n private getCounterText(maxCounter: number, counter?: number): string {\n if (counter === undefined || typeof counter !== 'number' || maxCounter === 0) {\n return '';\n }\n if (counter > maxCounter) {\n return `${maxCounter}+`;\n }\n // At any given time, the max limit should not cross 999.\n if (maxCounter > DEFAULTS.MAX_COUNTER_LIMIT || counter > DEFAULTS.MAX_COUNTER_LIMIT) {\n return `${DEFAULTS.MAX_COUNTER_LIMIT}+`;\n }\n return counter.toString();\n }\n\n /**\n * Method to generate the badge icon.\n * @param iconName - the name of the icon from the icon set\n * @param backgroundClassPostfix - postfix for the class to style the badge icon.\n * @returns the template result of the icon.\n */\n private getBadgeIcon(iconName: string, backgroundClassPostfix: string): TemplateResult {\n return html`\n <mdc-icon\n class=\"mdc-badge-icon ${classMap({\n 'mdc-badge-overlay': this.overlay,\n [`mdc-badge-icon__${backgroundClassPostfix}`]: true,\n })}\"\n name=\"${ifDefined(iconName as IconNames)}\"\n size=\"${DEFAULTS.ICON_SIZE}\"\n ></mdc-icon>\n `;\n }\n\n /**\n * Method to generate the badge dot template.\n * @returns the template result of the dot with mdc-badge-dot class.\n */\n private getBadgeDot(): TemplateResult {\n return html`<div class=\"mdc-badge-dot ${classMap({ 'mdc-badge-overlay': this.overlay })}\"></div>`;\n }\n\n /**\n * Method to generate the badge text and counter template.\n * @returns the template result of the text.\n */\n private getBadgeCounterText(): TemplateResult {\n return html`\n <mdc-text\n type=\"${FONT_TYPE.BODY_SMALL_MEDIUM}\"\n tagname=\"${VALID_TEXT_TAGS.DIV}\"\n class=\"mdc-badge-text ${classMap({ 'mdc-badge-overlay': this.overlay })}\"\n >\n ${this.getCounterText(this.maxCounter, this.counter)}\n </mdc-text>\n `;\n }\n\n /**\n * Method to set the role based on the aria-label provided.\n * If the aria-label is provided, the role of the element will be 'img'.\n * Otherwise, the role will be null.\n */\n private setRoleByAriaLabel(): void {\n if (this.ariaLabel) {\n this.role = 'img';\n } else {\n this.role = null;\n }\n }\n\n /**\n * Generates the badge content based on the badge type.\n * Utilizes various helper methods to create the appropriate badge template based on the\n * current badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'\n * types, returning the corresponding template result for each type.\n * @returns the TemplateResult for the current badge type.\n */\n private getBadgeContentBasedOnType(): TemplateResult {\n if (this.variant && !Object.values(ICON_VARIANT).includes(this.variant)) {\n this.variant = DEFAULTS.VARIANT;\n }\n const { iconName, type, variant } = this;\n switch (type) {\n case BADGE_TYPE.ICON:\n return this.getBadgeIcon(iconName || '', variant);\n case BADGE_TYPE.COUNTER:\n return this.getBadgeCounterText();\n case BADGE_TYPE.SUCCESS:\n return this.getBadgeIcon(ICON_NAMES_LIST.SUCCESS_ICON_NAME, ICON_STATE.SUCCESS);\n case BADGE_TYPE.WARNING:\n return this.getBadgeIcon(ICON_NAMES_LIST.WARNING_ICON_NAME, ICON_STATE.WARNING);\n case BADGE_TYPE.ERROR:\n return this.getBadgeIcon(ICON_NAMES_LIST.ERROR_ICON_NAME, ICON_STATE.ERROR);\n case BADGE_TYPE.DOT:\n default:\n this.type = BADGE_TYPE.DOT;\n return this.getBadgeDot();\n }\n }\n\n public override update(changedProperties: PropertyValues): void {\n super.update(changedProperties);\n\n if (changedProperties.has('ariaLabel')) {\n this.setRoleByAriaLabel();\n }\n }\n\n public override render() {\n return this.getBadgeContentBasedOnType();\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Badge;\n", "import Badge from './badge.component';\nimport { TAG_NAME } from './badge.constants';\nimport '../icon';\nimport '../text';\n\nBadge.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-badge']: Badge\n }\n}\n\nexport default Badge;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n background-color: transparent;\n border-radius: 1.25rem;\n font-weight: var(--mds-font-apps-body-large-medium-font-weight);\n outline: none;\n\n --mdc-button-primary-color: var(--mds-color-theme-inverted-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-primary-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-primary-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-primary-pressed);\n --mdc-button-primary-disabled-background-color: var(--mds-color-theme-button-primary-disabled);\n --mdc-button-primary-disabled-color: var(--mds-color-theme-text-primary-disabled);\n \n --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-button-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n --mdc-button-secondary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);\n --mdc-button-secondary-disabled-color: var(--mds-color-theme-text-primary-disabled);\n --mdc-button-secondary-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);\n\n --mdc-button-tertiary-color: var(--mds-color-theme-text-primary-normal);\n --mdc-button-tertiary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-tertiary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n --mdc-button-tertiary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);\n --mdc-button-tertiary-disabled-color: var(--mds-color-theme-text-primary-disabled);\n\n --mdc-button-line-height-size-40: var(--mds-font-lineheight-body-large);\n --mdc-button-line-height-size-32: var(--mds-font-lineheight-body-large);\n --mdc-button-line-height-size-28: var(--mds-font-lineheight-body-midsize);\n --mdc-button-line-height-size-24: var(--mds-font-lineheight-body-small);\n }\n\n :host([active]){\n font-weight: var(--mds-font-apps-body-large-bold-font-weight);\n }\n\n :host([variant=\"primary\"]){\n background: var(--mdc-button-primary-background-color);\n color: var(--mdc-button-primary-color);\n }\n :host([variant=\"primary\"]:hover){\n background: var(--mdc-button-primary-hover-background-color);\n }\n :host([variant=\"primary\"]:active), :host([variant=\"primary\"].pressed){\n background: var(--mdc-button-primary-pressed-background-color);\n }\n :host([variant=\"primary\"][disabled]), :host([variant=\"primary\"][soft-disabled]){\n background: var(--mdc-button-primary-disabled-background-color);\n color: var(--mdc-button-primary-disabled-color);\n cursor: auto;\n }\n\n :host([variant=\"secondary\"]){\n color: var(--mdc-button-secondary-color);\n border-color: var(--mdc-button-secondary-border-color);\n }\n :host([variant=\"secondary\"]:hover){\n background: var(--mdc-button-secondary-hover-background-color);\n }\n :host([variant=\"secondary\"]:active), :host([variant=\"secondary\"].pressed){\n background: var(--mdc-button-secondary-pressed-background-color);\n }\n :host([variant=\"secondary\"][disabled]),\n :host([variant=\"secondary\"][soft-disabled]){\n color: var(--mdc-button-primary-disabled-color);\n border-color: var(--mdc-button-secondary-disabled-border-color);\n background: var(--mdc-button-secondary-disabled-background-color);\n cursor: auto;\n }\n\n :host([variant=\"tertiary\"]){\n border-color: transparent;\n color: var(--mdc-button-tertiary-color);\n }\n :host([variant=\"tertiary\"]:hover){\n background: var(--mdc-button-tertiary-hover-background-color);\n }\n :host([variant=\"tertiary\"]:active), :host([variant=\"tertiary\"].pressed){\n background: var(--mdc-button-tertiary-pressed-background-color);\n }\n :host([variant=\"tertiary\"][disabled]), \n :host([variant=\"tertiary\"][soft-disabled]){\n color: var(--mdc-button-tertiary-disabled-color);\n background: var(--mdc-button-tertiary-disabled-background-color);\n cursor: auto;\n }\n\n :host([size=\"64\"][data-btn-type='icon']), \n :host([size=\"52\"][data-btn-type='icon']), \n :host([size=\"40\"][data-btn-type='icon']), \n :host([size=\"32\"][data-btn-type='icon']),\n :host([size=\"28\"][data-btn-type='icon']),\n :host([size=\"24\"][data-btn-type='icon']){\n border-radius: 6.25rem;\n aspect-ratio: 1;\n padding: unset;\n }\n :host([size=\"40\"]){\n font-size: var(--mds-font-size-body-large);\n line-height: var(--mdc-button-line-height-size-40);\n padding: 0 1rem;\n gap: 0.5rem;\n }\n :host([size=\"32\"]){\n font-size: var(--mds-font-size-body-large);\n line-height: var(--mdc-button-line-height-size-32);\n padding: 0 0.75rem;\n gap: 0.375rem;\n }\n :host([size=\"28\"]){\n font-size: var(--mds-font-size-body-midsize);\n line-height: var(--mdc-button-line-height-size-28);\n padding: 0 0.75rem;\n gap: 0.375rem;\n }\n :host([size=\"24\"]){\n font-size: var(--mds-font-size-body-small);\n line-height: var(--mdc-button-line-height-size-24);\n padding: 0 0.625rem;\n gap: 0.25rem;\n }\n :host([size=\"20\"]){\n padding: 0.0625rem;\n }\n\n :host([color=\"accent\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-accent-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-accent-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-accent-pressed);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-accent-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-theme-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n :host([color=\"positive\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-join-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-join-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-join-pressed);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-success-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-join-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n :host([color=\"negative\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-cancel-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-cancel-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-cancel-pressed);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-error-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-cancel-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n :host([color=\"promotional\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-common-button-promotion-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-common-button-promotion-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-common-button-promotion-active);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-promotion-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n`;\n\nexport default [styles];\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('buttonsimple');\n\nconst BUTTON_SIZES = {\n 20: 20,\n 24: 24,\n 28: 28,\n 32: 32,\n 40: 40,\n 48: 48,\n 52: 52,\n 64: 64,\n 72: 72,\n 88: 88,\n 124: 124,\n} as const;\n\nconst BUTTON_TYPE = {\n BUTTON: 'button',\n SUBMIT: 'submit',\n RESET: 'reset',\n} as const;\n\nconst DEFAULTS = {\n SIZE: BUTTON_SIZES[32],\n TYPE: BUTTON_TYPE.BUTTON,\n ROLE: 'button',\n};\n\nexport {\n TAG_NAME,\n DEFAULTS,\n BUTTON_TYPE,\n BUTTON_SIZES,\n};\n", "import utils from '../../utils/tag-name';\nimport { BUTTON_TYPE } from '../buttonsimple/buttonsimple.constants';\n\nconst TAG_NAME = utils.constructTagName('button');\n\nconst BUTTON_VARIANTS = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n TERTIARY: 'tertiary',\n} as const;\n\nconst PILL_BUTTON_SIZES = {\n 40: 40,\n 32: 32,\n 28: 28,\n 24: 24,\n} as const;\n\nconst ICON_BUTTON_SIZES = {\n 64: 64,\n 52: 52,\n 20: 20,\n ...PILL_BUTTON_SIZES,\n} as const;\n\nconst BUTTON_COLORS = {\n POSITIVE: 'positive',\n NEGATIVE: 'negative',\n ACCENT: 'accent',\n PROMOTIONAL: 'promotional',\n DEFAULT: 'default',\n} as const;\n\nconst BUTTON_TYPE_INTERNAL = {\n PILL: 'pill',\n ICON: 'icon',\n PILL_WITH_ICON: 'pill-with-icon',\n} as const;\n\nconst DEFAULTS = {\n VARIANT: BUTTON_VARIANTS.PRIMARY,\n SIZE: PILL_BUTTON_SIZES[32],\n COLOR: BUTTON_COLORS.DEFAULT,\n TYPE_INTERNAL: BUTTON_TYPE_INTERNAL.ICON,\n TYPE: BUTTON_TYPE.BUTTON,\n};\n\nexport {\n TAG_NAME,\n DEFAULTS,\n BUTTON_VARIANTS,\n PILL_BUTTON_SIZES,\n ICON_BUTTON_SIZES,\n BUTTON_COLORS,\n BUTTON_TYPE_INTERNAL,\n BUTTON_TYPE,\n};\n", "import { ICON_BUTTON_SIZES } from './button.constants';\nimport { IconButtonSize } from './button.types';\n\n/**\n * Returns the icon size multiplier based on the provided button size.\n *\n * @param size - The size of the button.\n * @returns The multiplier for the icon size.\n */\nconst getIconSize = (size: IconButtonSize): number => {\n switch (size) {\n case ICON_BUTTON_SIZES[64]: return 2;\n case ICON_BUTTON_SIZES[52]: return 1.75;\n case ICON_BUTTON_SIZES[40]: return 1.25;\n default: return 1;\n }\n};\n\n/**\n * Returns the name of the icon without the style suffix.\n *\n * @param iconName - The name of the icon.\n * @returns The name of the icon without the suffix.\n */\nconst getIconNameWithoutStyle = (iconName: string): string => {\n const iconParts = iconName.split('-');\n const variants = ['bold', 'filled', 'regular', 'light'];\n return iconParts.filter((part) => !variants.includes(part)).join('-');\n};\n\nexport { getIconSize, getIconNameWithoutStyle };\n", "import { css } from 'lit';\nimport { hostFitContentStyles, hostFocusRingStyles } from '../../utils/styles';\n\nconst styles = [hostFitContentStyles, css`\n :host {\n border: 0.0625rem solid transparent;\n cursor: pointer;\n \n background-color: var(--mds-color-theme-text-primary-normal); \n color: var(--mds-color-theme-inverted-text-secondary-normal);\n font-size: var(--mds-font-apps-body-midsize-regular-font-size);\n outline: none;\n\n --mdc-button-height-size-124: 7.75rem;\n --mdc-button-height-size-88: 5.5rem;\n --mdc-button-height-size-72: 4.5rem;\n --mdc-button-height-size-64: 4rem;\n --mdc-button-height-size-52: 3.25rem;\n --mdc-button-height-size-40: 2.5rem;\n --mdc-button-height-size-32: 2rem;\n --mdc-button-height-size-28: 1.75rem;\n --mdc-button-height-size-24: 1.5rem;\n --mdc-button-height-size-20: 1.25rem;\n }\n \n :host([disabled]), :host([soft-disabled]){\n background-color: var(--mds-color-theme-text-primary-disabled);\n }\n :host([size=\"124\"]){\n height: var(--mdc-button-height-size-124);\n }\n :host([size=\"88\"]){\n height: var(--mdc-button-height-size-88);\n }\n :host([size=\"72\"]){\n height: var(--mdc-button-height-size-72);\n }\n :host([size=\"64\"]){\n height: var(--mdc-button-height-size-64);\n }\n :host([size=\"52\"]){\n height: var(--mdc-button-height-size-52);\n }\n :host([size=\"40\"]){\n height: var(--mdc-button-height-size-40);\n }\n :host([size=\"32\"]){\n height: var(--mdc-button-height-size-32);\n }\n :host([size=\"28\"]){\n height: var(--mdc-button-height-size-28);\n font-size: var(--mds-font-size-body-midsize);\n }\n :host([size=\"24\"]){\n height: var(--mdc-button-height-size-24);\n }\n :host([size=\"20\"]){\n height: var(--mdc-button-height-size-20);\n }\n`, hostFocusRingStyles];\n\nexport default styles;\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './buttonsimple.styles';\nimport { Component } from '../../models';\nimport { ButtonSize, ButtonType } from './buttonsimple.types';\nimport { BUTTON_TYPE, DEFAULTS } from './buttonsimple.constants';\n\n/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @tagname mdc-buttonsimple\n *\n */\nclass Buttonsimple extends Component {\n /**\n * The button's active state indicates whether it is currently toggled on (active) or off (inactive).\n * When the active state is true, the button is considered to be in an active state, meaning it is toggled on.\n * Conversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n * @default false\n */\n @property({ type: Boolean }) active = false;\n\n /**\n * Indicates whether the button is disabled.\n * When the button is disabled for user interaction; it is not focusable or clickable.\n * @default false\n */\n @property({ type: Boolean }) disabled = false;\n\n /**\n * Indicates whether the button is soft disabled.\n * When set to `true`, the button appears visually disabled but still allows\n * focus, click, and keyboard actions to be passed through.\n *\n * **Important:** When using soft disabled, consumers must ensure that\n * the button behaves like a disabled button, allowing only focus and\n * preventing any interactions (clicks or keyboard actions) from triggering unintended actions.\n * @default false\n */\n @property({ type: Boolean, attribute: 'soft-disabled' }) softDisabled = false;\n\n /**\n * Simplebutton size is a super set of all the sizes supported by children components.\n * @default 32\n */\n @property({ type: Number, reflect: true }) size: ButtonSize = DEFAULTS.SIZE;\n\n /**\n * The tabindex of the button.\n * @default 0\n */\n @property({ type: Number, reflect: true }) override tabIndex = 0;\n\n /**\n * This property defines the ARIA role for the element. By default, it is set to 'button'.\n * Consumers should override this role when:\n * - The element is being used in a context where a different role is more appropriate.\n * - Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.\n * @default button\n */\n @property({ type: String, reflect: true }) override role = DEFAULTS.ROLE;\n\n /**\n * This property defines the type attribute for the button element.\n * The type attribute specifies the behavior of the button when it is clicked.\n * - **submit**: The button submits the form data to the server.\n * - **reset**: The button resets the form data to its initial state.\n * - **button**: The button does nothing when clicked.\n * @default button\n */\n @property({ reflect: true })\n type: ButtonType = DEFAULTS.TYPE;\n\n /**\n * @internal\n */\n private prevTabindex = 0;\n\n /** @internal */\n static formAssociated = true;\n\n /** @internal */\n private internals: ElementInternals;\n\n /** @internal */\n get form(): HTMLFormElement | null {\n return this.internals.form;\n }\n\n constructor() {\n super();\n this.addEventListener('click', this.executeAction.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.addEventListener('keyup', this.handleKeyUp.bind(this));\n /** @internal */\n this.internals = this.attachInternals();\n }\n\n public override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n\n if (changedProperties.has('disabled')) {\n this.setDisabled(this, this.disabled);\n }\n if (changedProperties.has('softDisabled')) {\n this.setSoftDisabled(this, this.softDisabled);\n }\n if (changedProperties.has('active')) {\n this.setAriaPressed(this, this.active);\n }\n }\n\n private executeAction() {\n if (this.type === BUTTON_TYPE.SUBMIT && this.internals.form) {\n this.internals.form.requestSubmit();\n }\n\n if (this.type === BUTTON_TYPE.RESET && this.internals.form) {\n this.internals.form.reset();\n }\n }\n\n /**\n * Sets the aria-pressed attribute based on the active state.\n *\n * @param element - The target element.\n * @param active - The active state.\n */\n private setAriaPressed(element: HTMLElement, active: boolean) {\n if (active) {\n element.setAttribute('aria-pressed', 'true');\n } else {\n element.setAttribute('aria-pressed', 'false');\n }\n }\n\n /**\n * Sets the soft-disabled attribute for the button.\n * When soft-disabled, the button looks to be disabled but remains focusable and clickable.\n * Also sets/removes aria-disabled attribute.\n *\n * @param element - The button element.\n * @param softDisabled - The soft-disabled state.\n */\n private setSoftDisabled(element: HTMLElement, softDisabled: boolean) {\n if (softDisabled) {\n element.setAttribute('aria-disabled', 'true');\n } else {\n element.setAttribute('aria-disabled', 'false');\n }\n }\n\n /**\n * Sets the disabled attribute for the button.\n * When disabled, the button is not focusable or clickable, and tabindex is set to -1.\n * The previous tabindex is stored and restored when enabled.\n * Also sets/removes aria-disabled attribute.\n *\n * @param element - The button element.\n * @param disabled - The disabled state.\n */\n private setDisabled(element: HTMLElement, disabled: boolean) {\n if (disabled) {\n element.setAttribute('aria-disabled', 'true');\n this.prevTabindex = this.tabIndex;\n this.tabIndex = -1;\n } else {\n this.tabIndex = this.prevTabindex;\n element.removeAttribute('aria-disabled');\n }\n }\n\n private triggerClickEvent() {\n const clickEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n });\n this.dispatchEvent(clickEvent);\n this.executeAction();\n }\n\n /**\n * Handles the keydown event on the button.\n * If the key is 'Enter' or 'Space', the button is pressed.\n * If the key is 'Enter', the button is pressed. The native HTML button works in the same way.\n *\n * @param event - The keyboard event.\n */\n private handleKeyDown(event: KeyboardEvent) {\n if (['Enter', ' '].includes(event.key)) {\n this.classList.add('pressed');\n if (event.key === 'Enter') {\n this.triggerClickEvent();\n }\n }\n }\n\n /**\n * Handles the keyup event on the button.\n * If the key is 'Enter' or 'Space', the button is clicked.\n * If the key is 'Space', the button is pressed. The native HTML button works in the same way.\n *\n * @param event - The keyboard event.\n */\n private handleKeyUp(event: KeyboardEvent) {\n if (['Enter', ' '].includes(event.key)) {\n this.classList.remove('pressed');\n if (event.key === ' ') {\n this.triggerClickEvent();\n }\n }\n }\n\n public override render() {\n return html`\n <slot></slot>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Buttonsimple;\n", "import Buttonsimple from './buttonsimple.component';\nimport { TAG_NAME } from './buttonsimple.constants';\n\nButtonsimple.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-buttonsimple']: Buttonsimple\n }\n}\n\nexport default Buttonsimple;\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './button.styles';\nimport {\n BUTTON_COLORS,\n BUTTON_TYPE_INTERNAL,\n BUTTON_VARIANTS,\n DEFAULTS,\n ICON_BUTTON_SIZES,\n PILL_BUTTON_SIZES,\n} from './button.constants';\nimport type {\n ButtonColor,\n ButtonVariant,\n PillButtonSize,\n IconButtonSize,\n ButtonTypeInternal,\n} from './button.types';\nimport { getIconNameWithoutStyle, getIconSize } from './button.utils';\nimport type { IconNames } from '../icon/icon.types';\nimport Buttonsimple from '../buttonsimple';\n\n/**\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\n *\n * Button Variants:\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n *\n * Button Colors:\n * - **Positive**: Green color.\n * - **Negative**: Red color.\n * - **Accent**: Blue color.\n * - **Promotional**: Purple color.\n * - **Default**: White color.\n *\n * Button Sizes (in REM units):\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - **Tertiary icon button**: 20.\n *\n * Button Types:\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\n * - **Icon button**: A button represented by just an icon without any text.\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-button\n *\n * @slot - Text label of the button.\n */\nclass Button extends Buttonsimple {\n /**\n * The name of the icon to display as a prefix.\n * The icon is displayed on the left side of the button.\n */\n @property({ type: String, attribute: 'prefix-icon', reflect: true }) prefixIcon?: string;\n\n /**\n * The name of the icon to display as a postfix.\n * The icon is displayed on the right side of the button.\n */\n @property({ type: String, attribute: 'postfix-icon', reflect: true }) postfixIcon?: string;\n\n /**\n * There are 3 variants of button: primary, secondary, tertiary. They are styled differently.\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n * @default primary\n */\n @property({ type: String }) variant: ButtonVariant = DEFAULTS.VARIANT;\n\n /**\n * Button sizing is based on the button type.\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - Tertiary icon button can also be 20.\n * @default 32\n */\n @property({ type: Number }) override size: PillButtonSize | IconButtonSize = DEFAULTS.SIZE;\n\n /**\n * There are 5 colors for button: positive, negative, accent, promotional, default.\n * @default default\n */\n @property({ type: String }) color: ButtonColor = DEFAULTS.COLOR;\n\n /**\n * The tabindex of the button.\n * @default 0\n */\n @property({ type: Number, reflect: true }) override tabIndex = 0;\n\n /**\n * This property defines the ARIA role for the element. By default, it is set to 'button'.\n * Consumers should override this role when:\n * - The element is being used in a context where a different role is more appropriate.\n * - Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.\n * @default button\n */\n @property({ type: String, reflect: true }) override role = 'button';\n\n /** @internal */\n @state() private typeInternal: ButtonTypeInternal = DEFAULTS.TYPE_INTERNAL;\n\n /** @internal */\n @state() private iconSize = 1;\n\n /**\n * @internal\n */\n private prevPrefixIcon?: string;\n\n /**\n * @internal\n */\n private prevPostfixIcon?: string;\n\n public override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n\n if (changedProperties.has('active')) {\n this.modifyIconName(this.active);\n }\n if (changedProperties.has('size')) {\n this.setSize(this.size);\n }\n if (changedProperties.has('variant')) {\n this.setVariant(this.variant);\n this.setSize(this.size);\n }\n if (changedProperties.has('color')) {\n this.setColor(this.color);\n }\n if (changedProperties.has('typeInternal')) {\n this.setSize(this.size);\n }\n if (changedProperties.has('prefixIcon') || changedProperties.has('postfixIcon')) {\n this.inferButtonType();\n }\n }\n\n /**\n * Modifies the icon name based on the active state.\n * If the button is active, the icon name is suffixed with '-filled'.\n * If the button is inactive, the icon name is restored to its original value.\n * If '-filled' icon is not available, the icon name remains unchanged.\n *\n * @param active - The active state.\n */\n private modifyIconName(active: boolean) {\n if (active) {\n if (this.prefixIcon) {\n this.prevPrefixIcon = this.prefixIcon;\n this.prefixIcon = `${getIconNameWithoutStyle(this.prefixIcon)}-filled`;\n }\n if (this.postfixIcon) {\n this.prevPostfixIcon = this.postfixIcon;\n this.postfixIcon = `${getIconNameWithoutStyle(this.postfixIcon)}-filled`;\n }\n } else {\n if (this.prevPrefixIcon) {\n this.prefixIcon = this.prevPrefixIcon;\n }\n if (this.prevPostfixIcon) {\n this.postfixIcon = this.prevPostfixIcon;\n }\n }\n }\n\n /**\n * Sets the variant attribute for the button component.\n * If the provided variant is not included in the BUTTON_VARIANTS,\n * it defaults to the value specified in DEFAULTS.VARIANT.\n *\n * @param variant - The variant to set.\n */\n private setVariant(variant: ButtonVariant) {\n this.setAttribute('variant', Object.values(BUTTON_VARIANTS).includes(variant) ? variant : DEFAULTS.VARIANT);\n }\n\n /**\n * Sets the size attribute for the button component.\n * Validates the size based on the button type (icon, pill, or tertiary).\n * Defaults to DEFAULTS.SIZE if invalid.\n *\n * @param size - The size to set.\n */\n private setSize(size: PillButtonSize | IconButtonSize) {\n const isIconType = this.typeInternal === BUTTON_TYPE_INTERNAL.ICON;\n const isValidSize = isIconType\n ? (Object.values(ICON_BUTTON_SIZES).includes(size)\n && !(size === ICON_BUTTON_SIZES[20] && this.variant !== BUTTON_VARIANTS.TERTIARY))\n : Object.values(PILL_BUTTON_SIZES).includes(size as PillButtonSize);\n\n this.setAttribute('size', isValidSize ? `${size}` : `${DEFAULTS.SIZE}`);\n this.iconSize = getIconSize(size);\n }\n\n /**\n * Sets the color attribute for the button.\n * Defaults to DEFAULTS.COLOR if invalid or for tertiary buttons.\n *\n * @param color - The color to set.\n */\n private setColor(color: ButtonColor) {\n if (!Object.values(BUTTON_COLORS).includes(color) || this.variant === BUTTON_VARIANTS.TERTIARY) {\n this.setAttribute('color', `${DEFAULTS.COLOR}`);\n } else {\n this.setAttribute('color', color);\n }\n }\n\n /**\n * Infers the type of button based on the presence of slot and/or prefix and postfix icons.\n * @param slot - default slot of button\n */\n private inferButtonType() {\n const slot = this.shadowRoot?.querySelector('slot')?.assignedNodes().length;\n if (slot && (this.prefixIcon || this.postfixIcon)) {\n this.typeInternal = BUTTON_TYPE_INTERNAL.PILL_WITH_ICON;\n this.setAttribute('data-btn-type', 'pill-with-icon');\n } else if (!slot && (this.prefixIcon || this.postfixIcon)) {\n this.typeInternal = BUTTON_TYPE_INTERNAL.ICON;\n this.setAttribute('data-btn-type', 'icon');\n } else {\n this.typeInternal = BUTTON_TYPE_INTERNAL.PILL;\n this.setAttribute('data-btn-type', 'pill');\n }\n }\n\n public override render() {\n return html`\n ${this.prefixIcon ? html`\n <mdc-icon\n name=\"${this.prefixIcon as IconNames}\" \n part=\"prefix-icon\" \n size=${this.iconSize} \n length-unit=\"rem\">\n </mdc-icon>` : ''}\n <slot @slotchange=${this.inferButtonType}></slot>\n ${this.postfixIcon ? html`\n <mdc-icon\n name=\"${this.postfixIcon as IconNames}\" \n part=\"postfix-icon\" \n size=${this.iconSize} \n length-unit=\"rem\">\n </mdc-icon>` : ''}\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Buttonsimple.styles, ...styles];\n}\n\nexport default Button;\n", "import Button from './button.component';\nimport { TAG_NAME } from './button.constants';\nimport '../icon';\n\nButton.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-button']: Button\n }\n}\n\nexport default Button;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-bullet-size-small: 0.25rem;\n --mdc-bullet-size-medium: 0.5rem;\n --mdc-bullet-size-large: 1rem;\n\n border-radius: 50%;\n display: block;\n aspect-ratio: 1;\n background-color: var(--mdc-bullet-background-color);\n }\n :host([size=\"small\"]) {\n height: var(--mdc-bullet-size-small);\n }\n :host([size=\"medium\"]) {\n height: var(--mdc-bullet-size-medium);\n }\n :host([size=\"large\"]) {\n height: var(--mdc-bullet-size-large);\n }\n`;\n\nexport default [styles];\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('bullet');\n\nconst SIZE = {\n SMALL: 'small',\n MEDIUM: 'medium',\n LARGE: 'large',\n} as const;\n\nexport { TAG_NAME, SIZE };\n", "import { property } from 'lit/decorators.js';\nimport type { CSSResult } from 'lit';\nimport styles from './bullet.styles';\nimport { Component } from '../../models';\nimport { SIZE } from './bullet.constants';\nimport type { Size } from './bullet.types';\n\n/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/\nclass Bullet extends Component {\n /**\n * Size of the bullet\n *\n * Possible values: 'small', 'medium', 'large'\n * @default small\n */\n @property({ type: String, reflect: true })\n public size: Size = SIZE.SMALL;\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Bullet;\n", "import Bullet from './bullet.component';\nimport { TAG_NAME } from './bullet.constants';\n\nBullet.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-bullet']: Bullet\n }\n}\n\nexport default Bullet;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n --mdc-marker-width: 0.25rem;\n --mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-marker-striped-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-marker-striped-background-color: transparent; \n\n width: var(--mdc-marker-width);\n height: 100%;\n display: block;\n }\n\n :host([variant='solid']) {\n background: var(--mdc-marker-solid-background-color);\n }\n\n :host([variant='striped']) {\n background: repeating-linear-gradient(\n 135deg,\n var(--mdc-marker-striped-color),\n var(--mdc-marker-striped-color) 0.1875rem,\n var(--mdc-marker-striped-background-color) 0.1875rem, \n var(--mdc-marker-striped-background-color) 0.375rem\n );\n }\n`;\n\nexport default [styles];\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('marker');\n\nconst MARKER_VARIANTS = {\n SOLID: 'solid',\n STRIPED: 'striped',\n} as const;\n\nexport { TAG_NAME, MARKER_VARIANTS };\n", "import { CSSResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './marker.styles';\nimport { Component } from '../../models';\nimport type { MarkerVariants } from './marker.types';\nimport { MARKER_VARIANTS } from './marker.constants';\n\n/**\n * `mdc-marker`, which is a vertical line and\n * used to draw attention to specific parts of\n * the content or to signify important information.\n *\n * **Marker Variants**:\n * - **solid**: Solid marker.\n * - **striped**: Striped marker.\n *\n * @tagname mdc-marker\n *\n * @cssproperty --mdc-marker-solid-background-color - Allows customization of the default background color\n * in solid variant.\n * @cssproperty --mdc-marker-striped-color - Allows customization of the default stripes in striped variant.\n * @cssproperty --mdc-marker-striped-background-color - Allows customization of the default background color\n * in striped variant.\n * @cssproperty --mdc-marker-width - Allows customization of the default width.\n */\nclass Marker extends Component {\n /**\n * There are two variants of markers, each with a width of 0.25rem:\n * - **solid**: Solid marker.\n * - **striped**: Striped marker.\n * @default solid\n */\n @property({ type: String, reflect: true })\n public variant: MarkerVariants = MARKER_VARIANTS.SOLID;\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Marker;\n", "import Marker from './marker.component';\nimport { TAG_NAME } from './marker.constants';\n\nMarker.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-marker']: Marker\n }\n}\n\nexport default Marker;\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\n/**\n * Divider component styles\n */\nconst styles = [\n hostFitContentStyles,\n /* Host styles */\n css`\n :host {\n --mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-divider-width: 0.0625rem;\n --mdc-divider-horizontal-gradient: var(--mds-color-theme-gradientdivider-default-normal);\n --mdc-divider-vertical-gradient: var(--mds-color-theme-gradientdivider-vertical-normal);\n --mdc-divider-text-size: var(--mds-font-size-body-midsize);\n --mdc-divider-text-color: var(--mds-color-theme-text-secondary-normal);\n --mdc-divider-text-line-height: var(--mds-font-lineheight-body-midsize);\n --mdc-divider-text-margin: 1.5rem;\n --mdc-divider-grabber-button-border-radius: 0.5rem;\n\n display: flex;\n justify-content: center;\n }\n\n /* Primary and grabber divider styles */\n :host([data-type='mdc-primary-divider']),\n :host([data-type='mdc-grabber-divider']) {\n background-color: var(--mdc-divider-background-color);\n }\n\n /* Orientation-specific styles */\n :host([orientation='horizontal']) {\n flex-direction: row;\n height: var(--mdc-divider-width);\n width: 100%;\n }\n\n :host([orientation='vertical']:not([data-type='mdc-text-divider'])) {\n flex-direction: column;\n height: 100%;\n width: var(--mdc-divider-width);\n }\n\n /* Gradient styles for primary and grabber dividers */\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-primary-divider']),\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-grabber-divider']) {\n background: var(--mdc-divider-horizontal-gradient);\n }\n\n :host([orientation='vertical'][variant='gradient'][data-type='mdc-primary-divider']),\n :host([orientation='vertical'][variant='gradient'][data-type='mdc-grabber-divider']) {\n background: var(--mdc-divider-vertical-gradient);\n }\n\n /* Hiding slotted content for primary dividers */\n :host([data-type='mdc-primary-divider']) ::slotted(*) {\n display: none;\n }\n\n /** Button divider styles */\n :host([orientation='vertical']) ::slotted(mdc-button) {\n width: 1.25rem;\n height: 2.5rem;\n border-radius: 0 \n var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius) \n 0;\n }\n\n :host([orientation='horizontal']) ::slotted(mdc-button) {\n height: 1.25rem;\n width: 2.5rem;\n border-radius: 0 \n 0 \n var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius);\n }\n\n :host([orientation='horizontal'][button-position='positive']),\n :host([orientation='vertical'][button-position='negative']) {\n align-items: end;\n }\n\n :host([orientation='horizontal'][button-position='negative']),\n :host([orientation='vertical'][button-position='positive']) {\n align-items: start;\n }\n\n :host([orientation='horizontal'][button-position='positive']) ::slotted(mdc-button) {\n border-radius: var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius) \n 0 \n 0;\n border-bottom-color: transparent;\n }\n\n :host([orientation='horizontal'][button-position='negative']) ::slotted(mdc-button) {\n border-top-color: transparent;\n }\n\n :host([orientation='vertical'][button-position='negative']:dir(ltr)) ::slotted(mdc-button),\n :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {\n border-radius: var(--mdc-divider-grabber-button-border-radius) \n 0 \n 0 \n var(--mdc-divider-grabber-button-border-radius);\n border-right-color: transparent;\n }\n\n :host([orientation='vertical'][button-position='positive']:dir(ltr)) ::slotted(mdc-button),\n :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {\n border-left-color: transparent;\n }\n\n :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {\n border-radius: 0 \n var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius) \n 0;\n transform: rotate(180deg);\n }\n\n :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {\n transform: rotate(180deg);\n }\n\n /** Text divider styles */\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']),\n :host([orientation='horizontal'][variant='solid'][data-type='mdc-text-divider']) {\n align-items: center;\n }\n\n :host([data-type='mdc-text-divider']) > div {\n width: 100%;\n height: 100%;\n background-color: var(--mdc-divider-background-color);\n }\n\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:first-of-type {\n background: linear-gradient(to right, transparent, 30%, var(--mdc-divider-background-color));\n }\n\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:last-of-type {\n background: linear-gradient(to left, transparent, 30%, var(--mdc-divider-background-color));\n }\n\n :host([data-type='mdc-text-divider']) ::slotted(mdc-text) {\n margin: 0 var(--mdc-divider-text-margin);\n color: var(--mdc-divider-text-color);\n font-size: var(--mdc-divider-text-size);\n line-height: var(--mdc-divider-text-line-height);\n }\n `,\n];\n\nexport default styles;\n", "import utils from '../../utils/tag-name';\nimport { TAG_NAME as BUTTON_TAG } from '../button/button.constants';\nimport { TAG_NAME as TEXT_TAG } from '../text/text.constants';\n\nconst TAG_NAME = utils.constructTagName('divider');\n\nconst DIVIDER_ORIENTATION = {\n HORIZONTAL: 'horizontal',\n VERTICAL: 'vertical',\n} as const;\n\nconst DIVIDER_VARIANT = {\n SOLID: 'solid',\n GRADIENT: 'gradient',\n} as const;\n\n/**\n * Direction types for both the arrow and button component.\n * These directions are dependent on the divider's orientation.\n */\nconst DIRECTIONS = {\n POSITIVE: 'positive',\n NEGATIVE: 'negative',\n} as const;\n\nconst ARROW_ICONS = {\n UP: 'arrow-up-regular',\n DOWN: 'arrow-down-regular',\n LEFT: 'arrow-left-regular',\n RIGHT: 'arrow-right-regular',\n} as const;\n\nconst DEFAULTS = {\n ORIENTATION: DIVIDER_ORIENTATION.HORIZONTAL,\n VARIANT: DIVIDER_VARIANT.SOLID,\n ARROW_DIRECTION: DIRECTIONS.NEGATIVE,\n BUTTON_DIRECTION: DIRECTIONS.NEGATIVE,\n} as const;\n\nexport {\n TAG_NAME,\n DEFAULTS,\n DIVIDER_VARIANT,\n DIVIDER_ORIENTATION,\n DIRECTIONS,\n BUTTON_TAG,\n TEXT_TAG,\n ARROW_ICONS,\n};\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './divider.styles';\nimport { Component } from '../../models';\nimport {\n ARROW_ICONS,\n BUTTON_TAG,\n DEFAULTS,\n DIRECTIONS,\n DIVIDER_ORIENTATION,\n DIVIDER_VARIANT,\n TEXT_TAG,\n} from './divider.constants';\nimport { Directions, DividerOrientation, DividerVariant } from './divider.types';\n\n/**\n * `mdc-divider` is a component that provides a line to separate and organize content.\n * It can also include a button or text positioned centrally, allowing users to interact with the layout.\n *\n * **Divider Orientation:**\n * - **Horizontal**: A thin, horizontal line.\n * - **Vertical**: A thin, vertical line.\n *\n * **Divider Variants:**\n * - **solid**: Solid line.\n * - **gradient**: Gradient Line.\n *\n * **Divider Types:**\n * - The type of divider is inferred based on the kind of slot present.\n * - **Primary**: A simple horizontal or vertical divider.\n * - **Text**: A horizontal divider with a text label in the center.\n * - **Grabber Button**: A horizontal or vertical divider with a styled button in the center.\n *\n * **Accessibility:**\n * - When the slot is replaced by an `mdc-button`:\n * - `aria-label` should be passed to the `mdc-button`.\n * - `aria-expanded` should be passed to the `mdc-button`.\n *\n * **Notes:**\n * - If the slot is replaced by an invalid tag name or contains multiple elements,\n * the divider defaults to the **Primary** type.\n * - To override the styles of the divider, use the provided CSS custom properties.\n *\n * @tagname mdc-divider\n *\n * @cssproperty --mdc-divider-background-color - background color of the divider\n * @cssproperty --mdc-divider-width - width of the divider\n * @cssproperty --mdc-divider-horizontal-gradient - gradient of the horizontal divider\n * @cssproperty --mdc-divider-vertical-gradient - gradient of the vertical divider\n * @cssproperty --mdc-divider-text-size - font size of label in the text divider\n * @cssproperty --mdc-divider-text-color - font color of label in the text divider\n * @cssproperty --mdc-divider-text-margin - left and right margin of label in the text divider\n * @cssproperty --mdc-divider-text-line-height - line height of label in the text divider\n * @cssproperty --mdc-divider-grabber-button-border-radius - border radius of the grabber button\n */\nclass Divider extends Component {\n /**\n * Two orientations of divider\n * - **horizontal**: A thin, horizontal line with 0.0625rem width.\n * - **vertical**: A thin, vertical line with 0.0625rem width.\n *\n * Note: We do not support \"Vertical Text Divider\" as of now.\n * @default horizontal\n */\n @property({ type: String, reflect: true })\n orientation: DividerOrientation = DEFAULTS.ORIENTATION;\n\n /**\n * Two variants of divider\n * - **solid**: Solid line.\n * - **gradient**: Gradient Line that fades on either sides of the divider.\n * @default solid\n */\n @property({ type: String, reflect: true })\n variant: DividerVariant = DEFAULTS.VARIANT;\n\n /**\n * Direction of the arrow icon, if applicable.\n * - **positive**\n * - **negative**\n *\n * Note: Positive and Negative directions are defined based on Cartesian plane.\n * @default 'negative'\n */\n @property({ type: String, attribute: 'arrow-direction', reflect: true })\n arrowDirection: Directions = DEFAULTS.ARROW_DIRECTION;\n\n /**\n * Position of the button, if applicable.\n * - **positive**\n * - **negative**\n *\n * Note: Positive and Negative directions are defined based on Cartesian plane.\n * @default 'negative'\n */\n @property({ type: String, attribute: 'button-position', reflect: true })\n buttonPosition: Directions = DEFAULTS.BUTTON_DIRECTION;\n\n /**\n * Sets the variant attribute for the divider component.\n * If the provided variant is not included in the DIVIDER_VARIANT,\n * it defaults to the value specified in DEFAULTS.VARIANT.\n *\n * @param variant - The variant to set.\n */\n private setVariant(variant: DividerVariant) {\n this.setAttribute('variant', Object.values(DIVIDER_VARIANT).includes(variant) ? variant : DEFAULTS.VARIANT);\n }\n\n /**\n * Sets the orientation attribute for the divider component.\n * If the provided orientation is not included in the DIVIDER_ORIENTATION,\n * it defaults to the value specified in DEFAULTS.ORIENTATION.\n *\n * @param orientation - The orientation to set.\n */\n private setOrientation(orientation: DividerOrientation) {\n this.setAttribute(\n 'orientation',\n Object.values(DIVIDER_ORIENTATION).includes(orientation) ? orientation : DEFAULTS.ORIENTATION,\n );\n }\n\n /**\n * Sets the buttonPosition and arrowDirection attribute for the divider component.\n * If the provided buttonPosition and arrowDirection are not included in the DIRECTIONS,\n * it defaults to the value specified in DIRECTIONS based on the ORIENTATION.\n *\n * @param buttonPosition - The buttonPosition to set.\n * @param arrowDirection - The arrowDirection to set.\n */\n private ensureValidDirections() {\n const defaultDirection = this.orientation === DIVIDER_ORIENTATION.HORIZONTAL\n ? DIRECTIONS.NEGATIVE\n : DIRECTIONS.POSITIVE;\n\n if (!Object.values(DIRECTIONS).includes(this.buttonPosition as Directions)) {\n this.buttonPosition = defaultDirection;\n }\n\n if (!Object.values(DIRECTIONS).includes(this.arrowDirection as Directions)) {\n this.arrowDirection = defaultDirection;\n }\n }\n\n /**\n * Configures the grabber button within the divider.\n *\n * - Sets the `prefix-icon` attribute for the grabber button based\n * on the `arrow-direction` and `orientation` properties.\n *\n * This method updates the DOM element dynamically if a grabber button is present.\n */\n private setGrabberButton(): void {\n this.ensureValidDirections();\n const buttonElement = this.querySelector('mdc-button');\n if (buttonElement) {\n const iconType = this.getArrowIcon();\n buttonElement.setAttribute('variant', 'secondary');\n buttonElement.setAttribute('prefix-icon', iconType);\n }\n }\n\n /**\n * Determines the arrow icon based on the consumer-defined `arrowDirection`.\n *\n * @returns The icon that represents the arrow direction.\n */\n private getArrowIcon(): string {\n const isHorizontal = this.orientation === DIVIDER_ORIENTATION.HORIZONTAL;\n const isPositive = this.arrowDirection === DIRECTIONS.POSITIVE;\n\n if (isHorizontal) {\n return isPositive ? ARROW_ICONS.UP : ARROW_ICONS.DOWN;\n }\n\n return isPositive ? ARROW_ICONS.RIGHT : ARROW_ICONS.LEFT;\n }\n\n public override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n\n if (changedProperties.has('orientation')) {\n this.setOrientation(this.orientation);\n }\n\n if (changedProperties.has('variant')) {\n this.setVariant(this.variant);\n }\n\n if (\n changedProperties.has('orientation')\n || changedProperties.has('arrowDirection')\n || changedProperties.has('buttonPosition')\n ) {\n this.setGrabberButton();\n }\n }\n\n /**\n * Infers the type of divider based on the kind of slot present.\n * @param slot - default slot of divider\n */\n private inferDividerType() {\n const slot = this.shadowRoot?.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true }) || [];\n if (assignedElements.length > 1) return;\n\n const hasTextChild = assignedElements.some((el) => el.tagName === TEXT_TAG.toUpperCase());\n const hasButtonChild = assignedElements.some((el) => el.tagName === BUTTON_TAG.toUpperCase());\n\n if (hasTextChild && !hasButtonChild) {\n this.setAttribute('data-type', 'mdc-text-divider');\n } else if (!hasTextChild && hasButtonChild) {\n this.setAttribute('data-type', 'mdc-grabber-divider');\n this.setGrabberButton();\n }\n }\n\n constructor() {\n super();\n this.setAttribute('data-type', 'mdc-primary-divider');\n }\n\n protected override render() {\n return html`\n <div></div>\n <slot @slotchange=${this.inferDividerType}></slot>\n <div></div>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Divider;\n", "import Divider from './divider.component';\nimport { TAG_NAME } from './divider.constants';\n\nDivider.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-divider']: Divider\n }\n}\n\nexport default Divider;\n", "import { css } from 'lit';\nimport { hostFitContentStyles, hostFocusRingStyles } from '../../utils/styles';\n\nconst styles = [hostFitContentStyles, css`\n :host {\n padding: unset;\n margin: unset;\n outline: none;\n border-radius: 0.25rem;\n }\n`, hostFocusRingStyles];\n\nexport default styles;\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AvatarComponentMixin } from '../../utils/mixins/AvatarComponentMixin';\nimport { AVATAR_SIZE, DEFAULTS } from '../avatar/avatar.constants';\nimport type { AvatarSize } from '../avatar/avatar.types';\nimport { DEFAULTS as BUTTON_DEFAULTS } from '../button/button.constants';\nimport Buttonsimple from '../buttonsimple';\nimport styles from './avatarbutton.styles';\n\n/**\n * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.\n *\n * This component is made by extending `buttonsimple` class.\n * The button component acts as a wrapper for the avatar component.\n *\n * @dependency mdc-avatar\n *\n * @tagname mdc-avatarbutton\n */\nclass AvatarButton extends AvatarComponentMixin(Buttonsimple) {\n /**\n * Aria-label attribute to be set for accessibility\n */\n @property({ type: String, attribute: 'aria-label' })\n override ariaLabel: string | null = null;\n\n constructor() {\n super();\n\n this.active = undefined as unknown as boolean;\n this.disabled = undefined as unknown as boolean;\n this.softDisabled = undefined as unknown as boolean;\n this.role = 'button';\n this.type = BUTTON_DEFAULTS.TYPE;\n }\n\n override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n if (changedProperties.has('size')) {\n this.setSize(this.size);\n }\n }\n\n private setSize(size: AvatarSize) {\n this.setAttribute('size', Object.values(AVATAR_SIZE).includes(size) ? `${size}` : DEFAULTS.SIZE.toString());\n }\n\n public override render() {\n return html`\n <mdc-avatar\n slot=\"prefixIcon\"\n ?is-typing=\"${this.isTyping}\"\n counter=\"${ifDefined(this.counter)}\"\n icon-name=\"${ifDefined(this.iconName)}\"\n initials=\"${ifDefined(this.initials)}\"\n presence=\"${ifDefined(this.presence)}\"\n size=\"${ifDefined(this.size)}\"\n src=\"${ifDefined(this.src)}\"\n ></mdc-avatar>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...styles];\n}\n\nexport default AvatarButton;\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('avatarbutton');\n\nexport { TAG_NAME };\n", "import Avatarbutton from './avatarbutton.component';\nimport { TAG_NAME } from './avatarbutton.constants';\nimport '../avatar';\n\nAvatarbutton.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-avatarbutton']: Avatarbutton\n }\n}\n\nexport default Avatarbutton;\n"],
5
- "mappings": "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",
6
- "names": ["global", "globalThis", "supportsAdoptingStyleSheets", "ShadowRoot", "ShadyCSS", "nativeShadow", "Document", "prototype", "CSSStyleSheet", "constructionToken", "Symbol", "cssTagCache", "WeakMap", "CSSResult", "cssText", "strings", "safeToken", "this", "Error", "_strings", "styleSheet", "_styleSheet", "cacheable", "length", "get", "replaceSync", "set", "toString", "unsafeCSS", "value", "String", "css", "values", "reduce", "acc", "v", "idx", "adoptStyles", "renderRoot", "styles", "adoptedStyleSheets", "map", "s", "style", "document", "createElement", "nonce", "setAttribute", "textContent", "appendChild", "getCompatibleStyle", "sheet", "rule", "cssRules", "is", "defineProperty", "getOwnPropertyDescriptor", "getOwnPropertyNames", "getOwnPropertySymbols", "getPrototypeOf", "Object", "global", "globalThis", "trustedTypes", "emptyStringForBooleanAttribute", "emptyScript", "polyfillSupport", "reactiveElementPolyfillSupport", "JSCompiler_renameProperty", "prop", "_obj", "defaultConverter", "value", "type", "Boolean", "Array", "JSON", "stringify", "fromValue", "Number", "parse", "e", "notEqual", "old", "defaultPropertyDeclaration", "attribute", "String", "converter", "reflect", "hasChanged", "Symbol", "metadata", "litPropertyMetadata", "WeakMap", "ReactiveElement", "HTMLElement", "initializer", "this", "__prepare", "_initializers", "push", "observedAttributes", "finalize", "__attributeToPropertyMap", "keys", "name", "options", "state", "elementProperties", "set", "noAccessor", "key", "descriptor", "getPropertyDescriptor", "prototype", "get", "v", "call", "oldValue", "requestUpdate", "configurable", "enumerable", "hasOwnProperty", "superCtor", "Map", "finalized", "props", "properties", "propKeys", "p", "createProperty", "attr", "__attributeNameForProperty", "elementStyles", "finalizeStyles", "styles", "isArray", "Set", "flat", "Infinity", "reverse", "s", "unshift", "getCompatibleStyle", "toLowerCase", "constructor", "super", "__instanceProperties", "isUpdatePending", "hasUpdated", "__reflectingProperty", "__initialize", "__updatePromise", "Promise", "res", "enableUpdating", "_$changedProperties", "__saveInstanceProperties", "forEach", "i", "controller", "__controllers", "add", "renderRoot", "isConnected", "hostConnected", "delete", "instanceProperties", "size", "createRenderRoot", "shadowRoot", "attachShadow", "shadowRootOptions", "adoptStyles", "connectedCallback", "c", "_requestedUpdate", "disconnectedCallback", "hostDisconnected", "_old", "_$attributeToProperty", "attrValue", "toAttribute", "removeAttribute", "setAttribute", "ctor", "propName", "getPropertyOptions", "fromAttribute", "_$changeProperty", "__enqueueUpdate", "has", "__reflectingProperties", "reject", "result", "scheduleUpdate", "performUpdate", "wrapped", "shouldUpdate", "changedProperties", "willUpdate", "hostUpdate", "update", "__markUpdated", "_$didUpdate", "_changedProperties", "hostUpdated", "firstUpdated", "updated", "updateComplete", "getUpdateComplete", "__propertyToAttribute", "mode", "reactiveElementVersions", "defaultPropertyDeclaration", "attribute", "type", "String", "converter", "defaultConverter", "reflect", "hasChanged", "notEqual", "standardProperty", "options", "target", "context", "kind", "metadata", "properties", "globalThis", "litPropertyMetadata", "get", "set", "Map", "name", "v", "oldValue", "call", "this", "requestUpdate", "_$changeProperty", "value", "Error", "property", "protoOrTarget", "nameOrContext", "proto", "hasOwnProperty", "constructor", "createProperty", "wrapped", "Object", "getOwnPropertyDescriptor", "state", "options", "property", "attribute", "NAMESPACE", "CONSTANTS", "constants_default", "constructTagName", "componentName", "constants_default", "tag_name_default", "TAG_NAME", "tag_name_default", "DEFAULTS", "global", "globalThis", "trustedTypes", "policy", "createPolicy", "createHTML", "s", "boundAttributeSuffix", "marker", "Math", "random", "toFixed", "slice", "markerMatch", "nodeMarker", "d", "document", "createMarker", "createComment", "isPrimitive", "value", "isArray", "Array", "isIterable", "Symbol", "iterator", "SPACE_CHAR", "textEndRegex", "commentEndRegex", "comment2EndRegex", "tagEndRegex", "RegExp", "singleQuoteAttrEndRegex", "doubleQuoteAttrEndRegex", "rawTextElement", "tag", "type", "strings", "values", "_$litType$", "html", "svg", "mathml", "noChange", "for", "nothing", "templateCache", "WeakMap", "walker", "createTreeWalker", "trustFromTemplateString", "tsa", "stringFromTSA", "hasOwnProperty", "Error", "getTemplateHtml", "l", "length", "attrNames", "rawTextEndRegex", "regex", "i", "attrName", "match", "attrNameEndIndex", "lastIndex", "exec", "test", "end", "startsWith", "push", "Template", "constructor", "options", "node", "this", "parts", "nodeIndex", "attrNameIndex", "partCount", "el", "createElement", "currentNode", "content", "wrapper", "firstChild", "replaceWith", "childNodes", "nextNode", "nodeType", "hasAttributes", "name", "getAttributeNames", "endsWith", "realName", "statics", "getAttribute", "split", "m", "index", "ctor", "PropertyPart", "BooleanAttributePart", "EventPart", "AttributePart", "removeAttribute", "tagName", "textContent", "emptyScript", "append", "data", "indexOf", "_options", "innerHTML", "resolveDirective", "part", "parent", "attributeIndex", "currentDirective", "__directives", "__directive", "nextDirectiveConstructor", "_$initialize", "_$resolve", "TemplateInstance", "template", "_$parts", "_$disconnectableChildren", "_$template", "_$parent", "parentNode", "_$isConnected", "fragment", "creationScope", "importNode", "partIndex", "templatePart", "ChildPart", "nextSibling", "ElementPart", "_$setValue", "__isConnected", "startNode", "endNode", "_$committedValue", "_$startNode", "_$endNode", "isConnected", "directiveParent", "_$clear", "_commitText", "_commitTemplateResult", "_commitNode", "_commitIterable", "insertBefore", "_insert", "createTextNode", "result", "_$getTemplate", "h", "_update", "instance", "_clone", "get", "set", "itemParts", "itemPart", "item", "start", "from", "_$notifyConnectionChanged", "n", "remove", "element", "fill", "String", "valueIndex", "noCommit", "change", "v", "_commitValue", "setAttribute", "toggleAttribute", "super", "newListener", "oldListener", "shouldRemoveListener", "capture", "once", "passive", "shouldAddListener", "removeEventListener", "addEventListener", "event", "call", "host", "handleEvent", "polyfillSupport", "global", "litHtmlPolyfillSupport", "Template", "ChildPart", "litHtmlVersions", "push", "render", "value", "container", "options", "partOwnerNode", "renderBefore", "part", "endNode", "insertBefore", "createMarker", "_$setValue", "LitElement", "ReactiveElement", "constructor", "this", "renderOptions", "host", "__childPart", "createRenderRoot", "renderRoot", "super", "renderBefore", "firstChild", "changedProperties", "value", "render", "hasUpdated", "isConnected", "update", "connectedCallback", "setConnected", "disconnectedCallback", "noChange", "globalThis", "litElementHydrateSupport", "polyfillSupport", "litElementPolyfillSupport", "globalThis", "litElementVersions", "push", "component_styles_default", "i", "Component", "h", "namespace", "component_styles_default", "component_component_default", "component_default", "component_component_default", "ContextRequestEvent", "Event", "context", "callback", "subscribe", "super", "bubbles", "composed", "this", "ContextConsumer", "host", "contextOrOptions", "callback", "subscribe", "this", "provided", "value", "_callback", "unsubscribe", "requestUpdate", "context", "options", "addController", "hostConnected", "dispatchRequest", "hostDisconnected", "dispatchEvent", "ContextRequestEvent", "ValueNotifier", "value", "this", "_value", "v", "setValue", "force", "update", "Object", "is", "updateObservers", "defaultValue", "subscriptions", "Map", "callback", "disposer", "consumerHost", "subscribe", "has", "set", "delete", "get", "clearCallbacks", "clear", "ContextProviderEvent", "Event", "context", "super", "bubbles", "composed", "this", "ContextProvider", "ValueNotifier", "host", "contextOrOptions", "initialValue", "onContextRequest", "ev", "consumerHost", "composedPath", "stopPropagation", "addCallback", "callback", "subscribe", "onProviderRequest", "childProviderHost", "seen", "Set", "subscriptions", "has", "add", "dispatchEvent", "ContextRequestEvent", "attachListeners", "addController", "addEventListener", "hostConnected", "styles", "i", "provider_styles_default", "Provider", "component_default", "context", "initialValue", "i", "ke", "provider_styles_default", "provider_component_default", "provider_default", "provider_component_default", "ThemeProviderContext", "defaultThemeClass", "TAG_NAME", "themeprovider_context_default", "styles", "i", "themeprovider_styles_default", "ThemeProvider", "provider_default", "themeprovider_context_default", "DEFAULTS", "changedProperties", "themeprovider_styles_default", "__decorateClass", "r", "n", "themeprovider_component_default", "themeprovider_component_default", "TAG_NAME", "themeprovider_default", "hostFitContentStyles", "i", "hostFocusRingStyles", "styles", "hostFitContentStyles", "i", "icon_styles_default", "consume", "options", "host", "context", "subscribe", "s", "providerUtils", "provider_default", "TAG_NAME", "tag_name_default", "ALLOWED_FILE_EXTENSIONS", "ALLOWED_LENGTH_UNITS", "LENGTH_UNIT_SIZE", "DEFAULTS", "IconProviderContext", "TAG_NAME", "iconprovider_context_default", "IconProvider", "provider_default", "iconprovider_context_default", "DEFAULTS", "ALLOWED_FILE_EXTENSIONS", "ALLOWED_LENGTH_UNITS", "__decorateClass", "n", "iconprovider_component_default", "dynamicSVGImport", "url", "name", "fileExtension", "signal", "response", "iconResponse", "returnValue", "TAG_NAME", "tag_name_default", "DEFAULTS", "Icon", "component_default", "DEFAULTS", "provider_default", "iconprovider_component_default", "loadEvent", "fileExtension", "url", "iconHtml", "dynamicSVGImport", "error", "errorEvent", "_a", "value", "_b", "changedProperties", "_c", "_d", "err", "ke", "icon_styles_default", "__decorateClass", "r", "n", "icon_component_default", "icon_component_default", "TAG_NAME", "icon_default", "iconprovider_component_default", "TAG_NAME", "iconprovider_default", "ifDefined", "value", "nothing", "TAG_NAME", "tag_name_default", "AVATAR_TYPE", "MAX_COUNTER", "ICON_NAME", "AVATAR_SIZE", "DEFAULTS", "AvatarComponentMixin", "superClass", "InnerMixinClass", "DEFAULTS", "__decorateClass", "n", "styles", "hostFitContentStyles", "i", "avatar_styles_default", "TAG_NAME", "tag_name_default", "TYPE", "SIZE", "DEFAULTS", "TAG_NAME", "tag_name_default", "TYPE", "VALID_TEXT_TAGS", "DEFAULTS", "getPresenceSize", "size", "AVATAR_SIZE", "SIZE", "getAvatarIconSize", "getAvatarTextFontSize", "TYPE", "Avatar", "AvatarComponentMixin", "component_default", "type", "AVATAR_TYPE", "D", "ke", "getPresenceSize", "to", "name", "DEFAULTS", "getAvatarIconSize", "content", "getAvatarTextFontSize", "counter", "MAX_COUNTER", "initials", "changedProperties", "avatar_styles_default", "__decorateClass", "r", "avatar_component_default", "styles", "hostFitContentStyles", "i", "presence_styles_default", "getIconValue", "type", "TYPE", "Presence", "component_default", "DEFAULTS", "SIZE", "iconName", "getIconValue", "ke", "presence_styles_default", "__decorateClass", "n", "presence_component_default", "presence_component_default", "TAG_NAME", "presence_default", "fontsStyles", "i", "styles", "i", "fontsStyles", "text_styles_default", "Text", "component_default", "DEFAULTS", "VALID_TEXT_TAGS", "ke", "text_styles_default", "__decorateClass", "n", "text_component_default", "text_component_default", "TAG_NAME", "text_default", "avatar_component_default", "TAG_NAME", "avatar_default", "PartType", "ATTRIBUTE", "CHILD", "PROPERTY", "BOOLEAN_ATTRIBUTE", "EVENT", "ELEMENT", "directive", "c", "values", "_$litDirective$", "Directive", "_partInfo", "_$isConnected", "this", "_$parent", "part", "parent", "attributeIndex", "__part", "__attributeIndex", "props", "update", "_part", "render", "classMap", "directive", "Directive", "partInfo", "super", "type", "PartType", "ATTRIBUTE", "name", "strings", "length", "Error", "classInfo", "Object", "keys", "filter", "key", "join", "part", "this", "_previousClasses", "Set", "_staticClasses", "split", "s", "has", "add", "render", "classList", "element", "remove", "delete", "value", "noChange", "TAG_NAME", "tag_name_default", "TYPE", "ICON_NAMES_LIST", "ICON_VARIANT", "ICON_STATE", "BACKGROUND_STYLES", "DEFAULTS", "styles", "hostFitContentStyles", "i", "badge_styles_default", "Badge", "component_default", "DEFAULTS", "maxCounter", "counter", "iconName", "backgroundClassPostfix", "ke", "Rt", "to", "TYPE", "VALID_TEXT_TAGS", "ICON_VARIANT", "type", "variant", "ICON_NAMES_LIST", "ICON_STATE", "changedProperties", "badge_styles_default", "__decorateClass", "n", "badge_component_default", "badge_component_default", "TAG_NAME", "badge_default", "styles", "i", "button_styles_default", "TAG_NAME", "tag_name_default", "BUTTON_SIZES", "BUTTON_TYPE", "DEFAULTS", "TAG_NAME", "tag_name_default", "BUTTON_VARIANTS", "PILL_BUTTON_SIZES", "ICON_BUTTON_SIZES", "BUTTON_COLORS", "BUTTON_TYPE_INTERNAL", "DEFAULTS", "BUTTON_TYPE", "getIconSize", "size", "ICON_BUTTON_SIZES", "getIconNameWithoutStyle", "iconName", "iconParts", "variants", "part", "styles", "hostFitContentStyles", "i", "hostFocusRingStyles", "buttonsimple_styles_default", "Buttonsimple", "component_default", "DEFAULTS", "changedProperties", "BUTTON_TYPE", "element", "active", "softDisabled", "disabled", "clickEvent", "event", "ke", "buttonsimple_styles_default", "__decorateClass", "n", "buttonsimple_component_default", "buttonsimple_component_default", "TAG_NAME", "buttonsimple_default", "Button", "buttonsimple_default", "DEFAULTS", "changedProperties", "active", "getIconNameWithoutStyle", "variant", "BUTTON_VARIANTS", "size", "isValidSize", "BUTTON_TYPE_INTERNAL", "ICON_BUTTON_SIZES", "PILL_BUTTON_SIZES", "getIconSize", "color", "BUTTON_COLORS", "_a", "_b", "slot", "ke", "button_styles_default", "__decorateClass", "n", "r", "button_component_default", "button_component_default", "TAG_NAME", "button_default", "styles", "i", "bullet_styles_default", "TAG_NAME", "tag_name_default", "SIZE", "Bullet", "component_default", "SIZE", "bullet_styles_default", "__decorateClass", "n", "bullet_component_default", "bullet_component_default", "TAG_NAME", "bullet_default", "styles", "i", "marker_styles_default", "TAG_NAME", "tag_name_default", "MARKER_VARIANTS", "Marker", "component_default", "MARKER_VARIANTS", "marker_styles_default", "__decorateClass", "n", "marker_component_default", "marker_component_default", "TAG_NAME", "marker_default", "styles", "hostFitContentStyles", "i", "divider_styles_default", "TAG_NAME", "tag_name_default", "DIVIDER_ORIENTATION", "DIVIDER_VARIANT", "DIRECTIONS", "ARROW_ICONS", "DEFAULTS", "Divider", "component_default", "DEFAULTS", "variant", "DIVIDER_VARIANT", "orientation", "DIVIDER_ORIENTATION", "defaultDirection", "DIRECTIONS", "buttonElement", "iconType", "isHorizontal", "isPositive", "ARROW_ICONS", "changedProperties", "_a", "slot", "assignedElements", "hasTextChild", "el", "TAG_NAME", "hasButtonChild", "ke", "divider_styles_default", "__decorateClass", "n", "divider_component_default", "divider_component_default", "TAG_NAME", "divider_default", "styles", "hostFitContentStyles", "i", "hostFocusRingStyles", "avatarbutton_styles_default", "AvatarButton", "AvatarComponentMixin", "buttonsimple_default", "DEFAULTS", "changedProperties", "size", "AVATAR_SIZE", "ke", "to", "avatarbutton_styles_default", "__decorateClass", "n", "avatarbutton_component_default", "TAG_NAME", "tag_name_default", "avatarbutton_component_default", "TAG_NAME", "avatarbutton_default"]
3
+ "sources": ["../../../../node_modules/@lit/reactive-element/src/css-tag.ts", "../../../../node_modules/@lit/reactive-element/src/reactive-element.ts", "../../../../node_modules/@lit/reactive-element/src/decorators/property.ts", "../../../../node_modules/@lit/reactive-element/src/decorators/state.ts", "../../src/utils/tag-name/constants.ts", "../../src/utils/tag-name/index.ts", "../../src/components/themeprovider/themeprovider.constants.ts", "../../../../node_modules/lit-html/src/lit-html.ts", "../../../../node_modules/lit-element/src/lit-element.ts", "../../src/models/component/component.styles.ts", "../../src/models/component/component.component.ts", "../../src/models/component/index.ts", "../../../../node_modules/@lit/context/src/lib/context-request-event.ts", "../../../../node_modules/@lit/context/src/lib/controllers/context-consumer.ts", "../../../../node_modules/@lit/context/src/lib/value-notifier.ts", "../../../../node_modules/@lit/context/src/lib/controllers/context-provider.ts", "../../src/models/provider/provider.styles.ts", "../../src/models/provider/provider.component.ts", "../../src/models/provider/index.ts", "../../src/components/themeprovider/themeprovider.context.ts", "../../src/components/themeprovider/themeprovider.styles.ts", "../../src/components/themeprovider/themeprovider.component.ts", "../../src/components/themeprovider/index.ts", "../../src/utils/styles/index.ts", "../../src/components/icon/icon.styles.ts", "../../src/utils/provider/index.ts", "../../src/components/iconprovider/iconprovider.constants.ts", "../../src/components/iconprovider/iconprovider.context.ts", "../../src/components/iconprovider/iconprovider.component.ts", "../../src/components/icon/icon.utils.ts", "../../src/components/icon/icon.constants.ts", "../../src/components/icon/icon.component.ts", "../../src/components/icon/index.ts", "../../src/components/iconprovider/index.ts", "../../../../node_modules/lit-html/src/directives/if-defined.ts", "../../src/components/avatar/avatar.constants.ts", "../../src/utils/mixins/AvatarComponentMixin.ts", "../../src/components/avatar/avatar.styles.ts", "../../src/components/presence/presence.constants.ts", "../../src/components/text/text.constants.ts", "../../src/components/avatar/avatar.utils.ts", "../../src/components/avatar/avatar.component.ts", "../../src/components/presence/presence.styles.ts", "../../src/components/presence/presence.utils.ts", "../../src/components/presence/presence.component.ts", "../../src/components/presence/index.ts", "../../src/components/text/fonts.styles.ts", "../../src/components/text/text.styles.ts", "../../src/components/text/text.component.ts", "../../src/components/text/index.ts", "../../src/components/avatar/index.ts", "../../../../node_modules/lit-html/src/directive.ts", "../../../../node_modules/lit-html/src/directives/class-map.ts", "../../src/components/badge/badge.constants.ts", "../../src/components/badge/badge.styles.ts", "../../src/components/badge/badge.component.ts", "../../src/components/badge/index.ts", "../../src/components/button/button.styles.ts", "../../src/components/buttonsimple/buttonsimple.constants.ts", "../../src/components/button/button.constants.ts", "../../src/components/button/button.utils.ts", "../../src/components/buttonsimple/buttonsimple.styles.ts", "../../src/utils/mixins/DisabledMixin.ts", "../../src/utils/mixins/TabIndexMixin.ts", "../../src/components/buttonsimple/buttonsimple.component.ts", "../../src/components/buttonsimple/index.ts", "../../src/components/button/button.component.ts", "../../src/components/button/index.ts", "../../src/components/bullet/bullet.styles.ts", "../../src/components/bullet/bullet.constants.ts", "../../src/components/bullet/bullet.component.ts", "../../src/components/bullet/index.ts", "../../src/components/marker/marker.styles.ts", "../../src/components/marker/marker.constants.ts", "../../src/components/marker/marker.component.ts", "../../src/components/marker/index.ts", "../../src/components/divider/divider.styles.ts", "../../src/components/divider/divider.constants.ts", "../../src/components/divider/divider.component.ts", "../../src/components/divider/index.ts", "../../src/components/avatarbutton/avatarbutton.styles.ts", "../../src/components/avatarbutton/avatarbutton.component.ts", "../../src/components/avatarbutton/avatarbutton.constants.ts", "../../src/components/avatarbutton/index.ts"],
4
+ "sourcesContent": ["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nconst NODE_MODE = false;\n\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\n/**\n * Whether the current browser supports `adoptedStyleSheets`.\n */\nexport const supportsAdoptingStyleSheets: boolean =\n global.ShadowRoot &&\n (global.ShadyCSS === undefined || global.ShadyCSS.nativeShadow) &&\n 'adoptedStyleSheets' in Document.prototype &&\n 'replace' in CSSStyleSheet.prototype;\n\n/**\n * A CSSResult or native CSSStyleSheet.\n *\n * In browsers that support constructible CSS style sheets, CSSStyleSheet\n * object can be used for styling along side CSSResult from the `css`\n * template tag.\n */\nexport type CSSResultOrNative = CSSResult | CSSStyleSheet;\n\nexport type CSSResultArray = Array<CSSResultOrNative | CSSResultArray>;\n\n/**\n * A single CSSResult, CSSStyleSheet, or an array or nested arrays of those.\n */\nexport type CSSResultGroup = CSSResultOrNative | CSSResultArray;\n\nconst constructionToken = Symbol();\n\nconst cssTagCache = new WeakMap<TemplateStringsArray, CSSStyleSheet>();\n\n/**\n * A container for a string of CSS text, that may be used to create a CSSStyleSheet.\n *\n * CSSResult is the return value of `css`-tagged template literals and\n * `unsafeCSS()`. In order to ensure that CSSResults are only created via the\n * `css` tag and `unsafeCSS()`, CSSResult cannot be constructed directly.\n */\nexport class CSSResult {\n // This property needs to remain unminified.\n ['_$cssResult$'] = true;\n readonly cssText: string;\n private _styleSheet?: CSSStyleSheet;\n private _strings: TemplateStringsArray | undefined;\n\n private constructor(\n cssText: string,\n strings: TemplateStringsArray | undefined,\n safeToken: symbol\n ) {\n if (safeToken !== constructionToken) {\n throw new Error(\n 'CSSResult is not constructable. Use `unsafeCSS` or `css` instead.'\n );\n }\n this.cssText = cssText;\n this._strings = strings;\n }\n\n // This is a getter so that it's lazy. In practice, this means stylesheets\n // are not created until the first element instance is made.\n get styleSheet(): CSSStyleSheet | undefined {\n // If `supportsAdoptingStyleSheets` is true then we assume CSSStyleSheet is\n // constructable.\n let styleSheet = this._styleSheet;\n const strings = this._strings;\n if (supportsAdoptingStyleSheets && styleSheet === undefined) {\n const cacheable = strings !== undefined && strings.length === 1;\n if (cacheable) {\n styleSheet = cssTagCache.get(strings);\n }\n if (styleSheet === undefined) {\n (this._styleSheet = styleSheet = new CSSStyleSheet()).replaceSync(\n this.cssText\n );\n if (cacheable) {\n cssTagCache.set(strings, styleSheet);\n }\n }\n }\n return styleSheet;\n }\n\n toString(): string {\n return this.cssText;\n }\n}\n\ntype ConstructableCSSResult = CSSResult & {\n new (\n cssText: string,\n strings: TemplateStringsArray | undefined,\n safeToken: symbol\n ): CSSResult;\n};\n\nconst textFromCSSResult = (value: CSSResultGroup | number) => {\n // This property needs to remain unminified.\n if ((value as CSSResult)['_$cssResult$'] === true) {\n return (value as CSSResult).cssText;\n } else if (typeof value === 'number') {\n return value;\n } else {\n throw new Error(\n `Value passed to 'css' function must be a 'css' function result: ` +\n `${value}. Use 'unsafeCSS' to pass non-literal values, but take care ` +\n `to ensure page security.`\n );\n }\n};\n\n/**\n * Wrap a value for interpolation in a {@linkcode css} tagged template literal.\n *\n * This is unsafe because untrusted CSS text can be used to phone home\n * or exfiltrate data to an attacker controlled site. Take care to only use\n * this with trusted input.\n */\nexport const unsafeCSS = (value: unknown) =>\n new (CSSResult as ConstructableCSSResult)(\n typeof value === 'string' ? value : String(value),\n undefined,\n constructionToken\n );\n\n/**\n * A template literal tag which can be used with LitElement's\n * {@linkcode LitElement.styles} property to set element styles.\n *\n * For security reasons, only literal string values and number may be used in\n * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS}\n * may be used inside an expression.\n */\nexport const css = (\n strings: TemplateStringsArray,\n ...values: (CSSResultGroup | number)[]\n): CSSResult => {\n const cssText =\n strings.length === 1\n ? strings[0]\n : values.reduce(\n (acc, v, idx) => acc + textFromCSSResult(v) + strings[idx + 1],\n strings[0]\n );\n return new (CSSResult as ConstructableCSSResult)(\n cssText,\n strings,\n constructionToken\n );\n};\n\n/**\n * Applies the given styles to a `shadowRoot`. When Shadow DOM is\n * available but `adoptedStyleSheets` is not, styles are appended to the\n * `shadowRoot` to [mimic spec behavior](https://wicg.github.io/construct-stylesheets/#using-constructed-stylesheets).\n * Note, when shimming is used, any styles that are subsequently placed into\n * the shadowRoot should be placed *before* any shimmed adopted styles. This\n * will match spec behavior that gives adopted sheets precedence over styles in\n * shadowRoot.\n */\nexport const adoptStyles = (\n renderRoot: ShadowRoot,\n styles: Array<CSSResultOrNative>\n) => {\n if (supportsAdoptingStyleSheets) {\n (renderRoot as ShadowRoot).adoptedStyleSheets = styles.map((s) =>\n s instanceof CSSStyleSheet ? s : s.styleSheet!\n );\n } else {\n for (const s of styles) {\n const style = document.createElement('style');\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const nonce = (global as any)['litNonce'];\n if (nonce !== undefined) {\n style.setAttribute('nonce', nonce);\n }\n style.textContent = (s as CSSResult).cssText;\n renderRoot.appendChild(style);\n }\n }\n};\n\nconst cssResultFromStyleSheet = (sheet: CSSStyleSheet) => {\n let cssText = '';\n for (const rule of sheet.cssRules) {\n cssText += rule.cssText;\n }\n return unsafeCSS(cssText);\n};\n\nexport const getCompatibleStyle =\n supportsAdoptingStyleSheets ||\n (NODE_MODE && global.CSSStyleSheet === undefined)\n ? (s: CSSResultOrNative) => s\n : (s: CSSResultOrNative) =>\n s instanceof CSSStyleSheet ? cssResultFromStyleSheet(s) : s;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Use this module if you want to create your own base class extending\n * {@link ReactiveElement}.\n * @packageDocumentation\n */\n\nimport {\n getCompatibleStyle,\n adoptStyles,\n CSSResultGroup,\n CSSResultOrNative,\n} from './css-tag.js';\nimport type {\n ReactiveController,\n ReactiveControllerHost,\n} from './reactive-controller.js';\n\n// In the Node build, this import will be injected by Rollup:\n// import {HTMLElement, customElements} from '@lit-labs/ssr-dom-shim';\n\nexport * from './css-tag.js';\nexport type {\n ReactiveController,\n ReactiveControllerHost,\n} from './reactive-controller.js';\n\n/**\n * Removes the `readonly` modifier from properties in the union K.\n *\n * This is a safer way to cast a value to a type with a mutable version of a\n * readonly field, than casting to an interface with the field re-declared\n * because it preserves the type of all the fields and warns on typos.\n */\ntype Mutable<T, K extends keyof T> = Omit<T, K> & {\n -readonly [P in keyof Pick<T, K>]: P extends K ? T[P] : never;\n};\n\n// TODO (justinfagnani): Add `hasOwn` here when we ship ES2022\nconst {\n is,\n defineProperty,\n getOwnPropertyDescriptor,\n getOwnPropertyNames,\n getOwnPropertySymbols,\n getPrototypeOf,\n} = Object;\n\nconst NODE_MODE = false;\n\n// Lets a minifier replace globalThis references with a minified name\nconst global = globalThis;\n\nif (NODE_MODE) {\n global.customElements ??= customElements;\n}\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nconst trustedTypes = (global as unknown as {trustedTypes?: {emptyScript: ''}})\n .trustedTypes;\n\n// Temporary workaround for https://crbug.com/993268\n// Currently, any attribute starting with \"on\" is considered to be a\n// TrustedScript source. Such boolean attributes must be set to the equivalent\n// trusted emptyScript value.\nconst emptyStringForBooleanAttribute = trustedTypes\n ? (trustedTypes.emptyScript as unknown as '')\n : '';\n\nconst polyfillSupport = DEV_MODE\n ? global.reactiveElementPolyfillSupportDevMode\n : global.reactiveElementPolyfillSupport;\n\nif (DEV_MODE) {\n // Ensure warnings are issued only 1x, even if multiple versions of Lit\n // are loaded.\n const issuedWarnings: Set<string | undefined> = (global.litIssuedWarnings ??=\n new Set());\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += ` See https://lit.dev/msg/${code} for more information.`;\n if (!issuedWarnings.has(warning)) {\n console.warn(warning);\n issuedWarnings.add(warning);\n }\n };\n\n issueWarning(\n 'dev-mode',\n `Lit is in dev mode. Not recommended for production!`\n );\n\n // Issue polyfill support warning.\n if (global.ShadyDOM?.inUse && polyfillSupport === undefined) {\n issueWarning(\n 'polyfill-support-missing',\n `Shadow DOM is being polyfilled via \\`ShadyDOM\\` but ` +\n `the \\`polyfill-support\\` module has not been loaded.`\n );\n }\n}\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace ReactiveUnstable {\n /**\n * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n * we will emit 'lit-debug' events to window, with live details about the update and render\n * lifecycle. These can be useful for writing debug tooling and visualizations.\n *\n * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n * making certain operations that are normally very cheap (like a no-op render) much slower,\n * because we must copy data and dispatch events.\n */\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace DebugLog {\n export type Entry = Update;\n export interface Update {\n kind: 'update';\n }\n }\n}\n\ninterface DebugLoggingWindow {\n // Even in dev mode, we generally don't want to emit these events, as that's\n // another level of cost, so only emit them when DEV_MODE is true _and_ when\n // window.emitLitDebugEvents is true.\n emitLitDebugLogEvents?: boolean;\n}\n\n/**\n * Useful for visualizing and logging insights into what the Lit template system is doing.\n *\n * Compiled out of prod mode builds.\n */\nconst debugLogEvent = DEV_MODE\n ? (event: ReactiveUnstable.DebugLog.Entry) => {\n const shouldEmit = (global as unknown as DebugLoggingWindow)\n .emitLitDebugLogEvents;\n if (!shouldEmit) {\n return;\n }\n global.dispatchEvent(\n new CustomEvent<ReactiveUnstable.DebugLog.Entry>('lit-debug', {\n detail: event,\n })\n );\n }\n : undefined;\n\n/*\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\n/*@__INLINE__*/\nconst JSCompiler_renameProperty = <P extends PropertyKey>(\n prop: P,\n _obj: unknown\n): P => prop;\n\n/**\n * Converts property values to and from attribute values.\n */\nexport interface ComplexAttributeConverter<Type = unknown, TypeHint = unknown> {\n /**\n * Called to convert an attribute value to a property\n * value.\n */\n fromAttribute?(value: string | null, type?: TypeHint): Type;\n\n /**\n * Called to convert a property value to an attribute\n * value.\n *\n * It returns unknown instead of string, to be compatible with\n * https://github.com/WICG/trusted-types (and similar efforts).\n */\n toAttribute?(value: Type, type?: TypeHint): unknown;\n}\n\ntype AttributeConverter<Type = unknown, TypeHint = unknown> =\n | ComplexAttributeConverter<Type>\n | ((value: string | null, type?: TypeHint) => Type);\n\n/**\n * Defines options for a property accessor.\n */\nexport interface PropertyDeclaration<Type = unknown, TypeHint = unknown> {\n /**\n * When set to `true`, indicates the property is internal private state. The\n * property should not be set by users. When using TypeScript, this property\n * should be marked as `private` or `protected`, and it is also a common\n * practice to use a leading `_` in the name. The property is not added to\n * `observedAttributes`.\n */\n readonly state?: boolean;\n\n /**\n * Indicates how and whether the property becomes an observed attribute.\n * If the value is `false`, the property is not added to `observedAttributes`.\n * If true or absent, the lowercased property name is observed (e.g. `fooBar`\n * becomes `foobar`). If a string, the string value is observed (e.g\n * `attribute: 'foo-bar'`).\n */\n readonly attribute?: boolean | string;\n\n /**\n * Indicates the type of the property. This is used only as a hint for the\n * `converter` to determine how to convert the attribute\n * to/from a property.\n */\n readonly type?: TypeHint;\n\n /**\n * Indicates how to convert the attribute to/from a property. If this value\n * is a function, it is used to convert the attribute value a the property\n * value. If it's an object, it can have keys for `fromAttribute` and\n * `toAttribute`. If no `toAttribute` function is provided and\n * `reflect` is set to `true`, the property value is set directly to the\n * attribute. A default `converter` is used if none is provided; it supports\n * `Boolean`, `String`, `Number`, `Object`, and `Array`. Note,\n * when a property changes and the converter is used to update the attribute,\n * the property is never updated again as a result of the attribute changing,\n * and vice versa.\n */\n readonly converter?: AttributeConverter<Type, TypeHint>;\n\n /**\n * Indicates if the property should reflect to an attribute.\n * If `true`, when the property is set, the attribute is set using the\n * attribute name determined according to the rules for the `attribute`\n * property option and the value of the property converted using the rules\n * from the `converter` property option.\n */\n readonly reflect?: boolean;\n\n /**\n * A function that indicates if a property should be considered changed when\n * it is set. The function should take the `newValue` and `oldValue` and\n * return `true` if an update should be requested.\n */\n hasChanged?(value: Type, oldValue: Type): boolean;\n\n /**\n * Indicates whether an accessor will be created for this property. By\n * default, an accessor will be generated for this property that requests an\n * update when set. If this flag is `true`, no accessor will be created, and\n * it will be the user's responsibility to call\n * `this.requestUpdate(propertyName, oldValue)` to request an update when\n * the property changes.\n */\n readonly noAccessor?: boolean;\n\n /**\n * Whether this property is wrapping accessors. This is set by `@property`\n * to control the initial value change and reflection logic.\n *\n * @internal\n */\n wrapped?: boolean;\n}\n\n/**\n * Map of properties to PropertyDeclaration options. For each property an\n * accessor is made, and the property is processed according to the\n * PropertyDeclaration options.\n */\nexport interface PropertyDeclarations {\n readonly [key: string]: PropertyDeclaration;\n}\n\ntype PropertyDeclarationMap = Map<PropertyKey, PropertyDeclaration>;\n\ntype AttributeMap = Map<string, PropertyKey>;\n\n/**\n * A Map of property keys to values.\n *\n * Takes an optional type parameter T, which when specified as a non-any,\n * non-unknown type, will make the Map more strongly-typed, associating the map\n * keys with their corresponding value type on T.\n *\n * Use `PropertyValues<this>` when overriding ReactiveElement.update() and\n * other lifecycle methods in order to get stronger type-checking on keys\n * and values.\n */\n// This type is conditional so that if the parameter T is not specified, or\n// is `any`, the type will include `Map<PropertyKey, unknown>`. Since T is not\n// given in the uses of PropertyValues in this file, all uses here fallback to\n// meaning `Map<PropertyKey, unknown>`, but if a developer uses\n// `PropertyValues<this>` (or any other value for T) they will get a\n// strongly-typed Map type.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type PropertyValues<T = any> = T extends object\n ? PropertyValueMap<T>\n : Map<PropertyKey, unknown>;\n\n/**\n * Do not use, instead prefer {@linkcode PropertyValues}.\n */\n// This type must be exported such that JavaScript generated by the Google\n// Closure Compiler can import a type reference.\nexport interface PropertyValueMap<T> extends Map<PropertyKey, unknown> {\n get<K extends keyof T>(k: K): T[K] | undefined;\n set<K extends keyof T>(key: K, value: T[K]): this;\n has<K extends keyof T>(k: K): boolean;\n delete<K extends keyof T>(k: K): boolean;\n}\n\nexport const defaultConverter: ComplexAttributeConverter = {\n toAttribute(value: unknown, type?: unknown): unknown {\n switch (type) {\n case Boolean:\n value = value ? emptyStringForBooleanAttribute : null;\n break;\n case Object:\n case Array:\n // if the value is `null` or `undefined` pass this through\n // to allow removing/no change behavior.\n value = value == null ? value : JSON.stringify(value);\n break;\n }\n return value;\n },\n\n fromAttribute(value: string | null, type?: unknown) {\n let fromValue: unknown = value;\n switch (type) {\n case Boolean:\n fromValue = value !== null;\n break;\n case Number:\n fromValue = value === null ? null : Number(value);\n break;\n case Object:\n case Array:\n // Do *not* generate exception when invalid JSON is set as elements\n // don't normally complain on being mis-configured.\n // TODO(sorvell): Do generate exception in *dev mode*.\n try {\n // Assert to adhere to Bazel's \"must type assert JSON parse\" rule.\n fromValue = JSON.parse(value!) as unknown;\n } catch (e) {\n fromValue = null;\n }\n break;\n }\n return fromValue;\n },\n};\n\nexport interface HasChanged {\n (value: unknown, old: unknown): boolean;\n}\n\n/**\n * Change function that returns true if `value` is different from `oldValue`.\n * This method is used as the default for a property's `hasChanged` function.\n */\nexport const notEqual: HasChanged = (value: unknown, old: unknown): boolean =>\n !is(value, old);\n\nconst defaultPropertyDeclaration: PropertyDeclaration = {\n attribute: true,\n type: String,\n converter: defaultConverter,\n reflect: false,\n hasChanged: notEqual,\n};\n\n/**\n * A string representing one of the supported dev mode warning categories.\n */\nexport type WarningKind =\n | 'change-in-update'\n | 'migration'\n | 'async-perform-update';\n\nexport type Initializer = (element: ReactiveElement) => void;\n\n// Temporary, until google3 is on TypeScript 5.2\ndeclare global {\n interface SymbolConstructor {\n readonly metadata: unique symbol;\n }\n}\n\n// Ensure metadata is enabled. TypeScript does not polyfill\n// Symbol.metadata, so we must ensure that it exists.\n(Symbol as {metadata: symbol}).metadata ??= Symbol('metadata');\n\ndeclare global {\n // This is public global API, do not change!\n // eslint-disable-next-line no-var\n var litPropertyMetadata: WeakMap<\n object,\n Map<PropertyKey, PropertyDeclaration>\n >;\n}\n\n// Map from a class's metadata object to property options\n// Note that we must use nullish-coalescing assignment so that we only use one\n// map even if we load multiple version of this module.\nglobal.litPropertyMetadata ??= new WeakMap<\n object,\n Map<PropertyKey, PropertyDeclaration>\n>();\n\n/**\n * Base element class which manages element properties and attributes. When\n * properties change, the `update` method is asynchronously called. This method\n * should be supplied by subclasses to render updates as desired.\n * @noInheritDoc\n */\nexport abstract class ReactiveElement\n // In the Node build, this `extends` clause will be substituted with\n // `(globalThis.HTMLElement ?? HTMLElement)`.\n //\n // This way, we will first prefer any global `HTMLElement` polyfill that the\n // user has assigned, and then fall back to the `HTMLElement` shim which has\n // been imported (see note at the top of this file about how this import is\n // generated by Rollup). Note that the `HTMLElement` variable has been\n // shadowed by this import, so it no longer refers to the global.\n extends HTMLElement\n implements ReactiveControllerHost\n{\n // Note: these are patched in only in DEV_MODE.\n /**\n * Read or set all the enabled warning categories for this class.\n *\n * This property is only used in development builds.\n *\n * @nocollapse\n * @category dev-mode\n */\n static enabledWarnings?: WarningKind[];\n\n /**\n * Enable the given warning category for this class.\n *\n * This method only exists in development builds, so it should be accessed\n * with a guard like:\n *\n * ```ts\n * // Enable for all ReactiveElement subclasses\n * ReactiveElement.enableWarning?.('migration');\n *\n * // Enable for only MyElement and subclasses\n * MyElement.enableWarning?.('migration');\n * ```\n *\n * @nocollapse\n * @category dev-mode\n */\n static enableWarning?: (warningKind: WarningKind) => void;\n\n /**\n * Disable the given warning category for this class.\n *\n * This method only exists in development builds, so it should be accessed\n * with a guard like:\n *\n * ```ts\n * // Disable for all ReactiveElement subclasses\n * ReactiveElement.disableWarning?.('migration');\n *\n * // Disable for only MyElement and subclasses\n * MyElement.disableWarning?.('migration');\n * ```\n *\n * @nocollapse\n * @category dev-mode\n */\n static disableWarning?: (warningKind: WarningKind) => void;\n\n /**\n * Adds an initializer function to the class that is called during instance\n * construction.\n *\n * This is useful for code that runs against a `ReactiveElement`\n * subclass, such as a decorator, that needs to do work for each\n * instance, such as setting up a `ReactiveController`.\n *\n * ```ts\n * const myDecorator = (target: typeof ReactiveElement, key: string) => {\n * target.addInitializer((instance: ReactiveElement) => {\n * // This is run during construction of the element\n * new MyController(instance);\n * });\n * }\n * ```\n *\n * Decorating a field will then cause each instance to run an initializer\n * that adds a controller:\n *\n * ```ts\n * class MyElement extends LitElement {\n * @myDecorator foo;\n * }\n * ```\n *\n * Initializers are stored per-constructor. Adding an initializer to a\n * subclass does not add it to a superclass. Since initializers are run in\n * constructors, initializers will run in order of the class hierarchy,\n * starting with superclasses and progressing to the instance's class.\n *\n * @nocollapse\n */\n static addInitializer(initializer: Initializer) {\n this.__prepare();\n (this._initializers ??= []).push(initializer);\n }\n\n static _initializers?: Initializer[];\n\n /*\n * Due to closure compiler ES6 compilation bugs, @nocollapse is required on\n * all static methods and properties with initializers. Reference:\n * - https://github.com/google/closure-compiler/issues/1776\n */\n\n /**\n * Maps attribute names to properties; for example `foobar` attribute to\n * `fooBar` property. Created lazily on user subclasses when finalizing the\n * class.\n * @nocollapse\n */\n private static __attributeToPropertyMap: AttributeMap;\n\n /**\n * Marks class as having been finalized, which includes creating properties\n * from `static properties`, but does *not* include all properties created\n * from decorators.\n * @nocollapse\n */\n protected static finalized: true | undefined;\n\n /**\n * Memoized list of all element properties, including any superclass\n * properties. Created lazily on user subclasses when finalizing the class.\n *\n * @nocollapse\n * @category properties\n */\n static elementProperties: PropertyDeclarationMap;\n\n /**\n * User-supplied object that maps property names to `PropertyDeclaration`\n * objects containing options for configuring reactive properties. When\n * a reactive property is set the element will update and render.\n *\n * By default properties are public fields, and as such, they should be\n * considered as primarily settable by element users, either via attribute or\n * the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the `state: true` option. Properties\n * marked as `state` do not reflect from the corresponding attribute\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating\n * public properties should typically not be done for non-primitive (object or\n * array) properties. In other cases when an element needs to manage state, a\n * private property set with the `state: true` option should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n * @nocollapse\n * @category properties\n */\n static properties: PropertyDeclarations;\n\n /**\n * Memoized list of all element styles.\n * Created lazily on user subclasses when finalizing the class.\n * @nocollapse\n * @category styles\n */\n static elementStyles: Array<CSSResultOrNative> = [];\n\n /**\n * Array of styles to apply to the element. The styles should be defined\n * using the {@linkcode css} tag function, via constructible stylesheets, or\n * imported from native CSS module scripts.\n *\n * Note on Content Security Policy:\n *\n * Element styles are implemented with `<style>` tags when the browser doesn't\n * support adopted StyleSheets. To use such `<style>` tags with the style-src\n * CSP directive, the style-src value must either include 'unsafe-inline' or\n * `nonce-<base64-value>` with `<base64-value>` replaced be a server-generated\n * nonce.\n *\n * To provide a nonce to use on generated `<style>` elements, set\n * `window.litNonce` to a server-generated nonce in your page's HTML, before\n * loading application code:\n *\n * ```html\n * <script>\n * // Generated and unique per request:\n * window.litNonce = 'a1b2c3d4';\n * </script>\n * ```\n * @nocollapse\n * @category styles\n */\n static styles?: CSSResultGroup;\n\n /**\n * Returns a list of attributes corresponding to the registered properties.\n * @nocollapse\n * @category attributes\n */\n static get observedAttributes() {\n // Ensure we've created all properties\n this.finalize();\n // this.__attributeToPropertyMap is only undefined after finalize() in\n // ReactiveElement itself. ReactiveElement.observedAttributes is only\n // accessed with ReactiveElement as the receiver when a subclass or mixin\n // calls super.observedAttributes\n return (\n this.__attributeToPropertyMap && [...this.__attributeToPropertyMap.keys()]\n );\n }\n\n private __instanceProperties?: PropertyValues = undefined;\n\n /**\n * Creates a property accessor on the element prototype if one does not exist\n * and stores a {@linkcode PropertyDeclaration} for the property with the\n * given options. The property setter calls the property's `hasChanged`\n * property option or uses a strict identity check to determine whether or not\n * to request an update.\n *\n * This method may be overridden to customize properties; however,\n * when doing so, it's important to call `super.createProperty` to ensure\n * the property is setup correctly. This method calls\n * `getPropertyDescriptor` internally to get a descriptor to install.\n * To customize what properties do when they are get or set, override\n * `getPropertyDescriptor`. To customize the options for a property,\n * implement `createProperty` like this:\n *\n * ```ts\n * static createProperty(name, options) {\n * options = Object.assign(options, {myOption: true});\n * super.createProperty(name, options);\n * }\n * ```\n *\n * @nocollapse\n * @category properties\n */\n static createProperty(\n name: PropertyKey,\n options: PropertyDeclaration = defaultPropertyDeclaration\n ) {\n // If this is a state property, force the attribute to false.\n if (options.state) {\n (options as Mutable<PropertyDeclaration, 'attribute'>).attribute = false;\n }\n this.__prepare();\n this.elementProperties.set(name, options);\n if (!options.noAccessor) {\n const key = DEV_MODE\n ? // Use Symbol.for in dev mode to make it easier to maintain state\n // when doing HMR.\n Symbol.for(`${String(name)} (@property() cache)`)\n : Symbol();\n const descriptor = this.getPropertyDescriptor(name, key, options);\n if (descriptor !== undefined) {\n defineProperty(this.prototype, name, descriptor);\n }\n }\n }\n\n /**\n * Returns a property descriptor to be defined on the given named property.\n * If no descriptor is returned, the property will not become an accessor.\n * For example,\n *\n * ```ts\n * class MyElement extends LitElement {\n * static getPropertyDescriptor(name, key, options) {\n * const defaultDescriptor =\n * super.getPropertyDescriptor(name, key, options);\n * const setter = defaultDescriptor.set;\n * return {\n * get: defaultDescriptor.get,\n * set(value) {\n * setter.call(this, value);\n * // custom action.\n * },\n * configurable: true,\n * enumerable: true\n * }\n * }\n * }\n * ```\n *\n * @nocollapse\n * @category properties\n */\n protected static getPropertyDescriptor(\n name: PropertyKey,\n key: string | symbol,\n options: PropertyDeclaration\n ): PropertyDescriptor | undefined {\n const {get, set} = getOwnPropertyDescriptor(this.prototype, name) ?? {\n get(this: ReactiveElement) {\n return this[key as keyof typeof this];\n },\n set(this: ReactiveElement, v: unknown) {\n (this as unknown as Record<string | symbol, unknown>)[key] = v;\n },\n };\n if (DEV_MODE && get == null) {\n if ('value' in (getOwnPropertyDescriptor(this.prototype, name) ?? {})) {\n throw new Error(\n `Field ${JSON.stringify(String(name))} on ` +\n `${this.name} was declared as a reactive property ` +\n `but it's actually declared as a value on the prototype. ` +\n `Usually this is due to using @property or @state on a method.`\n );\n }\n issueWarning(\n 'reactive-property-without-getter',\n `Field ${JSON.stringify(String(name))} on ` +\n `${this.name} was declared as a reactive property ` +\n `but it does not have a getter. This will be an error in a ` +\n `future version of Lit.`\n );\n }\n return {\n get(this: ReactiveElement) {\n return get?.call(this);\n },\n set(this: ReactiveElement, value: unknown) {\n const oldValue = get?.call(this);\n set!.call(this, value);\n this.requestUpdate(name, oldValue, options);\n },\n configurable: true,\n enumerable: true,\n };\n }\n\n /**\n * Returns the property options associated with the given property.\n * These options are defined with a `PropertyDeclaration` via the `properties`\n * object or the `@property` decorator and are registered in\n * `createProperty(...)`.\n *\n * Note, this method should be considered \"final\" and not overridden. To\n * customize the options for a given property, override\n * {@linkcode createProperty}.\n *\n * @nocollapse\n * @final\n * @category properties\n */\n static getPropertyOptions(name: PropertyKey) {\n return this.elementProperties.get(name) ?? defaultPropertyDeclaration;\n }\n\n // Temporary, until google3 is on TypeScript 5.2\n declare static [Symbol.metadata]: object & Record<PropertyKey, unknown>;\n\n /**\n * Initializes static own properties of the class used in bookkeeping\n * for element properties, initializers, etc.\n *\n * Can be called multiple times by code that needs to ensure these\n * properties exist before using them.\n *\n * This method ensures the superclass is finalized so that inherited\n * property metadata can be copied down.\n * @nocollapse\n */\n private static __prepare() {\n if (\n this.hasOwnProperty(JSCompiler_renameProperty('elementProperties', this))\n ) {\n // Already prepared\n return;\n }\n // Finalize any superclasses\n const superCtor = getPrototypeOf(this) as typeof ReactiveElement;\n superCtor.finalize();\n\n // Create own set of initializers for this class if any exist on the\n // superclass and copy them down. Note, for a small perf boost, avoid\n // creating initializers unless needed.\n if (superCtor._initializers !== undefined) {\n this._initializers = [...superCtor._initializers];\n }\n // Initialize elementProperties from the superclass\n this.elementProperties = new Map(superCtor.elementProperties);\n }\n\n /**\n * Finishes setting up the class so that it's ready to be registered\n * as a custom element and instantiated.\n *\n * This method is called by the ReactiveElement.observedAttributes getter.\n * If you override the observedAttributes getter, you must either call\n * super.observedAttributes to trigger finalization, or call finalize()\n * yourself.\n *\n * @nocollapse\n */\n protected static finalize() {\n if (this.hasOwnProperty(JSCompiler_renameProperty('finalized', this))) {\n return;\n }\n this.finalized = true;\n this.__prepare();\n\n // Create properties from the static properties block:\n if (this.hasOwnProperty(JSCompiler_renameProperty('properties', this))) {\n const props = this.properties;\n const propKeys = [\n ...getOwnPropertyNames(props),\n ...getOwnPropertySymbols(props),\n ] as Array<keyof typeof props>;\n for (const p of propKeys) {\n this.createProperty(p, props[p]);\n }\n }\n\n // Create properties from standard decorator metadata:\n const metadata = this[Symbol.metadata];\n if (metadata !== null) {\n const properties = litPropertyMetadata.get(metadata);\n if (properties !== undefined) {\n for (const [p, options] of properties) {\n this.elementProperties.set(p, options);\n }\n }\n }\n\n // Create the attribute-to-property map\n this.__attributeToPropertyMap = new Map();\n for (const [p, options] of this.elementProperties) {\n const attr = this.__attributeNameForProperty(p, options);\n if (attr !== undefined) {\n this.__attributeToPropertyMap.set(attr, p);\n }\n }\n\n this.elementStyles = this.finalizeStyles(this.styles);\n\n if (DEV_MODE) {\n if (this.hasOwnProperty('createProperty')) {\n issueWarning(\n 'no-override-create-property',\n 'Overriding ReactiveElement.createProperty() is deprecated. ' +\n 'The override will not be called with standard decorators'\n );\n }\n if (this.hasOwnProperty('getPropertyDescriptor')) {\n issueWarning(\n 'no-override-get-property-descriptor',\n 'Overriding ReactiveElement.getPropertyDescriptor() is deprecated. ' +\n 'The override will not be called with standard decorators'\n );\n }\n }\n }\n\n /**\n * Options used when calling `attachShadow`. Set this property to customize\n * the options for the shadowRoot; for example, to create a closed\n * shadowRoot: `{mode: 'closed'}`.\n *\n * Note, these options are used in `createRenderRoot`. If this method\n * is customized, options should be respected if possible.\n * @nocollapse\n * @category rendering\n */\n static shadowRootOptions: ShadowRootInit = {mode: 'open'};\n\n /**\n * Takes the styles the user supplied via the `static styles` property and\n * returns the array of styles to apply to the element.\n * Override this method to integrate into a style management system.\n *\n * Styles are deduplicated preserving the _last_ instance in the list. This\n * is a performance optimization to avoid duplicated styles that can occur\n * especially when composing via subclassing. The last item is kept to try\n * to preserve the cascade order with the assumption that it's most important\n * that last added styles override previous styles.\n *\n * @nocollapse\n * @category styles\n */\n protected static finalizeStyles(\n styles?: CSSResultGroup\n ): Array<CSSResultOrNative> {\n const elementStyles = [];\n if (Array.isArray(styles)) {\n // Dedupe the flattened array in reverse order to preserve the last items.\n // Casting to Array<unknown> works around TS error that\n // appears to come from trying to flatten a type CSSResultArray.\n const set = new Set((styles as Array<unknown>).flat(Infinity).reverse());\n // Then preserve original order by adding the set items in reverse order.\n for (const s of set) {\n elementStyles.unshift(getCompatibleStyle(s as CSSResultOrNative));\n }\n } else if (styles !== undefined) {\n elementStyles.push(getCompatibleStyle(styles));\n }\n return elementStyles;\n }\n\n /**\n * Node or ShadowRoot into which element DOM should be rendered. Defaults\n * to an open shadowRoot.\n * @category rendering\n */\n readonly renderRoot!: HTMLElement | DocumentFragment;\n\n /**\n * Returns the property name for the given attribute `name`.\n * @nocollapse\n */\n private static __attributeNameForProperty(\n name: PropertyKey,\n options: PropertyDeclaration\n ) {\n const attribute = options.attribute;\n return attribute === false\n ? undefined\n : typeof attribute === 'string'\n ? attribute\n : typeof name === 'string'\n ? name.toLowerCase()\n : undefined;\n }\n\n // Initialize to an unresolved Promise so we can make sure the element has\n // connected before first update.\n private __updatePromise!: Promise<boolean>;\n\n /**\n * True if there is a pending update as a result of calling `requestUpdate()`.\n * Should only be read.\n * @category updates\n */\n isUpdatePending = false;\n\n /**\n * Is set to `true` after the first update. The element code cannot assume\n * that `renderRoot` exists before the element `hasUpdated`.\n * @category updates\n */\n hasUpdated = false;\n\n /**\n * Map with keys for any properties that have changed since the last\n * update cycle with previous values.\n *\n * @internal\n */\n _$changedProperties!: PropertyValues;\n\n /**\n * Properties that should be reflected when updated.\n */\n private __reflectingProperties?: Set<PropertyKey>;\n\n /**\n * Name of currently reflecting property\n */\n private __reflectingProperty: PropertyKey | null = null;\n\n /**\n * Set of controllers.\n */\n private __controllers?: Set<ReactiveController>;\n\n constructor() {\n super();\n this.__initialize();\n }\n\n /**\n * Internal only override point for customizing work done when elements\n * are constructed.\n */\n private __initialize() {\n this.__updatePromise = new Promise<boolean>(\n (res) => (this.enableUpdating = res)\n );\n this._$changedProperties = new Map();\n // This enqueues a microtask that ust run before the first update, so it\n // must be called before requestUpdate()\n this.__saveInstanceProperties();\n // ensures first update will be caught by an early access of\n // `updateComplete`\n this.requestUpdate();\n (this.constructor as typeof ReactiveElement)._initializers?.forEach((i) =>\n i(this)\n );\n }\n\n /**\n * Registers a `ReactiveController` to participate in the element's reactive\n * update cycle. The element automatically calls into any registered\n * controllers during its lifecycle callbacks.\n *\n * If the element is connected when `addController()` is called, the\n * controller's `hostConnected()` callback will be immediately called.\n * @category controllers\n */\n addController(controller: ReactiveController) {\n (this.__controllers ??= new Set()).add(controller);\n // If a controller is added after the element has been connected,\n // call hostConnected. Note, re-using existence of `renderRoot` here\n // (which is set in connectedCallback) to avoid the need to track a\n // first connected state.\n if (this.renderRoot !== undefined && this.isConnected) {\n controller.hostConnected?.();\n }\n }\n\n /**\n * Removes a `ReactiveController` from the element.\n * @category controllers\n */\n removeController(controller: ReactiveController) {\n this.__controllers?.delete(controller);\n }\n\n /**\n * Fixes any properties set on the instance before upgrade time.\n * Otherwise these would shadow the accessor and break these properties.\n * The properties are stored in a Map which is played back after the\n * constructor runs. Note, on very old versions of Safari (<=9) or Chrome\n * (<=41), properties created for native platform properties like (`id` or\n * `name`) may not have default values set in the element constructor. On\n * these browsers native properties appear on instances and therefore their\n * default value will overwrite any element default (e.g. if the element sets\n * this.id = 'id' in the constructor, the 'id' will become '' since this is\n * the native platform default).\n */\n private __saveInstanceProperties() {\n const instanceProperties = new Map<PropertyKey, unknown>();\n const elementProperties = (this.constructor as typeof ReactiveElement)\n .elementProperties;\n for (const p of elementProperties.keys() as IterableIterator<keyof this>) {\n if (this.hasOwnProperty(p)) {\n instanceProperties.set(p, this[p]);\n delete this[p];\n }\n }\n if (instanceProperties.size > 0) {\n this.__instanceProperties = instanceProperties;\n }\n }\n\n /**\n * Returns the node into which the element should render and by default\n * creates and returns an open shadowRoot. Implement to customize where the\n * element's DOM is rendered. For example, to render into the element's\n * childNodes, return `this`.\n *\n * @return Returns a node into which to render.\n * @category rendering\n */\n protected createRenderRoot(): HTMLElement | DocumentFragment {\n const renderRoot =\n this.shadowRoot ??\n this.attachShadow(\n (this.constructor as typeof ReactiveElement).shadowRootOptions\n );\n adoptStyles(\n renderRoot,\n (this.constructor as typeof ReactiveElement).elementStyles\n );\n return renderRoot;\n }\n\n /**\n * On first connection, creates the element's renderRoot, sets up\n * element styling, and enables updating.\n * @category lifecycle\n */\n connectedCallback() {\n // Create renderRoot before controllers `hostConnected`\n (this as Mutable<typeof this, 'renderRoot'>).renderRoot ??=\n this.createRenderRoot();\n this.enableUpdating(true);\n this.__controllers?.forEach((c) => c.hostConnected?.());\n }\n\n /**\n * Note, this method should be considered final and not overridden. It is\n * overridden on the element instance with a function that triggers the first\n * update.\n * @category updates\n */\n protected enableUpdating(_requestedUpdate: boolean) {}\n\n /**\n * Allows for `super.disconnectedCallback()` in extensions while\n * reserving the possibility of making non-breaking feature additions\n * when disconnecting at some point in the future.\n * @category lifecycle\n */\n disconnectedCallback() {\n this.__controllers?.forEach((c) => c.hostDisconnected?.());\n }\n\n /**\n * Synchronizes property values when attributes change.\n *\n * Specifically, when an attribute is set, the corresponding property is set.\n * You should rarely need to implement this callback. If this method is\n * overridden, `super.attributeChangedCallback(name, _old, value)` must be\n * called.\n *\n * See [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\n * on MDN for more information about the `attributeChangedCallback`.\n * @category attributes\n */\n attributeChangedCallback(\n name: string,\n _old: string | null,\n value: string | null\n ) {\n this._$attributeToProperty(name, value);\n }\n\n private __propertyToAttribute(name: PropertyKey, value: unknown) {\n const elemProperties: PropertyDeclarationMap = (\n this.constructor as typeof ReactiveElement\n ).elementProperties;\n const options = elemProperties.get(name)!;\n const attr = (\n this.constructor as typeof ReactiveElement\n ).__attributeNameForProperty(name, options);\n if (attr !== undefined && options.reflect === true) {\n const converter =\n (options.converter as ComplexAttributeConverter)?.toAttribute !==\n undefined\n ? (options.converter as ComplexAttributeConverter)\n : defaultConverter;\n const attrValue = converter.toAttribute!(value, options.type);\n if (\n DEV_MODE &&\n (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n 'migration'\n ) &&\n attrValue === undefined\n ) {\n issueWarning(\n 'undefined-attribute-value',\n `The attribute value for the ${name as string} property is ` +\n `undefined on element ${this.localName}. The attribute will be ` +\n `removed, but in the previous version of \\`ReactiveElement\\`, ` +\n `the attribute would not have changed.`\n );\n }\n // Track if the property is being reflected to avoid\n // setting the property again via `attributeChangedCallback`. Note:\n // 1. this takes advantage of the fact that the callback is synchronous.\n // 2. will behave incorrectly if multiple attributes are in the reaction\n // stack at time of calling. However, since we process attributes\n // in `update` this should not be possible (or an extreme corner case\n // that we'd like to discover).\n // mark state reflecting\n this.__reflectingProperty = name;\n if (attrValue == null) {\n this.removeAttribute(attr);\n } else {\n this.setAttribute(attr, attrValue as string);\n }\n // mark state not reflecting\n this.__reflectingProperty = null;\n }\n }\n\n /** @internal */\n _$attributeToProperty(name: string, value: string | null) {\n const ctor = this.constructor as typeof ReactiveElement;\n // Note, hint this as an `AttributeMap` so closure clearly understands\n // the type; it has issues with tracking types through statics\n const propName = (ctor.__attributeToPropertyMap as AttributeMap).get(name);\n // Use tracking info to avoid reflecting a property value to an attribute\n // if it was just set because the attribute changed.\n if (propName !== undefined && this.__reflectingProperty !== propName) {\n const options = ctor.getPropertyOptions(propName);\n const converter =\n typeof options.converter === 'function'\n ? {fromAttribute: options.converter}\n : options.converter?.fromAttribute !== undefined\n ? options.converter\n : defaultConverter;\n // mark state reflecting\n this.__reflectingProperty = propName;\n this[propName as keyof this] = converter.fromAttribute!(\n value,\n options.type\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ) as any;\n // mark state not reflecting\n this.__reflectingProperty = null;\n }\n }\n\n /**\n * Requests an update which is processed asynchronously. This should be called\n * when an element should update based on some state not triggered by setting\n * a reactive property. In this case, pass no arguments. It should also be\n * called when manually implementing a property setter. In this case, pass the\n * property `name` and `oldValue` to ensure that any configured property\n * options are honored.\n *\n * @param name name of requesting property\n * @param oldValue old value of requesting property\n * @param options property options to use instead of the previously\n * configured options\n * @category updates\n */\n requestUpdate(\n name?: PropertyKey,\n oldValue?: unknown,\n options?: PropertyDeclaration\n ): void {\n // If we have a property key, perform property update steps.\n if (name !== undefined) {\n if (DEV_MODE && (name as unknown) instanceof Event) {\n issueWarning(\n ``,\n `The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()`\n );\n }\n options ??= (\n this.constructor as typeof ReactiveElement\n ).getPropertyOptions(name);\n const hasChanged = options.hasChanged ?? notEqual;\n const newValue = this[name as keyof this];\n if (hasChanged(newValue, oldValue)) {\n this._$changeProperty(name, oldValue, options);\n } else {\n // Abort the request if the property should not be considered changed.\n return;\n }\n }\n if (this.isUpdatePending === false) {\n this.__updatePromise = this.__enqueueUpdate();\n }\n }\n\n /**\n * @internal\n */\n _$changeProperty(\n name: PropertyKey,\n oldValue: unknown,\n options: PropertyDeclaration\n ) {\n // TODO (justinfagnani): Create a benchmark of Map.has() + Map.set(\n // vs just Map.set()\n if (!this._$changedProperties.has(name)) {\n this._$changedProperties.set(name, oldValue);\n }\n // Add to reflecting properties set.\n // Note, it's important that every change has a chance to add the\n // property to `__reflectingProperties`. This ensures setting\n // attribute + property reflects correctly.\n if (options.reflect === true && this.__reflectingProperty !== name) {\n (this.__reflectingProperties ??= new Set<PropertyKey>()).add(name);\n }\n }\n\n /**\n * Sets up the element to asynchronously update.\n */\n private async __enqueueUpdate() {\n this.isUpdatePending = true;\n try {\n // Ensure any previous update has resolved before updating.\n // This `await` also ensures that property changes are batched.\n await this.__updatePromise;\n } catch (e) {\n // Refire any previous errors async so they do not disrupt the update\n // cycle. Errors are refired so developers have a chance to observe\n // them, and this can be done by implementing\n // `window.onunhandledrejection`.\n Promise.reject(e);\n }\n const result = this.scheduleUpdate();\n // If `scheduleUpdate` returns a Promise, we await it. This is done to\n // enable coordinating updates with a scheduler. Note, the result is\n // checked to avoid delaying an additional microtask unless we need to.\n if (result != null) {\n await result;\n }\n return !this.isUpdatePending;\n }\n\n /**\n * Schedules an element update. You can override this method to change the\n * timing of updates by returning a Promise. The update will await the\n * returned Promise, and you should resolve the Promise to allow the update\n * to proceed. If this method is overridden, `super.scheduleUpdate()`\n * must be called.\n *\n * For instance, to schedule updates to occur just before the next frame:\n *\n * ```ts\n * override protected async scheduleUpdate(): Promise<unknown> {\n * await new Promise((resolve) => requestAnimationFrame(() => resolve()));\n * super.scheduleUpdate();\n * }\n * ```\n * @category updates\n */\n protected scheduleUpdate(): void | Promise<unknown> {\n const result = this.performUpdate();\n if (\n DEV_MODE &&\n (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n 'async-perform-update'\n ) &&\n typeof (result as unknown as Promise<unknown> | undefined)?.then ===\n 'function'\n ) {\n issueWarning(\n 'async-perform-update',\n `Element ${this.localName} returned a Promise from performUpdate(). ` +\n `This behavior is deprecated and will be removed in a future ` +\n `version of ReactiveElement.`\n );\n }\n return result;\n }\n\n /**\n * Performs an element update. Note, if an exception is thrown during the\n * update, `firstUpdated` and `updated` will not be called.\n *\n * Call `performUpdate()` to immediately process a pending update. This should\n * generally not be needed, but it can be done in rare cases when you need to\n * update synchronously.\n *\n * @category updates\n */\n protected performUpdate(): void {\n // Abort any update if one is not pending when this is called.\n // This can happen if `performUpdate` is called early to \"flush\"\n // the update.\n if (!this.isUpdatePending) {\n return;\n }\n debugLogEvent?.({kind: 'update'});\n if (!this.hasUpdated) {\n // Create renderRoot before first update. This occurs in `connectedCallback`\n // but is done here to support out of tree calls to `enableUpdating`/`performUpdate`.\n (this as Mutable<typeof this, 'renderRoot'>).renderRoot ??=\n this.createRenderRoot();\n if (DEV_MODE) {\n // Produce warning if any reactive properties on the prototype are\n // shadowed by class fields. Instance fields set before upgrade are\n // deleted by this point, so any own property is caused by class field\n // initialization in the constructor.\n const ctor = this.constructor as typeof ReactiveElement;\n const shadowedProperties = [...ctor.elementProperties.keys()].filter(\n (p) => this.hasOwnProperty(p) && p in getPrototypeOf(this)\n );\n if (shadowedProperties.length) {\n throw new Error(\n `The following properties on element ${this.localName} will not ` +\n `trigger updates as expected because they are set using class ` +\n `fields: ${shadowedProperties.join(', ')}. ` +\n `Native class fields and some compiled output will overwrite ` +\n `accessors used for detecting changes. See ` +\n `https://lit.dev/msg/class-field-shadowing ` +\n `for more information.`\n );\n }\n }\n // Mixin instance properties once, if they exist.\n if (this.__instanceProperties) {\n // TODO (justinfagnani): should we use the stored value? Could a new value\n // have been set since we stored the own property value?\n for (const [p, value] of this.__instanceProperties) {\n this[p as keyof this] = value as this[keyof this];\n }\n this.__instanceProperties = undefined;\n }\n // Trigger initial value reflection and populate the initial\n // changedProperties map, but only for the case of experimental\n // decorators on accessors, which will not have already populated the\n // changedProperties map. We can't know if these accessors had\n // initializers, so we just set them anyway - a difference from\n // experimental decorators on fields and standard decorators on\n // auto-accessors.\n // For context why experimentalDecorators with auto accessors are handled\n // specifically also see:\n // https://github.com/lit/lit/pull/4183#issuecomment-1711959635\n const elementProperties = (this.constructor as typeof ReactiveElement)\n .elementProperties;\n if (elementProperties.size > 0) {\n for (const [p, options] of elementProperties) {\n if (\n options.wrapped === true &&\n !this._$changedProperties.has(p) &&\n this[p as keyof this] !== undefined\n ) {\n this._$changeProperty(p, this[p as keyof this], options);\n }\n }\n }\n }\n let shouldUpdate = false;\n const changedProperties = this._$changedProperties;\n try {\n shouldUpdate = this.shouldUpdate(changedProperties);\n if (shouldUpdate) {\n this.willUpdate(changedProperties);\n this.__controllers?.forEach((c) => c.hostUpdate?.());\n this.update(changedProperties);\n } else {\n this.__markUpdated();\n }\n } catch (e) {\n // Prevent `firstUpdated` and `updated` from running when there's an\n // update exception.\n shouldUpdate = false;\n // Ensure element can accept additional updates after an exception.\n this.__markUpdated();\n throw e;\n }\n // The update is no longer considered pending and further updates are now allowed.\n if (shouldUpdate) {\n this._$didUpdate(changedProperties);\n }\n }\n\n /**\n * Invoked before `update()` to compute values needed during the update.\n *\n * Implement `willUpdate` to compute property values that depend on other\n * properties and are used in the rest of the update process.\n *\n * ```ts\n * willUpdate(changedProperties) {\n * // only need to check changed properties for an expensive computation.\n * if (changedProperties.has('firstName') || changedProperties.has('lastName')) {\n * this.sha = computeSHA(`${this.firstName} ${this.lastName}`);\n * }\n * }\n *\n * render() {\n * return html`SHA: ${this.sha}`;\n * }\n * ```\n *\n * @category updates\n */\n protected willUpdate(_changedProperties: PropertyValues): void {}\n\n // Note, this is an override point for polyfill-support.\n // @internal\n _$didUpdate(changedProperties: PropertyValues) {\n this.__controllers?.forEach((c) => c.hostUpdated?.());\n if (!this.hasUpdated) {\n this.hasUpdated = true;\n this.firstUpdated(changedProperties);\n }\n this.updated(changedProperties);\n if (\n DEV_MODE &&\n this.isUpdatePending &&\n (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n 'change-in-update'\n )\n ) {\n issueWarning(\n 'change-in-update',\n `Element ${this.localName} scheduled an update ` +\n `(generally because a property was set) ` +\n `after an update completed, causing a new update to be scheduled. ` +\n `This is inefficient and should be avoided unless the next update ` +\n `can only be scheduled as a side effect of the previous update.`\n );\n }\n }\n\n private __markUpdated() {\n this._$changedProperties = new Map();\n this.isUpdatePending = false;\n }\n\n /**\n * Returns a Promise that resolves when the element has completed updating.\n * The Promise value is a boolean that is `true` if the element completed the\n * update without triggering another update. The Promise result is `false` if\n * a property was set inside `updated()`. If the Promise is rejected, an\n * exception was thrown during the update.\n *\n * To await additional asynchronous work, override the `getUpdateComplete`\n * method. For example, it is sometimes useful to await a rendered element\n * before fulfilling this Promise. To do this, first await\n * `super.getUpdateComplete()`, then any subsequent state.\n *\n * @return A promise of a boolean that resolves to true if the update completed\n * without triggering another update.\n * @category updates\n */\n get updateComplete(): Promise<boolean> {\n return this.getUpdateComplete();\n }\n\n /**\n * Override point for the `updateComplete` promise.\n *\n * It is not safe to override the `updateComplete` getter directly due to a\n * limitation in TypeScript which means it is not possible to call a\n * superclass getter (e.g. `super.updateComplete.then(...)`) when the target\n * language is ES5 (https://github.com/microsoft/TypeScript/issues/338).\n * This method should be overridden instead. For example:\n *\n * ```ts\n * class MyElement extends LitElement {\n * override async getUpdateComplete() {\n * const result = await super.getUpdateComplete();\n * await this._myChild.updateComplete;\n * return result;\n * }\n * }\n * ```\n *\n * @return A promise of a boolean that resolves to true if the update completed\n * without triggering another update.\n * @category updates\n */\n protected getUpdateComplete(): Promise<boolean> {\n return this.__updatePromise;\n }\n\n /**\n * Controls whether or not `update()` should be called when the element requests\n * an update. By default, this method always returns `true`, but this can be\n * customized to control when to update.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected shouldUpdate(_changedProperties: PropertyValues): boolean {\n return true;\n }\n\n /**\n * Updates the element. This method reflects property values to attributes.\n * It can be overridden to render and keep updated element DOM.\n * Setting properties inside this method will *not* trigger\n * another update.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected update(_changedProperties: PropertyValues) {\n // The forEach() expression will only run when when __reflectingProperties is\n // defined, and it returns undefined, setting __reflectingProperties to\n // undefined\n this.__reflectingProperties &&= this.__reflectingProperties.forEach((p) =>\n this.__propertyToAttribute(p, this[p as keyof this])\n ) as undefined;\n this.__markUpdated();\n }\n\n /**\n * Invoked whenever the element is updated. Implement to perform\n * post-updating tasks via DOM APIs, for example, focusing an element.\n *\n * Setting properties inside this method will trigger the element to update\n * again after this update cycle completes.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected updated(_changedProperties: PropertyValues) {}\n\n /**\n * Invoked when the element is first updated. Implement to perform one time\n * work on the element after update.\n *\n * ```ts\n * firstUpdated() {\n * this.renderRoot.getElementById('my-text-area').focus();\n * }\n * ```\n *\n * Setting properties inside this method will trigger the element to update\n * again after this update cycle completes.\n *\n * @param _changedProperties Map of changed properties with old values\n * @category updates\n */\n protected firstUpdated(_changedProperties: PropertyValues) {}\n}\n// Assigned here to work around a jscompiler bug with static fields\n// when compiling to ES5.\n// https://github.com/google/closure-compiler/issues/3177\n(ReactiveElement as unknown as Record<string, unknown>)[\n JSCompiler_renameProperty('elementProperties', ReactiveElement)\n] = new Map();\n(ReactiveElement as unknown as Record<string, unknown>)[\n JSCompiler_renameProperty('finalized', ReactiveElement)\n] = new Map();\n\n// Apply polyfills if available\npolyfillSupport?.({ReactiveElement});\n\n// Dev mode warnings...\nif (DEV_MODE) {\n // Default warning set.\n ReactiveElement.enabledWarnings = [\n 'change-in-update',\n 'async-perform-update',\n ];\n const ensureOwnWarnings = function (ctor: typeof ReactiveElement) {\n if (\n !ctor.hasOwnProperty(JSCompiler_renameProperty('enabledWarnings', ctor))\n ) {\n ctor.enabledWarnings = ctor.enabledWarnings!.slice();\n }\n };\n ReactiveElement.enableWarning = function (\n this: typeof ReactiveElement,\n warning: WarningKind\n ) {\n ensureOwnWarnings(this);\n if (!this.enabledWarnings!.includes(warning)) {\n this.enabledWarnings!.push(warning);\n }\n };\n ReactiveElement.disableWarning = function (\n this: typeof ReactiveElement,\n warning: WarningKind\n ) {\n ensureOwnWarnings(this);\n const i = this.enabledWarnings!.indexOf(warning);\n if (i >= 0) {\n this.enabledWarnings!.splice(i, 1);\n }\n };\n}\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for ReactiveElement usage.\n(global.reactiveElementVersions ??= []).push('2.0.4');\nif (DEV_MODE && global.reactiveElementVersions.length > 1) {\n issueWarning!(\n 'multiple-versions',\n `Multiple versions of Lit loaded. Loading multiple versions ` +\n `is not recommended.`\n );\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {\n type PropertyDeclaration,\n type ReactiveElement,\n defaultConverter,\n notEqual,\n} from '../reactive-element.js';\nimport type {Interface} from './base.js';\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n // Ensure warnings are issued only 1x, even if multiple versions of Lit\n // are loaded.\n const issuedWarnings: Set<string | undefined> =\n (globalThis.litIssuedWarnings ??= new Set());\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += ` See https://lit.dev/msg/${code} for more information.`;\n if (!issuedWarnings.has(warning)) {\n console.warn(warning);\n issuedWarnings.add(warning);\n }\n };\n}\n\n// Overloads for property decorator so that TypeScript can infer the correct\n// return type when a decorator is used as an accessor decorator or a setter\n// decorator.\nexport type PropertyDecorator = {\n // accessor decorator signature\n <C extends Interface<ReactiveElement>, V>(\n target: ClassAccessorDecoratorTarget<C, V>,\n context: ClassAccessorDecoratorContext<C, V>\n ): ClassAccessorDecoratorResult<C, V>;\n\n // setter decorator signature\n <C extends Interface<ReactiveElement>, V>(\n target: (value: V) => void,\n context: ClassSetterDecoratorContext<C, V>\n ): (this: C, value: V) => void;\n\n // legacy decorator signature\n (\n protoOrDescriptor: Object,\n name: PropertyKey,\n descriptor?: PropertyDescriptor\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): any;\n};\n\nconst legacyProperty = (\n options: PropertyDeclaration | undefined,\n proto: Object,\n name: PropertyKey\n) => {\n const hasOwnProperty = proto.hasOwnProperty(name);\n (proto.constructor as typeof ReactiveElement).createProperty(\n name,\n hasOwnProperty ? {...options, wrapped: true} : options\n );\n // For accessors (which have a descriptor on the prototype) we need to\n // return a descriptor, otherwise TypeScript overwrites the descriptor we\n // define in createProperty() with the original descriptor. We don't do this\n // for fields, which don't have a descriptor, because this could overwrite\n // descriptor defined by other decorators.\n return hasOwnProperty\n ? Object.getOwnPropertyDescriptor(proto, name)\n : undefined;\n};\n\n// This is duplicated from a similar variable in reactive-element.ts, but\n// actually makes sense to have this default defined with the decorator, so\n// that different decorators could have different defaults.\nconst defaultPropertyDeclaration: PropertyDeclaration = {\n attribute: true,\n type: String,\n converter: defaultConverter,\n reflect: false,\n hasChanged: notEqual,\n};\n\n// Temporary type, until google3 is on TypeScript 5.2\ntype StandardPropertyContext<C, V> = (\n | ClassAccessorDecoratorContext<C, V>\n | ClassSetterDecoratorContext<C, V>\n) & {metadata: object};\n\n/**\n * Wraps a class accessor or setter so that `requestUpdate()` is called with the\n * property name and old value when the accessor is set.\n */\nexport const standardProperty = <C extends Interface<ReactiveElement>, V>(\n options: PropertyDeclaration = defaultPropertyDeclaration,\n target: ClassAccessorDecoratorTarget<C, V> | ((value: V) => void),\n context: StandardPropertyContext<C, V>\n): ClassAccessorDecoratorResult<C, V> | ((this: C, value: V) => void) => {\n const {kind, metadata} = context;\n\n if (DEV_MODE && metadata == null) {\n issueWarning(\n 'missing-class-metadata',\n `The class ${target} is missing decorator metadata. This ` +\n `could mean that you're using a compiler that supports decorators ` +\n `but doesn't support decorator metadata, such as TypeScript 5.1. ` +\n `Please update your compiler.`\n );\n }\n\n // Store the property options\n let properties = globalThis.litPropertyMetadata.get(metadata);\n if (properties === undefined) {\n globalThis.litPropertyMetadata.set(metadata, (properties = new Map()));\n }\n properties.set(context.name, options);\n\n if (kind === 'accessor') {\n // Standard decorators cannot dynamically modify the class, so we can't\n // replace a field with accessors. The user must use the new `accessor`\n // keyword instead.\n const {name} = context;\n return {\n set(this: ReactiveElement, v: V) {\n const oldValue = (\n target as ClassAccessorDecoratorTarget<C, V>\n ).get.call(this as unknown as C);\n (target as ClassAccessorDecoratorTarget<C, V>).set.call(\n this as unknown as C,\n v\n );\n this.requestUpdate(name, oldValue, options);\n },\n init(this: ReactiveElement, v: V): V {\n if (v !== undefined) {\n this._$changeProperty(name, undefined, options);\n }\n return v;\n },\n } as unknown as ClassAccessorDecoratorResult<C, V>;\n } else if (kind === 'setter') {\n const {name} = context;\n return function (this: ReactiveElement, value: V) {\n const oldValue = this[name as keyof ReactiveElement];\n (target as (value: V) => void).call(this, value);\n this.requestUpdate(name, oldValue, options);\n } as unknown as (this: C, value: V) => void;\n }\n throw new Error(`Unsupported decorator location: ${kind}`);\n};\n\n/**\n * A class field or accessor decorator which creates a reactive property that\n * reflects a corresponding attribute value. When a decorated property is set\n * the element will update and render. A {@linkcode PropertyDeclaration} may\n * optionally be supplied to configure property features.\n *\n * This decorator should only be used for public fields. As public fields,\n * properties should be considered as primarily settable by element users,\n * either via attribute or the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the {@linkcode state} decorator.\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating public\n * properties should typically not be done for non-primitive (object or array)\n * properties. In other cases when an element needs to manage state, a private\n * property decorated via the {@linkcode state} decorator should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n *\n * ```ts\n * class MyElement {\n * @property({ type: Boolean })\n * clicked = false;\n * }\n * ```\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function property(options?: PropertyDeclaration): PropertyDecorator {\n return <C extends Interface<ReactiveElement>, V>(\n protoOrTarget:\n | object\n | ClassAccessorDecoratorTarget<C, V>\n | ((value: V) => void),\n nameOrContext:\n | PropertyKey\n | ClassAccessorDecoratorContext<C, V>\n | ClassSetterDecoratorContext<C, V>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): any => {\n return (\n typeof nameOrContext === 'object'\n ? standardProperty<C, V>(\n options,\n protoOrTarget as\n | ClassAccessorDecoratorTarget<C, V>\n | ((value: V) => void),\n nameOrContext as StandardPropertyContext<C, V>\n )\n : legacyProperty(\n options,\n protoOrTarget as Object,\n nameOrContext as PropertyKey\n )\n ) as PropertyDecorator;\n };\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {property} from './property.js';\n\nexport interface StateDeclaration<Type = unknown> {\n /**\n * A function that indicates if a property should be considered changed when\n * it is set. The function should take the `newValue` and `oldValue` and\n * return `true` if an update should be requested.\n */\n hasChanged?(value: Type, oldValue: Type): boolean;\n}\n\n/**\n * @deprecated use StateDeclaration\n */\nexport type InternalPropertyDeclaration<Type = unknown> =\n StateDeclaration<Type>;\n\n/**\n * Declares a private or protected reactive property that still triggers\n * updates to the element when it changes. It does not reflect from the\n * corresponding attribute.\n *\n * Properties declared this way must not be used from HTML or HTML templating\n * systems, they're solely for properties internal to the element. These\n * properties may be renamed by optimization tools like closure compiler.\n * @category Decorator\n */\nexport function state(options?: StateDeclaration) {\n return property({\n ...options,\n // Add both `state` and `attribute` because we found a third party\n // controller that is keying off of PropertyOptions.state to determine\n // whether a field is a private internal property or not.\n state: true,\n attribute: false,\n });\n}\n", "const NAMESPACE = {\n PREFIX: 'mdc' as const,\n SEPARATOR: '-' as const,\n};\n\nconst CONSTANTS = {\n NAMESPACE,\n};\n\nexport default CONSTANTS;\n", "/* eslint-disable implicit-arrow-linebreak */\n/* eslint-disable max-len */\nimport CONSTANTS from './constants';\n\n// make ReturnType a String Literal to make it usable in the HTMLElementTagNameMap per component\n// using Template Literal Types: https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html\ntype ReturnType<ComponentName extends string> =\n `${typeof CONSTANTS.NAMESPACE.PREFIX}${typeof CONSTANTS.NAMESPACE.SEPARATOR}${ComponentName}`;\n\nconst constructTagName = <ComponentName extends string>(componentName: ComponentName): ReturnType<ComponentName> =>\n [CONSTANTS.NAMESPACE.PREFIX, componentName].join(CONSTANTS.NAMESPACE.SEPARATOR) as ReturnType<ComponentName>;\n\nexport default {\n constructTagName,\n};\n", "/* eslint-disable implicit-arrow-linebreak */\nimport utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('themeprovider');\n\nconst DEFAULTS = {\n THEMECLASS: 'mds-theme-stable-darkWebex' as const,\n} as const;\n\nexport { DEFAULTS, TAG_NAME };\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// IMPORTANT: these imports must be type-only\nimport type {Directive, DirectiveResult, PartInfo} from './directive.js';\nimport type {TrustedHTML, TrustedTypesWindow} from 'trusted-types/lib';\n\nconst DEV_MODE = true;\nconst ENABLE_EXTRA_SECURITY_HOOKS = true;\nconst ENABLE_SHADYDOM_NOPATCH = true;\nconst NODE_MODE = false;\n\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace LitUnstable {\n /**\n * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n * we will emit 'lit-debug' events to window, with live details about the update and render\n * lifecycle. These can be useful for writing debug tooling and visualizations.\n *\n * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n * making certain operations that are normally very cheap (like a no-op render) much slower,\n * because we must copy data and dispatch events.\n */\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace DebugLog {\n export type Entry =\n | TemplatePrep\n | TemplateInstantiated\n | TemplateInstantiatedAndUpdated\n | TemplateUpdating\n | BeginRender\n | EndRender\n | CommitPartEntry\n | SetPartValue;\n export interface TemplatePrep {\n kind: 'template prep';\n template: Template;\n strings: TemplateStringsArray;\n clonableTemplate: HTMLTemplateElement;\n parts: TemplatePart[];\n }\n export interface BeginRender {\n kind: 'begin render';\n id: number;\n value: unknown;\n container: HTMLElement | DocumentFragment;\n options: RenderOptions | undefined;\n part: ChildPart | undefined;\n }\n export interface EndRender {\n kind: 'end render';\n id: number;\n value: unknown;\n container: HTMLElement | DocumentFragment;\n options: RenderOptions | undefined;\n part: ChildPart;\n }\n export interface TemplateInstantiated {\n kind: 'template instantiated';\n template: Template | CompiledTemplate;\n instance: TemplateInstance;\n options: RenderOptions | undefined;\n fragment: Node;\n parts: Array<Part | undefined>;\n values: unknown[];\n }\n export interface TemplateInstantiatedAndUpdated {\n kind: 'template instantiated and updated';\n template: Template | CompiledTemplate;\n instance: TemplateInstance;\n options: RenderOptions | undefined;\n fragment: Node;\n parts: Array<Part | undefined>;\n values: unknown[];\n }\n export interface TemplateUpdating {\n kind: 'template updating';\n template: Template | CompiledTemplate;\n instance: TemplateInstance;\n options: RenderOptions | undefined;\n parts: Array<Part | undefined>;\n values: unknown[];\n }\n export interface SetPartValue {\n kind: 'set part';\n part: Part;\n value: unknown;\n valueIndex: number;\n values: unknown[];\n templateInstance: TemplateInstance;\n }\n\n export type CommitPartEntry =\n | CommitNothingToChildEntry\n | CommitText\n | CommitNode\n | CommitAttribute\n | CommitProperty\n | CommitBooleanAttribute\n | CommitEventListener\n | CommitToElementBinding;\n\n export interface CommitNothingToChildEntry {\n kind: 'commit nothing to child';\n start: ChildNode;\n end: ChildNode | null;\n parent: Disconnectable | undefined;\n options: RenderOptions | undefined;\n }\n\n export interface CommitText {\n kind: 'commit text';\n node: Text;\n value: unknown;\n options: RenderOptions | undefined;\n }\n\n export interface CommitNode {\n kind: 'commit node';\n start: Node;\n parent: Disconnectable | undefined;\n value: Node;\n options: RenderOptions | undefined;\n }\n\n export interface CommitAttribute {\n kind: 'commit attribute';\n element: Element;\n name: string;\n value: unknown;\n options: RenderOptions | undefined;\n }\n\n export interface CommitProperty {\n kind: 'commit property';\n element: Element;\n name: string;\n value: unknown;\n options: RenderOptions | undefined;\n }\n\n export interface CommitBooleanAttribute {\n kind: 'commit boolean attribute';\n element: Element;\n name: string;\n value: boolean;\n options: RenderOptions | undefined;\n }\n\n export interface CommitEventListener {\n kind: 'commit event listener';\n element: Element;\n name: string;\n value: unknown;\n oldListener: unknown;\n options: RenderOptions | undefined;\n // True if we're removing the old event listener (e.g. because settings changed, or value is nothing)\n removeListener: boolean;\n // True if we're adding a new event listener (e.g. because first render, or settings changed)\n addListener: boolean;\n }\n\n export interface CommitToElementBinding {\n kind: 'commit to element binding';\n element: Element;\n value: unknown;\n options: RenderOptions | undefined;\n }\n }\n}\n\ninterface DebugLoggingWindow {\n // Even in dev mode, we generally don't want to emit these events, as that's\n // another level of cost, so only emit them when DEV_MODE is true _and_ when\n // window.emitLitDebugEvents is true.\n emitLitDebugLogEvents?: boolean;\n}\n\n/**\n * Useful for visualizing and logging insights into what the Lit template system is doing.\n *\n * Compiled out of prod mode builds.\n */\nconst debugLogEvent = DEV_MODE\n ? (event: LitUnstable.DebugLog.Entry) => {\n const shouldEmit = (global as unknown as DebugLoggingWindow)\n .emitLitDebugLogEvents;\n if (!shouldEmit) {\n return;\n }\n global.dispatchEvent(\n new CustomEvent<LitUnstable.DebugLog.Entry>('lit-debug', {\n detail: event,\n }),\n );\n }\n : undefined;\n// Used for connecting beginRender and endRender events when there are nested\n// renders when errors are thrown preventing an endRender event from being\n// called.\nlet debugLogRenderId = 0;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n global.litIssuedWarnings ??= new Set();\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += code\n ? ` See https://lit.dev/msg/${code} for more information.`\n : '';\n if (!global.litIssuedWarnings!.has(warning)) {\n console.warn(warning);\n global.litIssuedWarnings!.add(warning);\n }\n };\n\n issueWarning(\n 'dev-mode',\n `Lit is in dev mode. Not recommended for production!`,\n );\n}\n\nconst wrap =\n ENABLE_SHADYDOM_NOPATCH &&\n global.ShadyDOM?.inUse &&\n global.ShadyDOM?.noPatch === true\n ? (global.ShadyDOM!.wrap as <T extends Node>(node: T) => T)\n : <T extends Node>(node: T) => node;\n\nconst trustedTypes = (global as unknown as TrustedTypesWindow).trustedTypes;\n\n/**\n * Our TrustedTypePolicy for HTML which is declared using the html template\n * tag function.\n *\n * That HTML is a developer-authored constant, and is parsed with innerHTML\n * before any untrusted expressions have been mixed in. Therefor it is\n * considered safe by construction.\n */\nconst policy = trustedTypes\n ? trustedTypes.createPolicy('lit-html', {\n createHTML: (s) => s,\n })\n : undefined;\n\n/**\n * Used to sanitize any value before it is written into the DOM. This can be\n * used to implement a security policy of allowed and disallowed values in\n * order to prevent XSS attacks.\n *\n * One way of using this callback would be to check attributes and properties\n * against a list of high risk fields, and require that values written to such\n * fields be instances of a class which is safe by construction. Closure's Safe\n * HTML Types is one implementation of this technique (\n * https://github.com/google/safe-html-types/blob/master/doc/safehtml-types.md).\n * The TrustedTypes polyfill in API-only mode could also be used as a basis\n * for this technique (https://github.com/WICG/trusted-types).\n *\n * @param node The HTML node (usually either a #text node or an Element) that\n * is being written to. Note that this is just an exemplar node, the write\n * may take place against another instance of the same class of node.\n * @param name The name of an attribute or property (for example, 'href').\n * @param type Indicates whether the write that's about to be performed will\n * be to a property or a node.\n * @return A function that will sanitize this class of writes.\n */\nexport type SanitizerFactory = (\n node: Node,\n name: string,\n type: 'property' | 'attribute',\n) => ValueSanitizer;\n\n/**\n * A function which can sanitize values that will be written to a specific kind\n * of DOM sink.\n *\n * See SanitizerFactory.\n *\n * @param value The value to sanitize. Will be the actual value passed into\n * the lit-html template literal, so this could be of any type.\n * @return The value to write to the DOM. Usually the same as the input value,\n * unless sanitization is needed.\n */\nexport type ValueSanitizer = (value: unknown) => unknown;\n\nconst identityFunction: ValueSanitizer = (value: unknown) => value;\nconst noopSanitizer: SanitizerFactory = (\n _node: Node,\n _name: string,\n _type: 'property' | 'attribute',\n) => identityFunction;\n\n/** Sets the global sanitizer factory. */\nconst setSanitizer = (newSanitizer: SanitizerFactory) => {\n if (!ENABLE_EXTRA_SECURITY_HOOKS) {\n return;\n }\n if (sanitizerFactoryInternal !== noopSanitizer) {\n throw new Error(\n `Attempted to overwrite existing lit-html security policy.` +\n ` setSanitizeDOMValueFactory should be called at most once.`,\n );\n }\n sanitizerFactoryInternal = newSanitizer;\n};\n\n/**\n * Only used in internal tests, not a part of the public API.\n */\nconst _testOnlyClearSanitizerFactoryDoNotCallOrElse = () => {\n sanitizerFactoryInternal = noopSanitizer;\n};\n\nconst createSanitizer: SanitizerFactory = (node, name, type) => {\n return sanitizerFactoryInternal(node, name, type);\n};\n\n// Added to an attribute name to mark the attribute as bound so we can find\n// it easily.\nconst boundAttributeSuffix = '$lit$';\n\n// This marker is used in many syntactic positions in HTML, so it must be\n// a valid element name and attribute name. We don't support dynamic names (yet)\n// but this at least ensures that the parse tree is closer to the template\n// intention.\nconst marker = `lit$${Math.random().toFixed(9).slice(2)}$`;\n\n// String used to tell if a comment is a marker comment\nconst markerMatch = '?' + marker;\n\n// Text used to insert a comment marker node. We use processing instruction\n// syntax because it's slightly smaller, but parses as a comment node.\nconst nodeMarker = `<${markerMatch}>`;\n\nconst d =\n NODE_MODE && global.document === undefined\n ? ({\n createTreeWalker() {\n return {};\n },\n } as unknown as Document)\n : document;\n\n// Creates a dynamic marker. We never have to search for these in the DOM.\nconst createMarker = () => d.createComment('');\n\n// https://tc39.github.io/ecma262/#sec-typeof-operator\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\nconst isPrimitive = (value: unknown): value is Primitive =>\n value === null || (typeof value != 'object' && typeof value != 'function');\nconst isArray = Array.isArray;\nconst isIterable = (value: unknown): value is Iterable<unknown> =>\n isArray(value) ||\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n typeof (value as any)?.[Symbol.iterator] === 'function';\n\nconst SPACE_CHAR = `[ \\t\\n\\f\\r]`;\nconst ATTR_VALUE_CHAR = `[^ \\t\\n\\f\\r\"'\\`<>=]`;\nconst NAME_CHAR = `[^\\\\s\"'>=/]`;\n\n// These regexes represent the five parsing states that we care about in the\n// Template's HTML scanner. They match the *end* of the state they're named\n// after.\n// Depending on the match, we transition to a new state. If there's no match,\n// we stay in the same state.\n// Note that the regexes are stateful. We utilize lastIndex and sync it\n// across the multiple regexes used. In addition to the five regexes below\n// we also dynamically create a regex to find the matching end tags for raw\n// text elements.\n\n/**\n * End of text is: `<` followed by:\n * (comment start) or (tag) or (dynamic tag binding)\n */\nconst textEndRegex = /<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g;\nconst COMMENT_START = 1;\nconst TAG_NAME = 2;\nconst DYNAMIC_TAG_NAME = 3;\n\nconst commentEndRegex = /-->/g;\n/**\n * Comments not started with <!--, like </{, can be ended by a single `>`\n */\nconst comment2EndRegex = />/g;\n\n/**\n * The tagEnd regex matches the end of the \"inside an opening\" tag syntax\n * position. It either matches a `>`, an attribute-like sequence, or the end\n * of the string after a space (attribute-name position ending).\n *\n * See attributes in the HTML spec:\n * https://www.w3.org/TR/html5/syntax.html#elements-attributes\n *\n * \" \\t\\n\\f\\r\" are HTML space characters:\n * https://infra.spec.whatwg.org/#ascii-whitespace\n *\n * So an attribute is:\n * * The name: any character except a whitespace character, (\"), ('), \">\",\n * \"=\", or \"/\". Note: this is different from the HTML spec which also excludes control characters.\n * * Followed by zero or more space characters\n * * Followed by \"=\"\n * * Followed by zero or more space characters\n * * Followed by:\n * * Any character except space, ('), (\"), \"<\", \">\", \"=\", (`), or\n * * (\") then any non-(\"), or\n * * (') then any non-(')\n */\nconst tagEndRegex = new RegExp(\n `>|${SPACE_CHAR}(?:(${NAME_CHAR}+)(${SPACE_CHAR}*=${SPACE_CHAR}*(?:${ATTR_VALUE_CHAR}|(\"|')|))|$)`,\n 'g',\n);\nconst ENTIRE_MATCH = 0;\nconst ATTRIBUTE_NAME = 1;\nconst SPACES_AND_EQUALS = 2;\nconst QUOTE_CHAR = 3;\n\nconst singleQuoteAttrEndRegex = /'/g;\nconst doubleQuoteAttrEndRegex = /\"/g;\n/**\n * Matches the raw text elements.\n *\n * Comments are not parsed within raw text elements, so we need to search their\n * text content for marker strings.\n */\nconst rawTextElement = /^(?:script|style|textarea|title)$/i;\n\n/** TemplateResult types */\nconst HTML_RESULT = 1;\nconst SVG_RESULT = 2;\nconst MATHML_RESULT = 3;\n\ntype ResultType = typeof HTML_RESULT | typeof SVG_RESULT | typeof MATHML_RESULT;\n\n// TemplatePart types\n// IMPORTANT: these must match the values in PartType\nconst ATTRIBUTE_PART = 1;\nconst CHILD_PART = 2;\nconst PROPERTY_PART = 3;\nconst BOOLEAN_ATTRIBUTE_PART = 4;\nconst EVENT_PART = 5;\nconst ELEMENT_PART = 6;\nconst COMMENT_PART = 7;\n\n/**\n * The return type of the template tag functions, {@linkcode html} and\n * {@linkcode svg} when it hasn't been compiled by @lit-labs/compiler.\n *\n * A `TemplateResult` object holds all the information about a template\n * expression required to render it: the template strings, expression values,\n * and type of template (html or svg).\n *\n * `TemplateResult` objects do not create any DOM on their own. To create or\n * update DOM you need to render the `TemplateResult`. See\n * [Rendering](https://lit.dev/docs/components/rendering) for more information.\n *\n */\nexport type UncompiledTemplateResult<T extends ResultType = ResultType> = {\n // This property needs to remain unminified.\n ['_$litType$']: T;\n strings: TemplateStringsArray;\n values: unknown[];\n};\n\n/**\n * This is a template result that may be either uncompiled or compiled.\n *\n * In the future, TemplateResult will be this type. If you want to explicitly\n * note that a template result is potentially compiled, you can reference this\n * type and it will continue to behave the same through the next major version\n * of Lit. This can be useful for code that wants to prepare for the next\n * major version of Lit.\n */\nexport type MaybeCompiledTemplateResult<T extends ResultType = ResultType> =\n | UncompiledTemplateResult<T>\n | CompiledTemplateResult;\n\n/**\n * The return type of the template tag functions, {@linkcode html} and\n * {@linkcode svg}.\n *\n * A `TemplateResult` object holds all the information about a template\n * expression required to render it: the template strings, expression values,\n * and type of template (html or svg).\n *\n * `TemplateResult` objects do not create any DOM on their own. To create or\n * update DOM you need to render the `TemplateResult`. See\n * [Rendering](https://lit.dev/docs/components/rendering) for more information.\n *\n * In Lit 4, this type will be an alias of\n * MaybeCompiledTemplateResult, so that code will get type errors if it assumes\n * that Lit templates are not compiled. When deliberately working with only\n * one, use either {@linkcode CompiledTemplateResult} or\n * {@linkcode UncompiledTemplateResult} explicitly.\n */\nexport type TemplateResult<T extends ResultType = ResultType> =\n UncompiledTemplateResult<T>;\n\nexport type HTMLTemplateResult = TemplateResult<typeof HTML_RESULT>;\n\nexport type SVGTemplateResult = TemplateResult<typeof SVG_RESULT>;\n\nexport type MathMLTemplateResult = TemplateResult<typeof MATHML_RESULT>;\n\n/**\n * A TemplateResult that has been compiled by @lit-labs/compiler, skipping the\n * prepare step.\n */\nexport interface CompiledTemplateResult {\n // This is a factory in order to make template initialization lazy\n // and allow ShadyRenderOptions scope to be passed in.\n // This property needs to remain unminified.\n ['_$litType$']: CompiledTemplate;\n values: unknown[];\n}\n\nexport interface CompiledTemplate extends Omit<Template, 'el'> {\n // el is overridden to be optional. We initialize it on first render\n el?: HTMLTemplateElement;\n\n // The prepared HTML string to create a template element from.\n // The type is a TemplateStringsArray to guarantee that the value came from\n // source code, preventing a JSON injection attack.\n h: TemplateStringsArray;\n}\n\n/**\n * Generates a template literal tag function that returns a TemplateResult with\n * the given result type.\n */\nconst tag =\n <T extends ResultType>(type: T) =>\n (strings: TemplateStringsArray, ...values: unknown[]): TemplateResult<T> => {\n // Warn against templates octal escape sequences\n // We do this here rather than in render so that the warning is closer to the\n // template definition.\n if (DEV_MODE && strings.some((s) => s === undefined)) {\n console.warn(\n 'Some template strings are undefined.\\n' +\n 'This is probably caused by illegal octal escape sequences.',\n );\n }\n if (DEV_MODE) {\n // Import static-html.js results in a circular dependency which g3 doesn't\n // handle. Instead we know that static values must have the field\n // `_$litStatic$`.\n if (\n values.some((val) => (val as {_$litStatic$: unknown})?.['_$litStatic$'])\n ) {\n issueWarning(\n '',\n `Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\\n` +\n `Please use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions`,\n );\n }\n }\n return {\n // This property needs to remain unminified.\n ['_$litType$']: type,\n strings,\n values,\n };\n };\n\n/**\n * Interprets a template literal as an HTML template that can efficiently\n * render to and update a container.\n *\n * ```ts\n * const header = (title: string) => html`<h1>${title}</h1>`;\n * ```\n *\n * The `html` tag returns a description of the DOM to render as a value. It is\n * lazy, meaning no work is done until the template is rendered. When rendering,\n * if a template comes from the same expression as a previously rendered result,\n * it's efficiently updated instead of replaced.\n */\nexport const html = tag(HTML_RESULT);\n\n/**\n * Interprets a template literal as an SVG fragment that can efficiently render\n * to and update a container.\n *\n * ```ts\n * const rect = svg`<rect width=\"10\" height=\"10\"></rect>`;\n *\n * const myImage = html`\n * <svg viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\">\n * ${rect}\n * </svg>`;\n * ```\n *\n * The `svg` *tag function* should only be used for SVG fragments, or elements\n * that would be contained **inside** an `<svg>` HTML element. A common error is\n * placing an `<svg>` *element* in a template tagged with the `svg` tag\n * function. The `<svg>` element is an HTML element and should be used within a\n * template tagged with the {@linkcode html} tag function.\n *\n * In LitElement usage, it's invalid to return an SVG fragment from the\n * `render()` method, as the SVG fragment will be contained within the element's\n * shadow root and thus not be properly contained within an `<svg>` HTML\n * element.\n */\nexport const svg = tag(SVG_RESULT);\n\n/**\n * Interprets a template literal as MathML fragment that can efficiently render\n * to and update a container.\n *\n * ```ts\n * const num = mathml`<mn>1</mn>`;\n *\n * const eq = html`\n * <math>\n * ${num}\n * </math>`;\n * ```\n *\n * The `mathml` *tag function* should only be used for MathML fragments, or\n * elements that would be contained **inside** a `<math>` HTML element. A common\n * error is placing a `<math>` *element* in a template tagged with the `mathml`\n * tag function. The `<math>` element is an HTML element and should be used\n * within a template tagged with the {@linkcode html} tag function.\n *\n * In LitElement usage, it's invalid to return an MathML fragment from the\n * `render()` method, as the MathML fragment will be contained within the\n * element's shadow root and thus not be properly contained within a `<math>`\n * HTML element.\n */\nexport const mathml = tag(MATHML_RESULT);\n\n/**\n * A sentinel value that signals that a value was handled by a directive and\n * should not be written to the DOM.\n */\nexport const noChange = Symbol.for('lit-noChange');\n\n/**\n * A sentinel value that signals a ChildPart to fully clear its content.\n *\n * ```ts\n * const button = html`${\n * user.isAdmin\n * ? html`<button>DELETE</button>`\n * : nothing\n * }`;\n * ```\n *\n * Prefer using `nothing` over other falsy values as it provides a consistent\n * behavior between various expression binding contexts.\n *\n * In child expressions, `undefined`, `null`, `''`, and `nothing` all behave the\n * same and render no nodes. In attribute expressions, `nothing` _removes_ the\n * attribute, while `undefined` and `null` will render an empty string. In\n * property expressions `nothing` becomes `undefined`.\n */\nexport const nothing = Symbol.for('lit-nothing');\n\n/**\n * The cache of prepared templates, keyed by the tagged TemplateStringsArray\n * and _not_ accounting for the specific template tag used. This means that\n * template tags cannot be dynamic - they must statically be one of html, svg,\n * or attr. This restriction simplifies the cache lookup, which is on the hot\n * path for rendering.\n */\nconst templateCache = new WeakMap<TemplateStringsArray, Template>();\n\n/**\n * Object specifying options for controlling lit-html rendering. Note that\n * while `render` may be called multiple times on the same `container` (and\n * `renderBefore` reference node) to efficiently update the rendered content,\n * only the options passed in during the first render are respected during\n * the lifetime of renders to that unique `container` + `renderBefore`\n * combination.\n */\nexport interface RenderOptions {\n /**\n * An object to use as the `this` value for event listeners. It's often\n * useful to set this to the host component rendering a template.\n */\n host?: object;\n /**\n * A DOM node before which to render content in the container.\n */\n renderBefore?: ChildNode | null;\n /**\n * Node used for cloning the template (`importNode` will be called on this\n * node). This controls the `ownerDocument` of the rendered DOM, along with\n * any inherited context. Defaults to the global `document`.\n */\n creationScope?: {importNode(node: Node, deep?: boolean): Node};\n /**\n * The initial connected state for the top-level part being rendered. If no\n * `isConnected` option is set, `AsyncDirective`s will be connected by\n * default. Set to `false` if the initial render occurs in a disconnected tree\n * and `AsyncDirective`s should see `isConnected === false` for their initial\n * render. The `part.setConnected()` method must be used subsequent to initial\n * render to change the connected state of the part.\n */\n isConnected?: boolean;\n}\n\nconst walker = d.createTreeWalker(\n d,\n 129 /* NodeFilter.SHOW_{ELEMENT|COMMENT} */,\n);\n\nlet sanitizerFactoryInternal: SanitizerFactory = noopSanitizer;\n\n//\n// Classes only below here, const variable declarations only above here...\n//\n// Keeping variable declarations and classes together improves minification.\n// Interfaces and type aliases can be interleaved freely.\n//\n\n// Type for classes that have a `_directive` or `_directives[]` field, used by\n// `resolveDirective`\nexport interface DirectiveParent {\n _$parent?: DirectiveParent;\n _$isConnected: boolean;\n __directive?: Directive;\n __directives?: Array<Directive | undefined>;\n}\n\nfunction trustFromTemplateString(\n tsa: TemplateStringsArray,\n stringFromTSA: string,\n): TrustedHTML {\n // A security check to prevent spoofing of Lit template results.\n // In the future, we may be able to replace this with Array.isTemplateObject,\n // though we might need to make that check inside of the html and svg\n // functions, because precompiled templates don't come in as\n // TemplateStringArray objects.\n if (!isArray(tsa) || !tsa.hasOwnProperty('raw')) {\n let message = 'invalid template strings array';\n if (DEV_MODE) {\n message = `\n Internal Error: expected template strings to be an array\n with a 'raw' field. Faking a template strings array by\n calling html or svg like an ordinary function is effectively\n the same as calling unsafeHtml and can lead to major security\n issues, e.g. opening your code up to XSS attacks.\n If you're using the html or svg tagged template functions normally\n and still seeing this error, please file a bug at\n https://github.com/lit/lit/issues/new?template=bug_report.md\n and include information about your build tooling, if any.\n `\n .trim()\n .replace(/\\n */g, '\\n');\n }\n throw new Error(message);\n }\n return policy !== undefined\n ? policy.createHTML(stringFromTSA)\n : (stringFromTSA as unknown as TrustedHTML);\n}\n\n/**\n * Returns an HTML string for the given TemplateStringsArray and result type\n * (HTML or SVG), along with the case-sensitive bound attribute names in\n * template order. The HTML contains comment markers denoting the `ChildPart`s\n * and suffixes on bound attributes denoting the `AttributeParts`.\n *\n * @param strings template strings array\n * @param type HTML or SVG\n * @return Array containing `[html, attrNames]` (array returned for terseness,\n * to avoid object fields since this code is shared with non-minified SSR\n * code)\n */\nconst getTemplateHtml = (\n strings: TemplateStringsArray,\n type: ResultType,\n): [TrustedHTML, Array<string>] => {\n // Insert makers into the template HTML to represent the position of\n // bindings. The following code scans the template strings to determine the\n // syntactic position of the bindings. They can be in text position, where\n // we insert an HTML comment, attribute value position, where we insert a\n // sentinel string and re-write the attribute name, or inside a tag where\n // we insert the sentinel string.\n const l = strings.length - 1;\n // Stores the case-sensitive bound attribute names in the order of their\n // parts. ElementParts are also reflected in this array as undefined\n // rather than a string, to disambiguate from attribute bindings.\n const attrNames: Array<string> = [];\n let html =\n type === SVG_RESULT ? '<svg>' : type === MATHML_RESULT ? '<math>' : '';\n\n // When we're inside a raw text tag (not it's text content), the regex\n // will still be tagRegex so we can find attributes, but will switch to\n // this regex when the tag ends.\n let rawTextEndRegex: RegExp | undefined;\n\n // The current parsing state, represented as a reference to one of the\n // regexes\n let regex = textEndRegex;\n\n for (let i = 0; i < l; i++) {\n const s = strings[i];\n // The index of the end of the last attribute name. When this is\n // positive at end of a string, it means we're in an attribute value\n // position and need to rewrite the attribute name.\n // We also use a special value of -2 to indicate that we encountered\n // the end of a string in attribute name position.\n let attrNameEndIndex = -1;\n let attrName: string | undefined;\n let lastIndex = 0;\n let match!: RegExpExecArray | null;\n\n // The conditions in this loop handle the current parse state, and the\n // assignments to the `regex` variable are the state transitions.\n while (lastIndex < s.length) {\n // Make sure we start searching from where we previously left off\n regex.lastIndex = lastIndex;\n match = regex.exec(s);\n if (match === null) {\n break;\n }\n lastIndex = regex.lastIndex;\n if (regex === textEndRegex) {\n if (match[COMMENT_START] === '!--') {\n regex = commentEndRegex;\n } else if (match[COMMENT_START] !== undefined) {\n // We started a weird comment, like </{\n regex = comment2EndRegex;\n } else if (match[TAG_NAME] !== undefined) {\n if (rawTextElement.test(match[TAG_NAME])) {\n // Record if we encounter a raw-text element. We'll switch to\n // this regex at the end of the tag.\n rawTextEndRegex = new RegExp(`</${match[TAG_NAME]}`, 'g');\n }\n regex = tagEndRegex;\n } else if (match[DYNAMIC_TAG_NAME] !== undefined) {\n if (DEV_MODE) {\n throw new Error(\n 'Bindings in tag names are not supported. Please use static templates instead. ' +\n 'See https://lit.dev/docs/templates/expressions/#static-expressions',\n );\n }\n regex = tagEndRegex;\n }\n } else if (regex === tagEndRegex) {\n if (match[ENTIRE_MATCH] === '>') {\n // End of a tag. If we had started a raw-text element, use that\n // regex\n regex = rawTextEndRegex ?? textEndRegex;\n // We may be ending an unquoted attribute value, so make sure we\n // clear any pending attrNameEndIndex\n attrNameEndIndex = -1;\n } else if (match[ATTRIBUTE_NAME] === undefined) {\n // Attribute name position\n attrNameEndIndex = -2;\n } else {\n attrNameEndIndex = regex.lastIndex - match[SPACES_AND_EQUALS].length;\n attrName = match[ATTRIBUTE_NAME];\n regex =\n match[QUOTE_CHAR] === undefined\n ? tagEndRegex\n : match[QUOTE_CHAR] === '\"'\n ? doubleQuoteAttrEndRegex\n : singleQuoteAttrEndRegex;\n }\n } else if (\n regex === doubleQuoteAttrEndRegex ||\n regex === singleQuoteAttrEndRegex\n ) {\n regex = tagEndRegex;\n } else if (regex === commentEndRegex || regex === comment2EndRegex) {\n regex = textEndRegex;\n } else {\n // Not one of the five state regexes, so it must be the dynamically\n // created raw text regex and we're at the close of that element.\n regex = tagEndRegex;\n rawTextEndRegex = undefined;\n }\n }\n\n if (DEV_MODE) {\n // If we have a attrNameEndIndex, which indicates that we should\n // rewrite the attribute name, assert that we're in a valid attribute\n // position - either in a tag, or a quoted attribute value.\n console.assert(\n attrNameEndIndex === -1 ||\n regex === tagEndRegex ||\n regex === singleQuoteAttrEndRegex ||\n regex === doubleQuoteAttrEndRegex,\n 'unexpected parse state B',\n );\n }\n\n // We have four cases:\n // 1. We're in text position, and not in a raw text element\n // (regex === textEndRegex): insert a comment marker.\n // 2. We have a non-negative attrNameEndIndex which means we need to\n // rewrite the attribute name to add a bound attribute suffix.\n // 3. We're at the non-first binding in a multi-binding attribute, use a\n // plain marker.\n // 4. We're somewhere else inside the tag. If we're in attribute name\n // position (attrNameEndIndex === -2), add a sequential suffix to\n // generate a unique attribute name.\n\n // Detect a binding next to self-closing tag end and insert a space to\n // separate the marker from the tag end:\n const end =\n regex === tagEndRegex && strings[i + 1].startsWith('/>') ? ' ' : '';\n html +=\n regex === textEndRegex\n ? s + nodeMarker\n : attrNameEndIndex >= 0\n ? (attrNames.push(attrName!),\n s.slice(0, attrNameEndIndex) +\n boundAttributeSuffix +\n s.slice(attrNameEndIndex)) +\n marker +\n end\n : s + marker + (attrNameEndIndex === -2 ? i : end);\n }\n\n const htmlResult: string | TrustedHTML =\n html +\n (strings[l] || '<?>') +\n (type === SVG_RESULT ? '</svg>' : type === MATHML_RESULT ? '</math>' : '');\n\n // Returned as an array for terseness\n return [trustFromTemplateString(strings, htmlResult), attrNames];\n};\n\n/** @internal */\nexport type {Template};\nclass Template {\n /** @internal */\n el!: HTMLTemplateElement;\n\n parts: Array<TemplatePart> = [];\n\n constructor(\n // This property needs to remain unminified.\n {strings, ['_$litType$']: type}: UncompiledTemplateResult,\n options?: RenderOptions,\n ) {\n let node: Node | null;\n let nodeIndex = 0;\n let attrNameIndex = 0;\n const partCount = strings.length - 1;\n const parts = this.parts;\n\n // Create template element\n const [html, attrNames] = getTemplateHtml(strings, type);\n this.el = Template.createElement(html, options);\n walker.currentNode = this.el.content;\n\n // Re-parent SVG or MathML nodes into template root\n if (type === SVG_RESULT || type === MATHML_RESULT) {\n const wrapper = this.el.content.firstChild!;\n wrapper.replaceWith(...wrapper.childNodes);\n }\n\n // Walk the template to find binding markers and create TemplateParts\n while ((node = walker.nextNode()) !== null && parts.length < partCount) {\n if (node.nodeType === 1) {\n if (DEV_MODE) {\n const tag = (node as Element).localName;\n // Warn if `textarea` includes an expression and throw if `template`\n // does since these are not supported. We do this by checking\n // innerHTML for anything that looks like a marker. This catches\n // cases like bindings in textarea there markers turn into text nodes.\n if (\n /^(?:textarea|template)$/i!.test(tag) &&\n (node as Element).innerHTML.includes(marker)\n ) {\n const m =\n `Expressions are not supported inside \\`${tag}\\` ` +\n `elements. See https://lit.dev/msg/expression-in-${tag} for more ` +\n `information.`;\n if (tag === 'template') {\n throw new Error(m);\n } else issueWarning('', m);\n }\n }\n // TODO (justinfagnani): for attempted dynamic tag names, we don't\n // increment the bindingIndex, and it'll be off by 1 in the element\n // and off by two after it.\n if ((node as Element).hasAttributes()) {\n for (const name of (node as Element).getAttributeNames()) {\n if (name.endsWith(boundAttributeSuffix)) {\n const realName = attrNames[attrNameIndex++];\n const value = (node as Element).getAttribute(name)!;\n const statics = value.split(marker);\n const m = /([.?@])?(.*)/.exec(realName)!;\n parts.push({\n type: ATTRIBUTE_PART,\n index: nodeIndex,\n name: m[2],\n strings: statics,\n ctor:\n m[1] === '.'\n ? PropertyPart\n : m[1] === '?'\n ? BooleanAttributePart\n : m[1] === '@'\n ? EventPart\n : AttributePart,\n });\n (node as Element).removeAttribute(name);\n } else if (name.startsWith(marker)) {\n parts.push({\n type: ELEMENT_PART,\n index: nodeIndex,\n });\n (node as Element).removeAttribute(name);\n }\n }\n }\n // TODO (justinfagnani): benchmark the regex against testing for each\n // of the 3 raw text element names.\n if (rawTextElement.test((node as Element).tagName)) {\n // For raw text elements we need to split the text content on\n // markers, create a Text node for each segment, and create\n // a TemplatePart for each marker.\n const strings = (node as Element).textContent!.split(marker);\n const lastIndex = strings.length - 1;\n if (lastIndex > 0) {\n (node as Element).textContent = trustedTypes\n ? (trustedTypes.emptyScript as unknown as '')\n : '';\n // Generate a new text node for each literal section\n // These nodes are also used as the markers for node parts\n // We can't use empty text nodes as markers because they're\n // normalized when cloning in IE (could simplify when\n // IE is no longer supported)\n for (let i = 0; i < lastIndex; i++) {\n (node as Element).append(strings[i], createMarker());\n // Walk past the marker node we just added\n walker.nextNode();\n parts.push({type: CHILD_PART, index: ++nodeIndex});\n }\n // Note because this marker is added after the walker's current\n // node, it will be walked to in the outer loop (and ignored), so\n // we don't need to adjust nodeIndex here\n (node as Element).append(strings[lastIndex], createMarker());\n }\n }\n } else if (node.nodeType === 8) {\n const data = (node as Comment).data;\n if (data === markerMatch) {\n parts.push({type: CHILD_PART, index: nodeIndex});\n } else {\n let i = -1;\n while ((i = (node as Comment).data.indexOf(marker, i + 1)) !== -1) {\n // Comment node has a binding marker inside, make an inactive part\n // The binding won't work, but subsequent bindings will\n parts.push({type: COMMENT_PART, index: nodeIndex});\n // Move to the end of the match\n i += marker.length - 1;\n }\n }\n }\n nodeIndex++;\n }\n\n if (DEV_MODE) {\n // If there was a duplicate attribute on a tag, then when the tag is\n // parsed into an element the attribute gets de-duplicated. We can detect\n // this mismatch if we haven't precisely consumed every attribute name\n // when preparing the template. This works because `attrNames` is built\n // from the template string and `attrNameIndex` comes from processing the\n // resulting DOM.\n if (attrNames.length !== attrNameIndex) {\n throw new Error(\n `Detected duplicate attribute bindings. This occurs if your template ` +\n `has duplicate attributes on an element tag. For example ` +\n `\"<input ?disabled=\\${true} ?disabled=\\${false}>\" contains a ` +\n `duplicate \"disabled\" attribute. The error was detected in ` +\n `the following template: \\n` +\n '`' +\n strings.join('${...}') +\n '`',\n );\n }\n }\n\n // We could set walker.currentNode to another node here to prevent a memory\n // leak, but every time we prepare a template, we immediately render it\n // and re-use the walker in new TemplateInstance._clone().\n debugLogEvent &&\n debugLogEvent({\n kind: 'template prep',\n template: this,\n clonableTemplate: this.el,\n parts: this.parts,\n strings,\n });\n }\n\n // Overridden via `litHtmlPolyfillSupport` to provide platform support.\n /** @nocollapse */\n static createElement(html: TrustedHTML, _options?: RenderOptions) {\n const el = d.createElement('template');\n el.innerHTML = html as unknown as string;\n return el;\n }\n}\n\nexport interface Disconnectable {\n _$parent?: Disconnectable;\n _$disconnectableChildren?: Set<Disconnectable>;\n // Rather than hold connection state on instances, Disconnectables recursively\n // fetch the connection state from the RootPart they are connected in via\n // getters up the Disconnectable tree via _$parent references. This pushes the\n // cost of tracking the isConnected state to `AsyncDirectives`, and avoids\n // needing to pass all Disconnectables (parts, template instances, and\n // directives) their connection state each time it changes, which would be\n // costly for trees that have no AsyncDirectives.\n _$isConnected: boolean;\n}\n\nfunction resolveDirective(\n part: ChildPart | AttributePart | ElementPart,\n value: unknown,\n parent: DirectiveParent = part,\n attributeIndex?: number,\n): unknown {\n // Bail early if the value is explicitly noChange. Note, this means any\n // nested directive is still attached and is not run.\n if (value === noChange) {\n return value;\n }\n let currentDirective =\n attributeIndex !== undefined\n ? (parent as AttributePart).__directives?.[attributeIndex]\n : (parent as ChildPart | ElementPart | Directive).__directive;\n const nextDirectiveConstructor = isPrimitive(value)\n ? undefined\n : // This property needs to remain unminified.\n (value as DirectiveResult)['_$litDirective$'];\n if (currentDirective?.constructor !== nextDirectiveConstructor) {\n // This property needs to remain unminified.\n currentDirective?.['_$notifyDirectiveConnectionChanged']?.(false);\n if (nextDirectiveConstructor === undefined) {\n currentDirective = undefined;\n } else {\n currentDirective = new nextDirectiveConstructor(part as PartInfo);\n currentDirective._$initialize(part, parent, attributeIndex);\n }\n if (attributeIndex !== undefined) {\n ((parent as AttributePart).__directives ??= [])[attributeIndex] =\n currentDirective;\n } else {\n (parent as ChildPart | Directive).__directive = currentDirective;\n }\n }\n if (currentDirective !== undefined) {\n value = resolveDirective(\n part,\n currentDirective._$resolve(part, (value as DirectiveResult).values),\n currentDirective,\n attributeIndex,\n );\n }\n return value;\n}\n\nexport type {TemplateInstance};\n/**\n * An updateable instance of a Template. Holds references to the Parts used to\n * update the template instance.\n */\nclass TemplateInstance implements Disconnectable {\n _$template: Template;\n _$parts: Array<Part | undefined> = [];\n\n /** @internal */\n _$parent: ChildPart;\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n constructor(template: Template, parent: ChildPart) {\n this._$template = template;\n this._$parent = parent;\n }\n\n // Called by ChildPart parentNode getter\n get parentNode() {\n return this._$parent.parentNode;\n }\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n // This method is separate from the constructor because we need to return a\n // DocumentFragment and we don't want to hold onto it with an instance field.\n _clone(options: RenderOptions | undefined) {\n const {\n el: {content},\n parts: parts,\n } = this._$template;\n const fragment = (options?.creationScope ?? d).importNode(content, true);\n walker.currentNode = fragment;\n\n let node = walker.nextNode()!;\n let nodeIndex = 0;\n let partIndex = 0;\n let templatePart = parts[0];\n\n while (templatePart !== undefined) {\n if (nodeIndex === templatePart.index) {\n let part: Part | undefined;\n if (templatePart.type === CHILD_PART) {\n part = new ChildPart(\n node as HTMLElement,\n node.nextSibling,\n this,\n options,\n );\n } else if (templatePart.type === ATTRIBUTE_PART) {\n part = new templatePart.ctor(\n node as HTMLElement,\n templatePart.name,\n templatePart.strings,\n this,\n options,\n );\n } else if (templatePart.type === ELEMENT_PART) {\n part = new ElementPart(node as HTMLElement, this, options);\n }\n this._$parts.push(part);\n templatePart = parts[++partIndex];\n }\n if (nodeIndex !== templatePart?.index) {\n node = walker.nextNode()!;\n nodeIndex++;\n }\n }\n // We need to set the currentNode away from the cloned tree so that we\n // don't hold onto the tree even if the tree is detached and should be\n // freed.\n walker.currentNode = d;\n return fragment;\n }\n\n _update(values: Array<unknown>) {\n let i = 0;\n for (const part of this._$parts) {\n if (part !== undefined) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'set part',\n part,\n value: values[i],\n valueIndex: i,\n values,\n templateInstance: this,\n });\n if ((part as AttributePart).strings !== undefined) {\n (part as AttributePart)._$setValue(values, part as AttributePart, i);\n // The number of values the part consumes is part.strings.length - 1\n // since values are in between template spans. We increment i by 1\n // later in the loop, so increment it by part.strings.length - 2 here\n i += (part as AttributePart).strings!.length - 2;\n } else {\n part._$setValue(values[i]);\n }\n }\n i++;\n }\n }\n}\n\n/*\n * Parts\n */\ntype AttributeTemplatePart = {\n readonly type: typeof ATTRIBUTE_PART;\n readonly index: number;\n readonly name: string;\n readonly ctor: typeof AttributePart;\n readonly strings: ReadonlyArray<string>;\n};\ntype ChildTemplatePart = {\n readonly type: typeof CHILD_PART;\n readonly index: number;\n};\ntype ElementTemplatePart = {\n readonly type: typeof ELEMENT_PART;\n readonly index: number;\n};\ntype CommentTemplatePart = {\n readonly type: typeof COMMENT_PART;\n readonly index: number;\n};\n\n/**\n * A TemplatePart represents a dynamic part in a template, before the template\n * is instantiated. When a template is instantiated Parts are created from\n * TemplateParts.\n */\ntype TemplatePart =\n | ChildTemplatePart\n | AttributeTemplatePart\n | ElementTemplatePart\n | CommentTemplatePart;\n\nexport type Part =\n | ChildPart\n | AttributePart\n | PropertyPart\n | BooleanAttributePart\n | ElementPart\n | EventPart;\n\nexport type {ChildPart};\nclass ChildPart implements Disconnectable {\n readonly type = CHILD_PART;\n readonly options: RenderOptions | undefined;\n _$committedValue: unknown = nothing;\n /** @internal */\n __directive?: Directive;\n /** @internal */\n _$startNode: ChildNode;\n /** @internal */\n _$endNode: ChildNode | null;\n private _textSanitizer: ValueSanitizer | undefined;\n /** @internal */\n _$parent: Disconnectable | undefined;\n /**\n * Connection state for RootParts only (i.e. ChildPart without _$parent\n * returned from top-level `render`). This field is unused otherwise. The\n * intention would be clearer if we made `RootPart` a subclass of `ChildPart`\n * with this field (and a different _$isConnected getter), but the subclass\n * caused a perf regression, possibly due to making call sites polymorphic.\n * @internal\n */\n __isConnected: boolean;\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n // ChildParts that are not at the root should always be created with a\n // parent; only RootChildNode's won't, so they return the local isConnected\n // state\n return this._$parent?._$isConnected ?? this.__isConnected;\n }\n\n // The following fields will be patched onto ChildParts when required by\n // AsyncDirective\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n /** @internal */\n _$notifyConnectionChanged?(\n isConnected: boolean,\n removeFromParent?: boolean,\n from?: number,\n ): void;\n /** @internal */\n _$reparentDisconnectables?(parent: Disconnectable): void;\n\n constructor(\n startNode: ChildNode,\n endNode: ChildNode | null,\n parent: TemplateInstance | ChildPart | undefined,\n options: RenderOptions | undefined,\n ) {\n this._$startNode = startNode;\n this._$endNode = endNode;\n this._$parent = parent;\n this.options = options;\n // Note __isConnected is only ever accessed on RootParts (i.e. when there is\n // no _$parent); the value on a non-root-part is \"don't care\", but checking\n // for parent would be more code\n this.__isConnected = options?.isConnected ?? true;\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n // Explicitly initialize for consistent class shape.\n this._textSanitizer = undefined;\n }\n }\n\n /**\n * The parent node into which the part renders its content.\n *\n * A ChildPart's content consists of a range of adjacent child nodes of\n * `.parentNode`, possibly bordered by 'marker nodes' (`.startNode` and\n * `.endNode`).\n *\n * - If both `.startNode` and `.endNode` are non-null, then the part's content\n * consists of all siblings between `.startNode` and `.endNode`, exclusively.\n *\n * - If `.startNode` is non-null but `.endNode` is null, then the part's\n * content consists of all siblings following `.startNode`, up to and\n * including the last child of `.parentNode`. If `.endNode` is non-null, then\n * `.startNode` will always be non-null.\n *\n * - If both `.endNode` and `.startNode` are null, then the part's content\n * consists of all child nodes of `.parentNode`.\n */\n get parentNode(): Node {\n let parentNode: Node = wrap(this._$startNode).parentNode!;\n const parent = this._$parent;\n if (\n parent !== undefined &&\n parentNode?.nodeType === 11 /* Node.DOCUMENT_FRAGMENT */\n ) {\n // If the parentNode is a DocumentFragment, it may be because the DOM is\n // still in the cloned fragment during initial render; if so, get the real\n // parentNode the part will be committed into by asking the parent.\n parentNode = (parent as ChildPart | TemplateInstance).parentNode;\n }\n return parentNode;\n }\n\n /**\n * The part's leading marker node, if any. See `.parentNode` for more\n * information.\n */\n get startNode(): Node | null {\n return this._$startNode;\n }\n\n /**\n * The part's trailing marker node, if any. See `.parentNode` for more\n * information.\n */\n get endNode(): Node | null {\n return this._$endNode;\n }\n\n _$setValue(value: unknown, directiveParent: DirectiveParent = this): void {\n if (DEV_MODE && this.parentNode === null) {\n throw new Error(\n `This \\`ChildPart\\` has no \\`parentNode\\` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's \\`innerHTML\\` or \\`textContent\\` can do this.`,\n );\n }\n value = resolveDirective(this, value, directiveParent);\n if (isPrimitive(value)) {\n // Non-rendering child values. It's important that these do not render\n // empty text nodes to avoid issues with preventing default <slot>\n // fallback content.\n if (value === nothing || value == null || value === '') {\n if (this._$committedValue !== nothing) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit nothing to child',\n start: this._$startNode,\n end: this._$endNode,\n parent: this._$parent,\n options: this.options,\n });\n this._$clear();\n }\n this._$committedValue = nothing;\n } else if (value !== this._$committedValue && value !== noChange) {\n this._commitText(value);\n }\n // This property needs to remain unminified.\n } else if ((value as TemplateResult)['_$litType$'] !== undefined) {\n this._commitTemplateResult(value as TemplateResult);\n } else if ((value as Node).nodeType !== undefined) {\n if (DEV_MODE && this.options?.host === value) {\n this._commitText(\n `[probable mistake: rendered a template's host in itself ` +\n `(commonly caused by writing \\${this} in a template]`,\n );\n console.warn(\n `Attempted to render the template host`,\n value,\n `inside itself. This is almost always a mistake, and in dev mode `,\n `we render some warning text. In production however, we'll `,\n `render it, which will usually result in an error, and sometimes `,\n `in the element disappearing from the DOM.`,\n );\n return;\n }\n this._commitNode(value as Node);\n } else if (isIterable(value)) {\n this._commitIterable(value);\n } else {\n // Fallback, will render the string representation\n this._commitText(value);\n }\n }\n\n private _insert<T extends Node>(node: T) {\n return wrap(wrap(this._$startNode).parentNode!).insertBefore(\n node,\n this._$endNode,\n );\n }\n\n private _commitNode(value: Node): void {\n if (this._$committedValue !== value) {\n this._$clear();\n if (\n ENABLE_EXTRA_SECURITY_HOOKS &&\n sanitizerFactoryInternal !== noopSanitizer\n ) {\n const parentNodeName = this._$startNode.parentNode?.nodeName;\n if (parentNodeName === 'STYLE' || parentNodeName === 'SCRIPT') {\n let message = 'Forbidden';\n if (DEV_MODE) {\n if (parentNodeName === 'STYLE') {\n message =\n `Lit does not support binding inside style nodes. ` +\n `This is a security risk, as style injection attacks can ` +\n `exfiltrate data and spoof UIs. ` +\n `Consider instead using css\\`...\\` literals ` +\n `to compose styles, and do dynamic styling with ` +\n `css custom properties, ::parts, <slot>s, ` +\n `and by mutating the DOM rather than stylesheets.`;\n } else {\n message =\n `Lit does not support binding inside script nodes. ` +\n `This is a security risk, as it could allow arbitrary ` +\n `code execution.`;\n }\n }\n throw new Error(message);\n }\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit node',\n start: this._$startNode,\n parent: this._$parent,\n value: value,\n options: this.options,\n });\n this._$committedValue = this._insert(value);\n }\n }\n\n private _commitText(value: unknown): void {\n // If the committed value is a primitive it means we called _commitText on\n // the previous render, and we know that this._$startNode.nextSibling is a\n // Text node. We can now just replace the text content (.data) of the node.\n if (\n this._$committedValue !== nothing &&\n isPrimitive(this._$committedValue)\n ) {\n const node = wrap(this._$startNode).nextSibling as Text;\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n if (this._textSanitizer === undefined) {\n this._textSanitizer = createSanitizer(node, 'data', 'property');\n }\n value = this._textSanitizer(value);\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit text',\n node,\n value,\n options: this.options,\n });\n (node as Text).data = value as string;\n } else {\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n const textNode = d.createTextNode('');\n this._commitNode(textNode);\n // When setting text content, for security purposes it matters a lot\n // what the parent is. For example, <style> and <script> need to be\n // handled with care, while <span> does not. So first we need to put a\n // text node into the document, then we can sanitize its content.\n if (this._textSanitizer === undefined) {\n this._textSanitizer = createSanitizer(textNode, 'data', 'property');\n }\n value = this._textSanitizer(value);\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit text',\n node: textNode,\n value,\n options: this.options,\n });\n textNode.data = value as string;\n } else {\n this._commitNode(d.createTextNode(value as string));\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit text',\n node: wrap(this._$startNode).nextSibling as Text,\n value,\n options: this.options,\n });\n }\n }\n this._$committedValue = value;\n }\n\n private _commitTemplateResult(\n result: TemplateResult | CompiledTemplateResult,\n ): void {\n // This property needs to remain unminified.\n const {values, ['_$litType$']: type} = result;\n // If $litType$ is a number, result is a plain TemplateResult and we get\n // the template from the template cache. If not, result is a\n // CompiledTemplateResult and _$litType$ is a CompiledTemplate and we need\n // to create the <template> element the first time we see it.\n const template: Template | CompiledTemplate =\n typeof type === 'number'\n ? this._$getTemplate(result as UncompiledTemplateResult)\n : (type.el === undefined &&\n (type.el = Template.createElement(\n trustFromTemplateString(type.h, type.h[0]),\n this.options,\n )),\n type);\n\n if ((this._$committedValue as TemplateInstance)?._$template === template) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'template updating',\n template,\n instance: this._$committedValue as TemplateInstance,\n parts: (this._$committedValue as TemplateInstance)._$parts,\n options: this.options,\n values,\n });\n (this._$committedValue as TemplateInstance)._update(values);\n } else {\n const instance = new TemplateInstance(template as Template, this);\n const fragment = instance._clone(this.options);\n debugLogEvent &&\n debugLogEvent({\n kind: 'template instantiated',\n template,\n instance,\n parts: instance._$parts,\n options: this.options,\n fragment,\n values,\n });\n instance._update(values);\n debugLogEvent &&\n debugLogEvent({\n kind: 'template instantiated and updated',\n template,\n instance,\n parts: instance._$parts,\n options: this.options,\n fragment,\n values,\n });\n this._commitNode(fragment);\n this._$committedValue = instance;\n }\n }\n\n // Overridden via `litHtmlPolyfillSupport` to provide platform support.\n /** @internal */\n _$getTemplate(result: UncompiledTemplateResult) {\n let template = templateCache.get(result.strings);\n if (template === undefined) {\n templateCache.set(result.strings, (template = new Template(result)));\n }\n return template;\n }\n\n private _commitIterable(value: Iterable<unknown>): void {\n // For an Iterable, we create a new InstancePart per item, then set its\n // value to the item. This is a little bit of overhead for every item in\n // an Iterable, but it lets us recurse easily and efficiently update Arrays\n // of TemplateResults that will be commonly returned from expressions like:\n // array.map((i) => html`${i}`), by reusing existing TemplateInstances.\n\n // If value is an array, then the previous render was of an\n // iterable and value will contain the ChildParts from the previous\n // render. If value is not an array, clear this part and make a new\n // array for ChildParts.\n if (!isArray(this._$committedValue)) {\n this._$committedValue = [];\n this._$clear();\n }\n\n // Lets us keep track of how many items we stamped so we can clear leftover\n // items from a previous render\n const itemParts = this._$committedValue as ChildPart[];\n let partIndex = 0;\n let itemPart: ChildPart | undefined;\n\n for (const item of value) {\n if (partIndex === itemParts.length) {\n // If no existing part, create a new one\n // TODO (justinfagnani): test perf impact of always creating two parts\n // instead of sharing parts between nodes\n // https://github.com/lit/lit/issues/1266\n itemParts.push(\n (itemPart = new ChildPart(\n this._insert(createMarker()),\n this._insert(createMarker()),\n this,\n this.options,\n )),\n );\n } else {\n // Reuse an existing part\n itemPart = itemParts[partIndex];\n }\n itemPart._$setValue(item);\n partIndex++;\n }\n\n if (partIndex < itemParts.length) {\n // itemParts always have end nodes\n this._$clear(\n itemPart && wrap(itemPart._$endNode!).nextSibling,\n partIndex,\n );\n // Truncate the parts array so _value reflects the current state\n itemParts.length = partIndex;\n }\n }\n\n /**\n * Removes the nodes contained within this Part from the DOM.\n *\n * @param start Start node to clear from, for clearing a subset of the part's\n * DOM (used when truncating iterables)\n * @param from When `start` is specified, the index within the iterable from\n * which ChildParts are being removed, used for disconnecting directives in\n * those Parts.\n *\n * @internal\n */\n _$clear(\n start: ChildNode | null = wrap(this._$startNode).nextSibling,\n from?: number,\n ) {\n this._$notifyConnectionChanged?.(false, true, from);\n while (start && start !== this._$endNode) {\n const n = wrap(start!).nextSibling;\n (wrap(start!) as Element).remove();\n start = n;\n }\n }\n /**\n * Implementation of RootPart's `isConnected`. Note that this method\n * should only be called on `RootPart`s (the `ChildPart` returned from a\n * top-level `render()` call). It has no effect on non-root ChildParts.\n * @param isConnected Whether to set\n * @internal\n */\n setConnected(isConnected: boolean) {\n if (this._$parent === undefined) {\n this.__isConnected = isConnected;\n this._$notifyConnectionChanged?.(isConnected);\n } else if (DEV_MODE) {\n throw new Error(\n 'part.setConnected() may only be called on a ' +\n 'RootPart returned from render().',\n );\n }\n }\n}\n\n/**\n * A top-level `ChildPart` returned from `render` that manages the connected\n * state of `AsyncDirective`s created throughout the tree below it.\n */\nexport interface RootPart extends ChildPart {\n /**\n * Sets the connection state for `AsyncDirective`s contained within this root\n * ChildPart.\n *\n * lit-html does not automatically monitor the connectedness of DOM rendered;\n * as such, it is the responsibility of the caller to `render` to ensure that\n * `part.setConnected(false)` is called before the part object is potentially\n * discarded, to ensure that `AsyncDirective`s have a chance to dispose of\n * any resources being held. If a `RootPart` that was previously\n * disconnected is subsequently re-connected (and its `AsyncDirective`s should\n * re-connect), `setConnected(true)` should be called.\n *\n * @param isConnected Whether directives within this tree should be connected\n * or not\n */\n setConnected(isConnected: boolean): void;\n}\n\nexport type {AttributePart};\nclass AttributePart implements Disconnectable {\n readonly type:\n | typeof ATTRIBUTE_PART\n | typeof PROPERTY_PART\n | typeof BOOLEAN_ATTRIBUTE_PART\n | typeof EVENT_PART = ATTRIBUTE_PART;\n readonly element: HTMLElement;\n readonly name: string;\n readonly options: RenderOptions | undefined;\n\n /**\n * If this attribute part represents an interpolation, this contains the\n * static strings of the interpolation. For single-value, complete bindings,\n * this is undefined.\n */\n readonly strings?: ReadonlyArray<string>;\n /** @internal */\n _$committedValue: unknown | Array<unknown> = nothing;\n /** @internal */\n __directives?: Array<Directive | undefined>;\n /** @internal */\n _$parent: Disconnectable;\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n protected _sanitizer: ValueSanitizer | undefined;\n\n get tagName() {\n return this.element.tagName;\n }\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n constructor(\n element: HTMLElement,\n name: string,\n strings: ReadonlyArray<string>,\n parent: Disconnectable,\n options: RenderOptions | undefined,\n ) {\n this.element = element;\n this.name = name;\n this._$parent = parent;\n this.options = options;\n if (strings.length > 2 || strings[0] !== '' || strings[1] !== '') {\n this._$committedValue = new Array(strings.length - 1).fill(new String());\n this.strings = strings;\n } else {\n this._$committedValue = nothing;\n }\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n this._sanitizer = undefined;\n }\n }\n\n /**\n * Sets the value of this part by resolving the value from possibly multiple\n * values and static strings and committing it to the DOM.\n * If this part is single-valued, `this._strings` will be undefined, and the\n * method will be called with a single value argument. If this part is\n * multi-value, `this._strings` will be defined, and the method is called\n * with the value array of the part's owning TemplateInstance, and an offset\n * into the value array from which the values should be read.\n * This method is overloaded this way to eliminate short-lived array slices\n * of the template instance values, and allow a fast-path for single-valued\n * parts.\n *\n * @param value The part value, or an array of values for multi-valued parts\n * @param valueIndex the index to start reading values from. `undefined` for\n * single-valued parts\n * @param noCommit causes the part to not commit its value to the DOM. Used\n * in hydration to prime attribute parts with their first-rendered value,\n * but not set the attribute, and in SSR to no-op the DOM operation and\n * capture the value for serialization.\n *\n * @internal\n */\n _$setValue(\n value: unknown | Array<unknown>,\n directiveParent: DirectiveParent = this,\n valueIndex?: number,\n noCommit?: boolean,\n ) {\n const strings = this.strings;\n\n // Whether any of the values has changed, for dirty-checking\n let change = false;\n\n if (strings === undefined) {\n // Single-value binding case\n value = resolveDirective(this, value, directiveParent, 0);\n change =\n !isPrimitive(value) ||\n (value !== this._$committedValue && value !== noChange);\n if (change) {\n this._$committedValue = value;\n }\n } else {\n // Interpolation case\n const values = value as Array<unknown>;\n value = strings[0];\n\n let i, v;\n for (i = 0; i < strings.length - 1; i++) {\n v = resolveDirective(this, values[valueIndex! + i], directiveParent, i);\n\n if (v === noChange) {\n // If the user-provided value is `noChange`, use the previous value\n v = (this._$committedValue as Array<unknown>)[i];\n }\n change ||=\n !isPrimitive(v) || v !== (this._$committedValue as Array<unknown>)[i];\n if (v === nothing) {\n value = nothing;\n } else if (value !== nothing) {\n value += (v ?? '') + strings[i + 1];\n }\n // We always record each value, even if one is `nothing`, for future\n // change detection.\n (this._$committedValue as Array<unknown>)[i] = v;\n }\n }\n if (change && !noCommit) {\n this._commitValue(value);\n }\n }\n\n /** @internal */\n _commitValue(value: unknown) {\n if (value === nothing) {\n (wrap(this.element) as Element).removeAttribute(this.name);\n } else {\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n if (this._sanitizer === undefined) {\n this._sanitizer = sanitizerFactoryInternal(\n this.element,\n this.name,\n 'attribute',\n );\n }\n value = this._sanitizer(value ?? '');\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit attribute',\n element: this.element,\n name: this.name,\n value,\n options: this.options,\n });\n (wrap(this.element) as Element).setAttribute(\n this.name,\n (value ?? '') as string,\n );\n }\n }\n}\n\nexport type {PropertyPart};\nclass PropertyPart extends AttributePart {\n override readonly type = PROPERTY_PART;\n\n /** @internal */\n override _commitValue(value: unknown) {\n if (ENABLE_EXTRA_SECURITY_HOOKS) {\n if (this._sanitizer === undefined) {\n this._sanitizer = sanitizerFactoryInternal(\n this.element,\n this.name,\n 'property',\n );\n }\n value = this._sanitizer(value);\n }\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit property',\n element: this.element,\n name: this.name,\n value,\n options: this.options,\n });\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (this.element as any)[this.name] = value === nothing ? undefined : value;\n }\n}\n\nexport type {BooleanAttributePart};\nclass BooleanAttributePart extends AttributePart {\n override readonly type = BOOLEAN_ATTRIBUTE_PART;\n\n /** @internal */\n override _commitValue(value: unknown) {\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit boolean attribute',\n element: this.element,\n name: this.name,\n value: !!(value && value !== nothing),\n options: this.options,\n });\n (wrap(this.element) as Element).toggleAttribute(\n this.name,\n !!value && value !== nothing,\n );\n }\n}\n\ntype EventListenerWithOptions = EventListenerOrEventListenerObject &\n Partial<AddEventListenerOptions>;\n\n/**\n * An AttributePart that manages an event listener via add/removeEventListener.\n *\n * This part works by adding itself as the event listener on an element, then\n * delegating to the value passed to it. This reduces the number of calls to\n * add/removeEventListener if the listener changes frequently, such as when an\n * inline function is used as a listener.\n *\n * Because event options are passed when adding listeners, we must take case\n * to add and remove the part as a listener when the event options change.\n */\nexport type {EventPart};\nclass EventPart extends AttributePart {\n override readonly type = EVENT_PART;\n\n constructor(\n element: HTMLElement,\n name: string,\n strings: ReadonlyArray<string>,\n parent: Disconnectable,\n options: RenderOptions | undefined,\n ) {\n super(element, name, strings, parent, options);\n\n if (DEV_MODE && this.strings !== undefined) {\n throw new Error(\n `A \\`<${element.localName}>\\` has a \\`@${name}=...\\` listener with ` +\n 'invalid content. Event listeners in templates must have exactly ' +\n 'one expression and no surrounding text.',\n );\n }\n }\n\n // EventPart does not use the base _$setValue/_resolveValue implementation\n // since the dirty checking is more complex\n /** @internal */\n override _$setValue(\n newListener: unknown,\n directiveParent: DirectiveParent = this,\n ) {\n newListener =\n resolveDirective(this, newListener, directiveParent, 0) ?? nothing;\n if (newListener === noChange) {\n return;\n }\n const oldListener = this._$committedValue;\n\n // If the new value is nothing or any options change we have to remove the\n // part as a listener.\n const shouldRemoveListener =\n (newListener === nothing && oldListener !== nothing) ||\n (newListener as EventListenerWithOptions).capture !==\n (oldListener as EventListenerWithOptions).capture ||\n (newListener as EventListenerWithOptions).once !==\n (oldListener as EventListenerWithOptions).once ||\n (newListener as EventListenerWithOptions).passive !==\n (oldListener as EventListenerWithOptions).passive;\n\n // If the new value is not nothing and we removed the listener, we have\n // to add the part as a listener.\n const shouldAddListener =\n newListener !== nothing &&\n (oldListener === nothing || shouldRemoveListener);\n\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit event listener',\n element: this.element,\n name: this.name,\n value: newListener,\n options: this.options,\n removeListener: shouldRemoveListener,\n addListener: shouldAddListener,\n oldListener,\n });\n if (shouldRemoveListener) {\n this.element.removeEventListener(\n this.name,\n this,\n oldListener as EventListenerWithOptions,\n );\n }\n if (shouldAddListener) {\n // Beware: IE11 and Chrome 41 don't like using the listener as the\n // options object. Figure out how to deal w/ this in IE11 - maybe\n // patch addEventListener?\n this.element.addEventListener(\n this.name,\n this,\n newListener as EventListenerWithOptions,\n );\n }\n this._$committedValue = newListener;\n }\n\n handleEvent(event: Event) {\n if (typeof this._$committedValue === 'function') {\n this._$committedValue.call(this.options?.host ?? this.element, event);\n } else {\n (this._$committedValue as EventListenerObject).handleEvent(event);\n }\n }\n}\n\nexport type {ElementPart};\nclass ElementPart implements Disconnectable {\n readonly type = ELEMENT_PART;\n\n /** @internal */\n __directive?: Directive;\n\n // This is to ensure that every Part has a _$committedValue\n _$committedValue: undefined;\n\n /** @internal */\n _$parent!: Disconnectable;\n\n /** @internal */\n _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n options: RenderOptions | undefined;\n\n constructor(\n public element: Element,\n parent: Disconnectable,\n options: RenderOptions | undefined,\n ) {\n this._$parent = parent;\n this.options = options;\n }\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n _$setValue(value: unknown): void {\n debugLogEvent &&\n debugLogEvent({\n kind: 'commit to element binding',\n element: this.element,\n value,\n options: this.options,\n });\n resolveDirective(this, value);\n }\n}\n\n/**\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\n *\n * Private exports for use by other Lit packages, not intended for use by\n * external users.\n *\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\n * to keep a number of (otherwise private) top-level exports mangled in the\n * client side code, we export a _$LH object containing those members (or\n * helper methods for accessing private fields of those members), and then\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\n * client-side code is being used in `dev` mode or `prod` mode.\n *\n * This has a unique name, to disambiguate it from private exports in\n * lit-element, which re-exports all of lit-html.\n *\n * @private\n */\nexport const _$LH = {\n // Used in lit-ssr\n _boundAttributeSuffix: boundAttributeSuffix,\n _marker: marker,\n _markerMatch: markerMatch,\n _HTML_RESULT: HTML_RESULT,\n _getTemplateHtml: getTemplateHtml,\n // Used in tests and private-ssr-support\n _TemplateInstance: TemplateInstance,\n _isIterable: isIterable,\n _resolveDirective: resolveDirective,\n _ChildPart: ChildPart,\n _AttributePart: AttributePart,\n _BooleanAttributePart: BooleanAttributePart,\n _EventPart: EventPart,\n _PropertyPart: PropertyPart,\n _ElementPart: ElementPart,\n};\n\n// Apply polyfills if available\nconst polyfillSupport = DEV_MODE\n ? global.litHtmlPolyfillSupportDevMode\n : global.litHtmlPolyfillSupport;\npolyfillSupport?.(Template, ChildPart);\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for lit-html usage.\n(global.litHtmlVersions ??= []).push('3.2.0');\nif (DEV_MODE && global.litHtmlVersions.length > 1) {\n issueWarning!(\n 'multiple-versions',\n `Multiple versions of Lit loaded. ` +\n `Loading multiple versions is not recommended.`,\n );\n}\n\n/**\n * Renders a value, usually a lit-html TemplateResult, to the container.\n *\n * This example renders the text \"Hello, Zoe!\" inside a paragraph tag, appending\n * it to the container `document.body`.\n *\n * ```js\n * import {html, render} from 'lit';\n *\n * const name = \"Zoe\";\n * render(html`<p>Hello, ${name}!</p>`, document.body);\n * ```\n *\n * @param value Any [renderable\n * value](https://lit.dev/docs/templates/expressions/#child-expressions),\n * typically a {@linkcode TemplateResult} created by evaluating a template tag\n * like {@linkcode html} or {@linkcode svg}.\n * @param container A DOM container to render to. The first render will append\n * the rendered value to the container, and subsequent renders will\n * efficiently update the rendered value if the same result type was\n * previously rendered there.\n * @param options See {@linkcode RenderOptions} for options documentation.\n * @see\n * {@link https://lit.dev/docs/libraries/standalone-templates/#rendering-lit-html-templates| Rendering Lit HTML Templates}\n */\nexport const render = (\n value: unknown,\n container: HTMLElement | DocumentFragment,\n options?: RenderOptions,\n): RootPart => {\n if (DEV_MODE && container == null) {\n // Give a clearer error message than\n // Uncaught TypeError: Cannot read properties of null (reading\n // '_$litPart$')\n // which reads like an internal Lit error.\n throw new TypeError(`The container to render into may not be ${container}`);\n }\n const renderId = DEV_MODE ? debugLogRenderId++ : 0;\n const partOwnerNode = options?.renderBefore ?? container;\n // This property needs to remain unminified.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let part: ChildPart = (partOwnerNode as any)['_$litPart$'];\n debugLogEvent &&\n debugLogEvent({\n kind: 'begin render',\n id: renderId,\n value,\n container,\n options,\n part,\n });\n if (part === undefined) {\n const endNode = options?.renderBefore ?? null;\n // This property needs to remain unminified.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (partOwnerNode as any)['_$litPart$'] = part = new ChildPart(\n container.insertBefore(createMarker(), endNode),\n endNode,\n undefined,\n options ?? {},\n );\n }\n part._$setValue(value);\n debugLogEvent &&\n debugLogEvent({\n kind: 'end render',\n id: renderId,\n value,\n container,\n options,\n part,\n });\n return part as RootPart;\n};\n\nif (ENABLE_EXTRA_SECURITY_HOOKS) {\n render.setSanitizer = setSanitizer;\n render.createSanitizer = createSanitizer;\n if (DEV_MODE) {\n render._testOnlyClearSanitizerFactoryDoNotCallOrElse =\n _testOnlyClearSanitizerFactoryDoNotCallOrElse;\n }\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * The main LitElement module, which defines the {@linkcode LitElement} base\n * class and related APIs.\n *\n * LitElement components can define a template and a set of observed\n * properties. Changing an observed property triggers a re-render of the\n * element.\n *\n * Import {@linkcode LitElement} and {@linkcode html} from this module to\n * create a component:\n *\n * ```js\n * import {LitElement, html} from 'lit-element';\n *\n * class MyElement extends LitElement {\n *\n * // Declare observed properties\n * static get properties() {\n * return {\n * adjective: {}\n * }\n * }\n *\n * constructor() {\n * this.adjective = 'awesome';\n * }\n *\n * // Define the element's template\n * render() {\n * return html`<p>your ${adjective} template here</p>`;\n * }\n * }\n *\n * customElements.define('my-element', MyElement);\n * ```\n *\n * `LitElement` extends {@linkcode ReactiveElement} and adds lit-html\n * templating. The `ReactiveElement` class is provided for users that want to\n * build their own custom element base classes that don't use lit-html.\n *\n * @packageDocumentation\n */\nimport {PropertyValues, ReactiveElement} from '@lit/reactive-element';\nimport {render, RenderOptions, noChange, RootPart} from 'lit-html';\nexport * from '@lit/reactive-element';\nexport * from 'lit-html';\n\nimport {LitUnstable} from 'lit-html';\nimport {ReactiveUnstable} from '@lit/reactive-element';\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace Unstable {\n /**\n * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n * we will emit 'lit-debug' events to window, with live details about the update and render\n * lifecycle. These can be useful for writing debug tooling and visualizations.\n *\n * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n * making certain operations that are normally very cheap (like a no-op render) much slower,\n * because we must copy data and dispatch events.\n */\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace DebugLog {\n export type Entry =\n | LitUnstable.DebugLog.Entry\n | ReactiveUnstable.DebugLog.Entry;\n }\n}\n/*\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\n/*@__INLINE__*/\nconst JSCompiler_renameProperty = <P extends PropertyKey>(\n prop: P,\n _obj: unknown\n): P => prop;\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n // Ensure warnings are issued only 1x, even if multiple versions of Lit\n // are loaded.\n const issuedWarnings: Set<string | undefined> =\n (globalThis.litIssuedWarnings ??= new Set());\n\n // Issue a warning, if we haven't already.\n issueWarning = (code: string, warning: string) => {\n warning += ` See https://lit.dev/msg/${code} for more information.`;\n if (!issuedWarnings.has(warning)) {\n console.warn(warning);\n issuedWarnings.add(warning);\n }\n };\n}\n\n/**\n * Base element class that manages element properties and attributes, and\n * renders a lit-html template.\n *\n * To define a component, subclass `LitElement` and implement a\n * `render` method to provide the component's template. Define properties\n * using the {@linkcode LitElement.properties properties} property or the\n * {@linkcode property} decorator.\n */\nexport class LitElement extends ReactiveElement {\n // This property needs to remain unminified.\n static ['_$litElement$'] = true;\n\n /**\n * @category rendering\n */\n readonly renderOptions: RenderOptions = {host: this};\n\n private __childPart: RootPart | undefined = undefined;\n\n /**\n * @category rendering\n */\n protected override createRenderRoot() {\n const renderRoot = super.createRenderRoot();\n // When adoptedStyleSheets are shimmed, they are inserted into the\n // shadowRoot by createRenderRoot. Adjust the renderBefore node so that\n // any styles in Lit content render before adoptedStyleSheets. This is\n // important so that adoptedStyleSheets have precedence over styles in\n // the shadowRoot.\n this.renderOptions.renderBefore ??= renderRoot!.firstChild as ChildNode;\n return renderRoot;\n }\n\n /**\n * Updates the element. This method reflects property values to attributes\n * and calls `render` to render DOM via lit-html. Setting properties inside\n * this method will *not* trigger another update.\n * @param changedProperties Map of changed properties with old values\n * @category updates\n */\n protected override update(changedProperties: PropertyValues) {\n // Setting properties in `render` should not trigger an update. Since\n // updates are allowed after super.update, it's important to call `render`\n // before that.\n const value = this.render();\n if (!this.hasUpdated) {\n this.renderOptions.isConnected = this.isConnected;\n }\n super.update(changedProperties);\n this.__childPart = render(value, this.renderRoot, this.renderOptions);\n }\n\n /**\n * Invoked when the component is added to the document's DOM.\n *\n * In `connectedCallback()` you should setup tasks that should only occur when\n * the element is connected to the document. The most common of these is\n * adding event listeners to nodes external to the element, like a keydown\n * event handler added to the window.\n *\n * ```ts\n * connectedCallback() {\n * super.connectedCallback();\n * addEventListener('keydown', this._handleKeydown);\n * }\n * ```\n *\n * Typically, anything done in `connectedCallback()` should be undone when the\n * element is disconnected, in `disconnectedCallback()`.\n *\n * @category lifecycle\n */\n override connectedCallback() {\n super.connectedCallback();\n this.__childPart?.setConnected(true);\n }\n\n /**\n * Invoked when the component is removed from the document's DOM.\n *\n * This callback is the main signal to the element that it may no longer be\n * used. `disconnectedCallback()` should ensure that nothing is holding a\n * reference to the element (such as event listeners added to nodes external\n * to the element), so that it is free to be garbage collected.\n *\n * ```ts\n * disconnectedCallback() {\n * super.disconnectedCallback();\n * window.removeEventListener('keydown', this._handleKeydown);\n * }\n * ```\n *\n * An element may be re-connected after being disconnected.\n *\n * @category lifecycle\n */\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.__childPart?.setConnected(false);\n }\n\n /**\n * Invoked on each update to perform rendering tasks. This method may return\n * any value renderable by lit-html's `ChildPart` - typically a\n * `TemplateResult`. Setting properties inside this method will *not* trigger\n * the element to update.\n * @category rendering\n */\n protected render(): unknown {\n return noChange;\n }\n}\n\n/**\n * Ensure this class is marked as `finalized` as an optimization ensuring\n * it will not needlessly try to `finalize`.\n *\n * Note this property name is a string to prevent breaking Closure JS Compiler\n * optimizations. See @lit/reactive-element for more information.\n */\n(LitElement as unknown as Record<string, unknown>)[\n JSCompiler_renameProperty('finalized', LitElement)\n] = true;\n\n// Install hydration if available\nglobalThis.litElementHydrateSupport?.({LitElement});\n\n// Apply polyfills if available\nconst polyfillSupport = DEV_MODE\n ? globalThis.litElementPolyfillSupportDevMode\n : globalThis.litElementPolyfillSupport;\npolyfillSupport?.({LitElement});\n\n/**\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\n *\n * Private exports for use by other Lit packages, not intended for use by\n * external users.\n *\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\n * to keep a number of (otherwise private) top-level exports mangled in the\n * client side code, we export a _$LE object containing those members (or\n * helper methods for accessing private fields of those members), and then\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\n * client-side code is being used in `dev` mode or `prod` mode.\n *\n * This has a unique name, to disambiguate it from private exports in\n * lit-html, since this module re-exports all of lit-html.\n *\n * @private\n */\nexport const _$LE = {\n _$attributeToProperty: (\n el: LitElement,\n name: string,\n value: string | null\n ) => {\n // eslint-disable-next-line\n (el as any)._$attributeToProperty(name, value);\n },\n // eslint-disable-next-line\n _$changedProperties: (el: LitElement) => (el as any)._$changedProperties,\n};\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for LitElement usage.\n(globalThis.litElementVersions ??= []).push('4.1.0');\nif (DEV_MODE && globalThis.litElementVersions.length > 1) {\n issueWarning!(\n 'multiple-versions',\n `Multiple versions of Lit loaded. Loading multiple versions ` +\n `is not recommended.`\n );\n}\n", "import { css } from 'lit';\n\nexport default css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n`;\n", "import { CSSResult, LitElement } from 'lit';\nimport styles from './component.styles';\n\n/**\n * Core Component class to ultimately be inherited by all Web Components within\n * this package.\n *\n * LitElement defines class and style automatically to allow passing in styling\n * overrides. We are keeping those to allow for further customization.\n *\n * @public\n */\nclass Component extends LitElement {\n /**\n * Register `this` extended `Component` Class as a custom element within the\n * DOM's custom elements registry.\n *\n * @remarks\n * This method must be called in order for this component to be consumable\n * within the DOM.\n *\n * @example\n * ```ts\n * import CustomComponent from './custom-component';\n *\n * // Standard registration.\n * CustomComponent.register();\n *\n * // Custom registration.\n * CustomComponent.register({\n * name: 'custom-component',\n * prefix: 'prefix',\n * });\n *\n * export default CustomComponent;\n * ```\n *\n *\n * @returns - Void.\n */\n public static register(namespace: string): void {\n if (customElements.get(namespace)) {\n return;\n }\n\n customElements.define(namespace, this as any);\n }\n\n /**\n * Styles associated with the Base Component.\n */\n public static override styles: Array<CSSResult> = [styles];\n}\n\nexport default Component;\n", "import Component from './component.component';\n\nexport type {\n RegisterOptions as ComponentRegisterOptions,\n} from './component.types';\n\nexport default Component;\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ContextType, Context} from './create-context.js';\n\ndeclare global {\n interface HTMLElementEventMap {\n /**\n * A 'context-request' event can be emitted by any element which desires\n * a context value to be injected by an external provider.\n */\n 'context-request': ContextRequestEvent<Context<unknown, unknown>>;\n }\n}\n\n/**\n * A callback which is provided by a context requester and is called with the value satisfying the request.\n * This callback can be called multiple times by context providers as the requested value is changed.\n */\nexport type ContextCallback<ValueType> = (\n value: ValueType,\n unsubscribe?: () => void\n) => void;\n\n/**\n * Interface definition for a ContextRequest\n */\nexport interface ContextRequest<C extends Context<unknown, unknown>> {\n readonly context: C;\n readonly callback: ContextCallback<ContextType<C>>;\n readonly subscribe?: boolean;\n}\n\n/**\n * An event fired by a context requester to signal it desires a specified context with the given key.\n *\n * A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n *\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * method to the callback which consumers can invoke to indicate they no longer wish to receive these updates.\n *\n * If no `subscribe` value is present in the event, then the provider can assume that this is a 'one time'\n * request for the context and can therefore not track the consumer.\n */\nexport class ContextRequestEvent<C extends Context<unknown, unknown>>\n extends Event\n implements ContextRequest<C>\n{\n readonly context: C;\n readonly callback: ContextCallback<ContextType<C>>;\n readonly subscribe?: boolean;\n\n /**\n *\n * @param context the context key to request\n * @param callback the callback that should be invoked when the context with the specified key is available\n * @param subscribe when, true indicates we want to subscribe to future updates\n */\n constructor(\n context: C,\n callback: ContextCallback<ContextType<C>>,\n subscribe?: boolean\n ) {\n super('context-request', {bubbles: true, composed: true});\n this.context = context;\n this.callback = callback;\n this.subscribe = subscribe ?? false;\n }\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {\n ContextCallback,\n ContextRequestEvent,\n} from '../context-request-event.js';\nimport type {Context, ContextType} from '../create-context.js';\nimport type {\n ReactiveController,\n ReactiveControllerHost,\n} from '@lit/reactive-element';\n\nexport interface Options<C extends Context<unknown, unknown>> {\n context: C;\n callback?: (value: ContextType<C>, dispose?: () => void) => void;\n subscribe?: boolean;\n}\n\n/**\n * A ReactiveController which adds context consuming behavior to a custom\n * element by dispatching `context-request` events.\n *\n * When the host element is connected to the document it will emit a\n * `context-request` event with its context key. When the context request\n * is satisfied the controller will invoke the callback, if present, and\n * trigger a host update so it can respond to the new value.\n *\n * It will also call the dispose method given by the provider when the\n * host element is disconnected.\n */\nexport class ContextConsumer<\n C extends Context<unknown, unknown>,\n HostElement extends ReactiveControllerHost & HTMLElement,\n> implements ReactiveController\n{\n protected host: HostElement;\n private context: C;\n private callback?: (value: ContextType<C>, dispose?: () => void) => void;\n private subscribe = false;\n\n private provided = false;\n\n value?: ContextType<C> = undefined;\n\n constructor(host: HostElement, options: Options<C>);\n /** @deprecated Use new ContextConsumer(host, options) */\n constructor(\n host: HostElement,\n context: C,\n callback?: (value: ContextType<C>, dispose?: () => void) => void,\n subscribe?: boolean\n );\n constructor(\n host: HostElement,\n contextOrOptions: C | Options<C>,\n callback?: (value: ContextType<C>, dispose?: () => void) => void,\n subscribe?: boolean\n ) {\n this.host = host;\n // This is a potentially fragile duck-type. It means a context object can't\n // have a property name context and be used in positional argument form.\n if ((contextOrOptions as Options<C>).context !== undefined) {\n const options = contextOrOptions as Options<C>;\n this.context = options.context;\n this.callback = options.callback;\n this.subscribe = options.subscribe ?? false;\n } else {\n this.context = contextOrOptions as C;\n this.callback = callback;\n this.subscribe = subscribe ?? false;\n }\n this.host.addController(this);\n }\n\n private unsubscribe?: () => void;\n\n hostConnected(): void {\n this.dispatchRequest();\n }\n\n hostDisconnected(): void {\n if (this.unsubscribe) {\n this.unsubscribe();\n this.unsubscribe = undefined;\n }\n }\n\n private dispatchRequest() {\n this.host.dispatchEvent(\n new ContextRequestEvent(this.context, this._callback, this.subscribe)\n );\n }\n\n // This function must have stable identity to properly dedupe in ContextRoot\n // if this element connects multiple times.\n private _callback: ContextCallback<ContextType<C>> = (value, unsubscribe) => {\n // some providers will pass an unsubscribe function indicating they may provide future values\n if (this.unsubscribe) {\n // if the unsubscribe function changes this implies we have changed provider\n if (this.unsubscribe !== unsubscribe) {\n // cleanup the old provider\n this.provided = false;\n this.unsubscribe();\n }\n // if we don't support subscription, immediately unsubscribe\n if (!this.subscribe) {\n this.unsubscribe();\n }\n }\n\n // store the value so that it can be retrieved from the controller\n this.value = value;\n // schedule an update in case this value is used in a template\n this.host.requestUpdate();\n\n // only invoke callback if we are either expecting updates or have not yet\n // been provided a value\n if (!this.provided || this.subscribe) {\n this.provided = true;\n if (this.callback) {\n this.callback(value, unsubscribe);\n }\n }\n\n this.unsubscribe = unsubscribe;\n };\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ContextCallback} from './context-request-event.js';\n\n/**\n * A disposer function\n */\ntype Disposer = () => void;\n\ninterface CallbackInfo {\n disposer: Disposer;\n consumerHost: Element;\n}\n\n/**\n * A simple class which stores a value, and triggers registered callbacks when\n * the value is changed via its setter.\n *\n * An implementor might use other observable patterns such as MobX or Redux to\n * get behavior like this. But this is a pretty minimal approach that will\n * likely work for a number of use cases.\n */\nexport class ValueNotifier<T> {\n protected readonly subscriptions = new Map<\n ContextCallback<T>,\n CallbackInfo\n >();\n private _value!: T;\n get value(): T {\n return this._value;\n }\n set value(v: T) {\n this.setValue(v);\n }\n\n setValue(v: T, force = false) {\n const update = force || !Object.is(v, this._value);\n this._value = v;\n if (update) {\n this.updateObservers();\n }\n }\n\n constructor(defaultValue?: T) {\n if (defaultValue !== undefined) {\n this.value = defaultValue;\n }\n }\n\n updateObservers = (): void => {\n for (const [callback, {disposer}] of this.subscriptions) {\n callback(this._value, disposer);\n }\n };\n\n addCallback(\n callback: ContextCallback<T>,\n consumerHost: Element,\n subscribe?: boolean\n ): void {\n if (!subscribe) {\n // just call the callback once and we're done\n callback(this.value);\n return;\n }\n if (!this.subscriptions.has(callback)) {\n this.subscriptions.set(callback, {\n disposer: () => {\n this.subscriptions.delete(callback);\n },\n consumerHost,\n });\n }\n const {disposer} = this.subscriptions.get(callback)!;\n callback(this.value, disposer);\n }\n\n clearCallbacks(): void {\n this.subscriptions.clear();\n }\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ContextRequestEvent} from '../context-request-event.js';\nimport {ValueNotifier} from '../value-notifier.js';\nimport type {Context, ContextType} from '../create-context.js';\nimport type {\n ReactiveController,\n ReactiveControllerHost,\n} from '@lit/reactive-element';\n\ndeclare global {\n interface HTMLElementEventMap {\n /**\n * A 'context-provider' event can be emitted by any element which hosts\n * a context provider to indicate it is available for use.\n */\n 'context-provider': ContextProviderEvent<Context<unknown, unknown>>;\n }\n}\n\nexport class ContextProviderEvent<\n C extends Context<unknown, unknown>,\n> extends Event {\n readonly context: C;\n\n /**\n *\n * @param context the context which this provider can provide\n */\n constructor(context: C) {\n super('context-provider', {bubbles: true, composed: true});\n this.context = context;\n }\n}\n\nexport interface Options<C extends Context<unknown, unknown>> {\n context: C;\n initialValue?: ContextType<C>;\n}\n\ntype ReactiveElementHost = Partial<ReactiveControllerHost> & HTMLElement;\n\n/**\n * A ReactiveController which adds context provider behavior to a\n * custom element.\n *\n * This controller simply listens to the `context-request` event when\n * the host is connected to the DOM and registers the received callbacks\n * against its observable Context implementation.\n *\n * The controller may also be attached to any HTML element in which case it's\n * up to the user to call hostConnected() when attached to the DOM. This is\n * done automatically for any custom elements implementing\n * ReactiveControllerHost.\n */\nexport class ContextProvider<\n T extends Context<unknown, unknown>,\n HostElement extends ReactiveElementHost = ReactiveElementHost,\n >\n extends ValueNotifier<ContextType<T>>\n implements ReactiveController\n{\n protected readonly host: HostElement;\n private readonly context: T;\n\n constructor(host: HostElement, options: Options<T>);\n /** @deprecated Use new ContextProvider(host, options) */\n constructor(host: HostElement, context: T, initialValue?: ContextType<T>);\n constructor(\n host: HostElement,\n contextOrOptions: T | Options<T>,\n initialValue?: ContextType<T>\n ) {\n super(\n (contextOrOptions as Options<T>).context !== undefined\n ? (contextOrOptions as Options<T>).initialValue\n : initialValue\n );\n this.host = host;\n if ((contextOrOptions as Options<T>).context !== undefined) {\n this.context = (contextOrOptions as Options<T>).context;\n } else {\n this.context = contextOrOptions as T;\n }\n this.attachListeners();\n this.host.addController?.(this);\n }\n\n onContextRequest = (\n ev: ContextRequestEvent<Context<unknown, unknown>>\n ): void => {\n // Only call the callback if the context matches.\n // Also, in case an element is a consumer AND a provider\n // of the same context, we want to avoid the element to self-register.\n // The check on composedPath (as opposed to ev.target) is to cover cases\n // where the consumer is in the shadowDom of the provider (in which case,\n // event.target === this.host because of event retargeting).\n const consumerHost = ev.composedPath()[0] as Element;\n if (ev.context !== this.context || consumerHost === this.host) {\n return;\n }\n ev.stopPropagation();\n this.addCallback(ev.callback, consumerHost, ev.subscribe);\n };\n\n /**\n * When we get a provider request event, that means a child of this element\n * has just woken up. If it's a provider of our context, then we may need to\n * re-parent our subscriptions, because is a more specific provider than us\n * for its subtree.\n */\n onProviderRequest = (\n ev: ContextProviderEvent<Context<unknown, unknown>>\n ): void => {\n // Ignore events when the context doesn't match.\n // Also, in case an element is a consumer AND a provider\n // of the same context it shouldn't provide to itself.\n // We use composedPath (as opposed to ev.target) to cover cases\n // where the consumer is in the shadowDom of the provider (in which case,\n // event.target === this.host because of event retargeting).\n const childProviderHost = ev.composedPath()[0] as Element;\n if (ev.context !== this.context || childProviderHost === this.host) {\n return;\n }\n // Re-parent all of our subscriptions in case this new child provider\n // should take them over.\n const seen = new Set<unknown>();\n for (const [callback, {consumerHost}] of this.subscriptions) {\n // Prevent infinite loops in the case where a one host element\n // is providing the same context multiple times.\n //\n // While normally it's a no-op to attempt to re-parent a subscription\n // that already has its proper parent, in the case where there's more\n // than one ValueProvider for the same context on the same hostElement,\n // they will each call the consumer, and since they will each have their\n // own dispose function, a well behaved consumer will notice the change\n // in dispose function and call their old one.\n //\n // This will cause the subscriptions to thrash, but worse, without this\n // set check here, we can end up in an infinite loop, as we add and remove\n // the same subscriptions onto the end of the map over and over.\n if (seen.has(callback)) {\n continue;\n }\n seen.add(callback);\n consumerHost.dispatchEvent(\n new ContextRequestEvent(this.context, callback, true)\n );\n }\n ev.stopPropagation();\n };\n\n private attachListeners() {\n this.host.addEventListener('context-request', this.onContextRequest);\n this.host.addEventListener('context-provider', this.onProviderRequest);\n }\n\n hostConnected(): void {\n // emit an event to signal a provider is available for this context\n this.host.dispatchEvent(new ContextProviderEvent(this.context));\n }\n}\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n display: contents;\n }\n`;\n\nexport default styles;\n", "import { ContextProvider } from '@lit/context';\nimport { CSSResult, html } from 'lit';\n\nimport Component from '../component';\n\nimport styles from './provider.styles';\n\ntype ConstructorOptions<C> = {\n context: { __context__: C };\n initialValue?: C;\n};\n\n/**\n * Provider Component class to ultimately be inherited by all Provider-type Web\n * Components within this package.\n *\n * @public\n */\nabstract class Provider<C> extends Component {\n /**\n * Constructor of the Provider.\n *\n * Execute in the constructor of the provider implementation,\n * like so\n *\n * ```\n * constructor() {\n * super(TAG_NAME, {initialValue: new ContextClass(defaultValues)});\n * }\n * ```\n * @param host - host of where the context will be hooked onto, e.g. this\n * @param context - context (returned by createContext)\n * @param initialValue - initialValue of the ContextClass, like `new ContextClass(defaultValues)`\n */\n constructor({ context, initialValue }: ConstructorOptions<C>) {\n super();\n\n this.context = new ContextProvider(this, {\n context,\n initialValue,\n });\n }\n\n /**\n * Context associated with this provider.\n *\n * @remarks\n * Providing a Context type as a generic when creating extended Provider Class\n * definitions will help enforce the property validation.\n */\n protected context: ContextProvider<{ __context__: C }>;\n\n /**\n * Styles associated with this Provider Component.\n */\n public static override styles: Array<CSSResult> = [...Component.styles, styles];\n\n /**\n * Update the context of this Provider and trigger its consumers to update.\n *\n * @remarks\n * This method is called every time this Provider is re-rendered and should\n * be used to update the local Context based on any deltas between this\n * Provider's attributes and this Provider's context that caused the\n * re-render. If the `render()` method is overwritten, this call must be made\n * manually.\n */\n protected abstract updateContext(): void;\n\n /**\n * Render this Provider.\n *\n * @remarks\n * This method calls `updateContext()` then validates whether or not to\n * update all consumers based on the results of the `shouldUpdateConsumers`\n * getter.\n *\n * @returns - This Provider as an HTML Element.\n */\n public override render() {\n this.updateContext();\n\n return html`<slot></slot>`;\n }\n}\n\nexport default Provider;\n", "import Provider from './provider.component';\n\nexport default Provider;\n", "import { createContext } from '@lit/context';\n\nimport { TAG_NAME } from './themeprovider.constants';\n\nclass ThemeProviderContext {\n public themeclass?: string;\n\n // create typed lit context as part of the ThemeProviderContext\n public static context = createContext<ThemeProviderContext>(TAG_NAME);\n\n // constructor to allow setting the defaultThemeClass\n constructor(defaultThemeClass?: string) {\n this.themeclass = defaultThemeClass;\n }\n}\n\nexport default ThemeProviderContext;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);\n --mdc-themeprovider-font-family: var(--mds-font-family-primary);\n --mdc-themeprovider-font-weight: 400;\n /* adjusting Inter's letter spacing to better match the old CiscoSans */\n --mdc-themeprovider-letter-spacing-adjustment: -0.25px;\n\n color: var(--mdc-themeprovider-color-default);\n font-family: var(--mdc-themeprovider-font-family);\n font-weight: var(--mdc-themeprovider-font-weight);\n letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);\n }\n`;\n\nexport default [styles];\n", "import { property, state } from 'lit/decorators.js';\nimport { CSSResult } from 'lit';\nimport { DEFAULTS } from './themeprovider.constants';\nimport { Provider } from '../../models';\nimport ThemeProviderContext from './themeprovider.context';\nimport styles from './themeprovider.styles';\n\n/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n */\nclass ThemeProvider extends Provider<ThemeProviderContext> {\n constructor() {\n super({\n context: ThemeProviderContext.context,\n initialValue: new ThemeProviderContext(DEFAULTS.THEMECLASS),\n });\n }\n\n /**\n * Context object of the ThemeProvider, to be consumed by child components\n */\n public static get Context() {\n return ThemeProviderContext.context;\n }\n\n /**\n * To keep track of the current theme class\n * @internal\n */\n @state()\n private currentThemeClass?: string;\n\n /**\n * Current theme class\n *\n * Has to be fully qualified, such that\n * the theme class matches the class of the respective\n * theme stylesheet\n *\n * Default: 'mds-theme-stable-darkWebex'\n */\n @property({ type: String })\n themeclass: string = DEFAULTS.THEMECLASS;\n\n protected override updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('themeclass')) {\n this.setThemeInClassList();\n this.currentThemeClass = this.themeclass;\n }\n }\n\n /**\n * Update all observing components of this\n * provider to update the themeclass\n *\n * Is called on every re-render, see Provider class\n */\n protected updateContext(): void {\n if (this.context.value.themeclass !== this.themeclass) {\n this.context.value.themeclass = this.themeclass;\n\n this.context.updateObservers();\n }\n }\n\n /**\n * Function to update the active theme classnames to update the theme tokens\n * as CSS variables on the web component.\n */\n private setThemeInClassList() {\n // remove all existing theme classes from the classList:\n if (this.currentThemeClass) {\n this.classList.remove(...this.currentThemeClass.split(' '));\n }\n // add current theme class to classList:\n if (this.themeclass) {\n this.classList.add(...this.themeclass.split(' '));\n }\n }\n\n public static override styles: Array<CSSResult> = [...Provider.styles, ...styles];\n}\n\nexport default ThemeProvider;\n", "import ThemeProvider from './themeprovider.component';\nimport { TAG_NAME } from './themeprovider.constants';\n\nThemeProvider.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-themeprovider']: ThemeProvider\n }\n}\n\nexport default ThemeProvider;\n", "import { css } from 'lit';\n\nconst hostFitContentStyles = css`\n :host {\n align-items: center;\n display: flex;\n height: fit-content;\n justify-content: center;\n width: fit-content;\n }\n`;\n\nconst hostFocusRingStyles = css`\n :host {\n --mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);\n --mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);\n --mdc-focus-ring-outer-color: var(--mds-color-theme-focus-default-2); \n\n --mdc-focus-ring-inner-width: 0.125rem;\n --mdc-focus-ring-middle-width: calc(2 * var(--mdc-focus-ring-inner-width));\n --mdc-focus-ring-outer-width: calc(0.0625rem + var(--mdc-focus-ring-middle-width));\n\n --mdc-focus-ring-middle-offset: var(--mdc-focus-ring-inner-width);\n --mdc-focus-ring-outer-offset: calc(var(--mdc-focus-ring-inner-width) + var(--mdc-focus-ring-middle-width));\n }\n :host([disabled]:focus) {\n box-shadow: none;\n }\n :host(:focus) {\n position: relative;\n box-shadow: \n 0 0 0 var(--mdc-focus-ring-inner-width) var(--mdc-focus-ring-inner-color),\n 0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),\n 0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color);\n }\n\n /* High Contrast Mode */\n @media (forced-colors: active) {\n :host(:focus) {\n outline: 0.125rem solid var(--mds-color-theme-focus-default-0);\n }\n }\n`;\n\nexport { hostFitContentStyles, hostFocusRingStyles };\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [\n hostFitContentStyles,\n css`\n :host {\n --mdc-icon-fill-color: currentColor;\n }\n :host::part(icon) {\n height: 100%;\n width: 100%;\n fill: var(--mdc-icon-fill-color);\n }\n `,\n];\n\nexport default styles;\n", "import { Context, ContextConsumer } from '@lit/context';\nimport { ReactiveElement } from 'lit';\n\ntype ConsumeOptions<C> = {\n host: ReactiveElement;\n context: C;\n subscribe?:boolean\n}\nconst consume = <C extends Context<unknown, unknown>>(options: ConsumeOptions<C>) => {\n const { host, context, subscribe } = options;\n\n return new ContextConsumer<C, typeof host>(host, {\n context,\n subscribe: subscribe ?? true,\n });\n};\n\nconst providerUtils = {\n consume,\n};\nexport default providerUtils;\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('iconprovider');\n\nconst ALLOWED_FILE_EXTENSIONS = ['svg'];\nconst ALLOWED_LENGTH_UNITS = ['em', 'rem', 'px'];\nconst LENGTH_UNIT_SIZE = {\n px: 16,\n em: 1,\n rem: 1,\n} as Record<string, number>;\n\nconst DEFAULTS = {\n FILE_EXTENSION: 'svg',\n LENGTH_UNIT: 'em',\n SIZE: LENGTH_UNIT_SIZE.em,\n} as const;\n\nexport { TAG_NAME, DEFAULTS, ALLOWED_FILE_EXTENSIONS, ALLOWED_LENGTH_UNITS, LENGTH_UNIT_SIZE };\n", "import { createContext } from '@lit/context';\n\nimport { TAG_NAME } from './iconprovider.constants';\n\nclass IconProviderContext {\n public fileExtension?: string;\n\n public url?: string;\n\n public lengthUnit?: string;\n\n public size?: number;\n\n // create typed lit context as part of the IconProviderContext\n public static readonly context = createContext<IconProviderContext>(TAG_NAME);\n}\n\nexport default IconProviderContext;\n", "import { property } from 'lit/decorators.js';\nimport { Provider } from '../../models';\nimport IconProviderContext from './iconprovider.context';\nimport {\n ALLOWED_FILE_EXTENSIONS,\n DEFAULTS,\n ALLOWED_LENGTH_UNITS } from './iconprovider.constants';\n\n/**\n * IconProvider component, which allows to be consumed from sub components\n * (see `providerUtils.consume` for how to consume)\n *\n * Bundling icons will be up to the consumer of this component, such\n * that only a url has to be passed in from which the icons will be\n * fetched.\n *\n * @tagname mdc-iconprovider\n *\n * @slot - children\n */\nclass IconProvider extends Provider<IconProviderContext> {\n constructor() {\n // initialise the context by running the Provider constructor:\n super({\n context: IconProviderContext.context,\n initialValue: new IconProviderContext(),\n });\n }\n\n /**\n * Context object of the IconProvider, to be consumed by child components\n */\n public static get Context() {\n return IconProviderContext.context;\n }\n\n /**\n * Url of where icons will be fetched from\n */\n @property({ type: String })\n url?: string;\n\n /**\n * File extension of icons\n * @default svg\n */\n @property({ type: String, attribute: 'file-extension', reflect: true })\n fileExtension?: string = DEFAULTS.FILE_EXTENSION;\n\n /**\n * Length unit used for sizing of icons\n * @default em\n */\n @property({ type: String, attribute: 'length-unit', reflect: true })\n lengthUnit: string = DEFAULTS.LENGTH_UNIT;\n\n /**\n * The default size of the icon.\n * If not set, it falls back to the size defined by the length unit.\n * @default 1\n */\n @property({ type: Number, reflect: true })\n size?: number = DEFAULTS.SIZE;\n\n private updateValuesInContext() {\n // only update fileExtension on context if its an allowed fileExtension\n if (this.fileExtension && ALLOWED_FILE_EXTENSIONS.includes(this.fileExtension)) {\n this.context.value.fileExtension = this.fileExtension;\n } else {\n // Ensure both fileExtension and context are updated to the default if its not an allowed fileExtension\n this.fileExtension = DEFAULTS.FILE_EXTENSION;\n this.context.value.fileExtension = DEFAULTS.FILE_EXTENSION;\n }\n this.context.value.url = this.url;\n this.context.value.size = this.size;\n\n if (this.lengthUnit && ALLOWED_LENGTH_UNITS.includes(this.lengthUnit)) {\n this.context.value.lengthUnit = this.lengthUnit;\n } else {\n // Ensure both lengthUnit and context are updated to the default if its not an allowed lengthUnit\n this.lengthUnit = DEFAULTS.LENGTH_UNIT;\n this.context.value.lengthUnit = DEFAULTS.LENGTH_UNIT;\n }\n }\n\n protected updateContext(): void {\n if (\n this.context.value.fileExtension !== this.fileExtension\n || this.context.value.url !== this.url\n || this.context.value.lengthUnit !== this.lengthUnit\n || this.context.value.size !== this.size\n ) {\n this.updateValuesInContext();\n this.context.updateObservers();\n }\n }\n}\nexport default IconProvider;\n", "/* eslint-disable implicit-arrow-linebreak */\n\n/**\n * Fetches a dynamic SVG icon based on the provided `url`, `name` and `fileExtension`.\n * It will throw an error if the response is not ok.\n *\n * @param url - The base url of the icon\n * @param name - The name of the icon\n * @param fileExtension - The file extension of the icon\n * @param signal - The signal to abort the fetch.\n * It is used to cancel the fetch when the component is disconnected or updated.\n * @returns The valid icon element\n * @throws Error if the response is not ok\n */\nconst dynamicSVGImport = async (\n url: string,\n name: string,\n fileExtension: string,\n signal: AbortSignal,\n): Promise<Element> => {\n const response = await fetch(`${url}/${name}.${fileExtension}`, { signal });\n\n if (!response.ok) {\n throw new Error('There was a problem while fetching the icon!');\n }\n\n const iconResponse = await response.text();\n const returnValue = new DOMParser().parseFromString(iconResponse, 'text/html').body.children[0];\n returnValue.setAttribute('data-name', name);\n returnValue.setAttribute('part', 'icon');\n return returnValue;\n};\n\nexport { dynamicSVGImport };\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('icon');\n\nconst DEFAULTS = {\n NAME: undefined,\n SIZE: 1,\n} as const;\n\nexport { TAG_NAME, DEFAULTS };\n", "import { CSSResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './icon.styles';\nimport { Component } from '../../models';\nimport providerUtils from '../../utils/provider';\nimport IconProvider from '../iconprovider/iconprovider.component';\nimport { dynamicSVGImport } from './icon.utils';\nimport { DEFAULTS } from './icon.constants';\nimport type { IconNames } from './icon.types';\n\n/**\n * Icon component that dynamically displays SVG icons based on a valid name.\n *\n * This component must be mounted within an `IconProvider` component.\n *\n * The `IconProvider` defines the source URL from which icons are consumed.\n * The `Icon` component accepts a `name` attribute, which corresponds to\n * the file name of the icon to be loaded from the specified URL.\n *\n * Once fetched, the icon will be rendered. If the fetching process is unsuccessful,\n * no icon will be displayed.\n *\n * The `size` attribute allows for dynamic sizing of the icon based on the provided\n * `length-unit` attribute. This unit can either come from the `IconProvider`\n * or can be overridden for each individual icon. For example:\n * if `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n * `width: 1em; height: 1em`.\n *\n * Regarding accessibility, there are two types of icons: decorative and informative.\n *\n * ### Decorative Icons\n * - Decorative icons do not convey any essential information to the content of a page.\n * - They should be hidden from screen readers (SR) to prevent confusion for users.\n * - For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n *\n * ### Informative Icons\n * - Informative icons convey important information that is not adequately represented\n * by surrounding text or components.\n * - They provide valuable context and must be announced by assistive technologies.\n * - For informative icons, an `aria-label` is required, and the `role` will be set to \"img\".\n * - If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n * the role will be unset.\n *\n * @tagname mdc-icon\n *\n * @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.\n */\nclass Icon extends Component {\n @state()\n private iconData?: HTMLElement;\n\n @state()\n private lengthUnitFromContext?: string;\n\n @state()\n private sizeFromContext?: number;\n\n /**\n * Name of the icon (= filename)\n */\n @property({ type: String, reflect: true })\n name?: IconNames = DEFAULTS.NAME;\n\n /**\n * Size of the icon (works in combination with length unit)\n */\n @property({ type: Number })\n size?: number;\n\n /**\n * Length unit attribute for overriding length-unit from `IconProvider`\n */\n @property({ type: String, attribute: 'length-unit' })\n lengthUnit?: string;\n\n /**\n * Aria-label attribute to be set for accessibility\n */\n @property({ type: String, attribute: 'aria-label' })\n override ariaLabel: string | null = null;\n\n private readonly iconProviderContext = providerUtils.consume({ host: this, context: IconProvider.Context });\n\n @state() private abortController: AbortController;\n\n constructor() {\n super();\n this.abortController = new AbortController(); // Initialize AbortController\n }\n\n /**\n * Dispatches a 'load' event on the component once the icon has been successfully loaded.\n * This event bubbles and is cancelable.\n */\n private triggerIconLoaded(): void {\n const loadEvent = new Event('load', {\n bubbles: true,\n cancelable: true,\n });\n this.dispatchEvent(loadEvent);\n }\n\n /**\n * Get Icon Data function which will fetch the icon (currently only svg)\n * and sets state and attributes once fetched successfully\n *\n * This method uses abortController.signal to cancel the fetch request when the component is disconnected or updated.\n * If the request is aborted after the fetch() call has been fulfilled but before the response body has been read,\n * then attempting to read the response body will reject with an AbortError exception.\n */\n private async getIconData() {\n if (this.iconProviderContext.value) {\n const { fileExtension, url } = this.iconProviderContext.value;\n if (url && fileExtension && this.name) {\n this.abortController.abort();\n this.abortController = new AbortController();\n try {\n const iconHtml = await dynamicSVGImport(url, this.name, fileExtension, this.abortController.signal);\n this.handleIconLoadedSuccess(iconHtml as HTMLElement);\n } catch (error) {\n this.handleIconLoadedFailure(error);\n }\n }\n }\n }\n\n /**\n * Sets the iconData state to the fetched icon,\n * and calls functions to set role, aria-label and aria-hidden attributes on the icon.\n * Dispatches a 'load' event on the component once the icon has been successfully loaded.\n * @param iconHtml - The icon html element which has been fetched from the icon provider.\n */\n private handleIconLoadedSuccess(iconHtml: HTMLElement) {\n // update iconData state once fetched:\n this.iconData = iconHtml;\n\n // when icon is fetched successfully, set the role, aria-label and invoke function to trigger icon load event.\n this.setRoleOnIcon();\n this.setAriaLabelOnIcon();\n this.setAriaHiddenOnIcon();\n this.triggerIconLoaded();\n }\n\n /**\n * Dispatches an 'error' event on the component when the icon fetching has failed.\n * This event bubbles and is cancelable.\n * The error detail is set to the error object.\n */\n private handleIconLoadedFailure(error: unknown) {\n const errorEvent = new CustomEvent('error', {\n bubbles: true,\n cancelable: true,\n detail: { error },\n });\n this.dispatchEvent(errorEvent);\n }\n\n /**\n * Updates the size by setting the width and height\n */\n private updateSize() {\n if (this.computedIconSize && (this.lengthUnit || this.lengthUnitFromContext)) {\n const value = `${this.computedIconSize}${this.lengthUnit ?? this.lengthUnitFromContext}`;\n this.style.width = value;\n this.style.height = value;\n }\n }\n\n private setRoleOnIcon() {\n this.role = this.ariaLabel ? 'img' : null;\n }\n\n private setAriaHiddenOnIcon() {\n // set aria-hidden=true for SVG to avoid screen readers\n this.iconData?.setAttribute('aria-hidden', 'true');\n }\n\n private setAriaLabelOnIcon() {\n if (this.ariaLabel) {\n // pass through aria-label attribute to svg if set on mdc-icon\n this.iconData?.setAttribute('aria-label', this.ariaLabel);\n } else {\n this.iconData?.removeAttribute('aria-label');\n }\n }\n\n private get computedIconSize() {\n return this.size ?? this.sizeFromContext ?? DEFAULTS.SIZE;\n }\n\n override updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('name')) {\n // fetch icon data if name changes:\n this.getIconData().catch((err) => {\n if (err.name !== 'AbortError' && this.onerror) {\n this.onerror(err);\n }\n });\n }\n\n if (changedProperties.has('ariaLabel')) {\n this.setRoleOnIcon();\n this.setAriaLabelOnIcon();\n }\n\n if (changedProperties.has('size') || changedProperties.has('lengthUnit')) {\n this.updateSize();\n }\n\n if (this.lengthUnitFromContext !== this.iconProviderContext.value?.lengthUnit) {\n this.lengthUnitFromContext = this.iconProviderContext.value?.lengthUnit;\n this.updateSize();\n }\n\n if (this.sizeFromContext !== this.iconProviderContext.value?.size) {\n this.sizeFromContext = this.iconProviderContext.value?.size;\n this.updateSize();\n }\n }\n\n override render() {\n return html` ${this.iconData} `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Icon;\n", "import Icon from './icon.component';\nimport { TAG_NAME } from './icon.constants';\n\nIcon.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-icon']: Icon\n }\n}\n\nexport default Icon;\n", "import IconProvider from './iconprovider.component';\nimport { TAG_NAME } from './iconprovider.constants';\n\nIconProvider.register(TAG_NAME);\n\nexport default IconProvider;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-iconprovider']: IconProvider\n }\n}\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\n\n/**\n * For AttributeParts, sets the attribute if the value is defined and removes\n * the attribute if the value is undefined.\n *\n * For other part types, this directive is a no-op.\n */\nexport const ifDefined = <T>(value: T) => value ?? nothing;\n", "import utils from '../../utils/tag-name';\nimport type { IconNames } from '../icon/icon.types';\n\nconst TAG_NAME = utils.constructTagName('avatar');\n\nconst AVATAR_TYPE = {\n COUNTER: 'counter',\n ICON: 'icon',\n PHOTO: 'photo',\n TEXT: 'text',\n} as const;\n\nconst MAX_COUNTER = 99;\nconst ICON_NAME: IconNames = 'user-regular';\n\nconst AVATAR_SIZE = {\n 24: 24,\n 32: 32,\n 48: 48,\n 64: 64,\n 72: 72,\n 88: 88,\n 124: 124,\n} as const;\n\nconst DEFAULTS = {\n TYPE: AVATAR_TYPE.PHOTO,\n SIZE: AVATAR_SIZE[32],\n ICON_NAME,\n} as const;\n\nexport {\n TAG_NAME,\n DEFAULTS,\n AVATAR_TYPE,\n MAX_COUNTER,\n AVATAR_SIZE,\n};\n", "import { property } from 'lit/decorators.js';\nimport { DEFAULTS as AVATAR_DEFAULTS } from '../../components/avatar/avatar.constants';\nimport type { AvatarSize } from '../../components/avatar/avatar.types';\nimport type { IconNames } from '../../components/icon/icon.types';\nimport type { PresenceType } from '../../components/presence/presence.types';\nimport type { Component } from '../../models';\nimport type { Constructor } from './index.types';\n\nexport interface AvatarComponentMixinInterface {\n src?: string;\n initials?: string;\n presence?: PresenceType;\n size: AvatarSize;\n iconName?: IconNames;\n counter?: number;\n isTyping: boolean;\n}\n\nexport const AvatarComponentMixin = <T extends Constructor<Component>>(\n superClass: T,\n) => {\n class InnerMixinClass extends superClass {\n /**\n * The src is the url which will be used to display the avatar.\n * When the src is loading, we will display the initials as a placeholder.\n */\n @property({ type: String })\n src?: string;\n\n /**\n * The initials to be displayed for the avatar.\n */\n @property({ type: String })\n initials?: string;\n\n /**\n * The presence is the status which can be used to display the\n * activity state of a user or a space within an avatar component.\n *\n * Acceptable values include:\n * - `active`\n * - `away`\n * - `away-calling`\n * - `busy`\n * - `dnd`\n * - `meeting`\n * - `on-call`\n * - `on-device`\n * - `on-mobile`\n * - `pause`\n * - `pto`\n * - `presenting`\n * - `quiet`\n * - `scheduled`\n */\n @property({ type: String })\n presence?: PresenceType;\n\n /**\n * Acceptable values include (size in px unit):\n * - 24\n * - 32\n * - 48\n * - 64\n * - 72\n * - 88\n * - 124\n *\n * @default 32\n */\n @property({ type: Number, reflect: true, attribute: 'size' })\n size: AvatarSize = AVATAR_DEFAULTS.SIZE;\n\n /**\n * Name of the icon to be displayed inside the Avatar.\n * Must be a valid icon name.\n */\n @property({ type: String, attribute: 'icon-name' })\n iconName?: IconNames;\n\n /**\n * The counter is the number which can be displayed on the avatar.\n * The maximum number is 99 and if the given number is greater than 99,\n * then the avatar will be displayed as `99+`.\n * If the given number is a negative number,\n * then the avatar will be displayed as `0`.\n */\n @property({ type: Number })\n counter?: number;\n\n /**\n * Represents the typing indicator when the user is typing.\n * @default false\n */\n @property({ type: Boolean, attribute: 'is-typing' })\n isTyping = false;\n }\n // Cast return type to your mixin's interface intersected with the superClass type\n return InnerMixinClass as Constructor<AvatarComponentMixinInterface> & T;\n};\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [hostFitContentStyles, css`\n :host {\n --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);\n --mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-avatar-loading-indicator-background-color: var(--mds-color-theme-common-text-primary-disabled);\n --mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);\n --mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);\n }\n :host([size=\"124\"]) .content {\n width: 7.75rem;\n height: 7.75rem;\n }\n :host([size=\"88\"]) .content {\n width: 5.5rem;\n height: 5.5rem;\n }\n :host([size=\"72\"]) .content {\n width: 4.5rem;\n height: 4.5rem;\n }\n :host([size=\"64\"]) .content {\n width: 4rem;\n height: 4rem;\n }\n :host([size=\"48\"]) .content {\n width: 3rem;\n height: 3rem;\n }\n :host([size=\"32\"]) .content {\n width: 2rem;\n height: 2rem;\n }\n :host([size=\"24\"]) .content {\n width: 1.5rem;\n height: 1.5rem;\n }\n :host([size=\"124\"]) .content > .loading__wrapper > .loader {\n transform: scale(1.5);\n }\n :host([size=\"88\"]) .content > .loading__wrapper > .loader {\n transform: scale(1.2);\n }\n :host([size=\"72\"]) .content > .loading__wrapper > .loader,\n :host([size=\"64\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.8);\n }\n :host([size=\"48\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.6);\n }\n :host([size=\"32\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.4);\n }\n :host([size=\"24\"]) .content > .loading__wrapper > .loader {\n transform: scale(0.3);\n }\n .content {\n width: 2rem;\n height: 2rem;\n background-color: var(--mdc-avatar-default-background-color);\n color: var(--mdc-avatar-default-foreground-color);\n border-radius: 100vh;\n position: relative;\n display: grid;\n place-items: center;\n }\n .photo {\n border-radius: 100vh;\n height: 100%;\n width: 100%;\n object-fit: cover;\n overflow: hidden;\n }\n .presence {\n position: absolute;\n bottom: 0;\n right: 0;\n }\n .loading__wrapper {\n position: absolute;\n border-radius: 100vh;\n width: 100%;\n height: 100%;\n background-color: var(--mdc-avatar-loading-overlay-background-color);\n display: grid;\n place-items: center;\n }\n .loader {\n position: absolute;\n width: 1rem;\n transform: scale(0.4);\n aspect-ratio: 1;\n border-radius: 100vh;\n animation: loading-key 1s infinite linear alternate;\n }\n @keyframes loading-key {\n 0% {\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);\n background: var(--mdc-avatar-loading-indicator-foreground-color);\n }\n 33% {\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);\n background: var(--mdc-avatar-loading-indicator-background-color);\n }\n 66% {\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);\n background: var(--mdc-avatar-loading-indicator-background-color);\n }\n 100%{\n box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),\n -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);\n background: var(--mdc-avatar-loading-indicator-foreground-color);\n }\n }\n\n /* High Contrast Mode */\n @media (forced-colors: active) {\n .content:not(.photo) {\n outline: 0.125rem solid;\n }\n }\n`];\n\nexport default styles;\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('presence');\n\nconst TYPE = {\n ACTIVE: 'active',\n AWAY: 'away',\n AWAY_CALLING: 'away-calling',\n BUSY: 'busy',\n DND: 'dnd',\n MEETING: 'meeting',\n ON_CALL: 'on-call',\n ON_DEVICE: 'on-device',\n ON_MOBILE: 'on-mobile',\n PAUSE: 'pause',\n PTO: 'pto',\n PRESENTING: 'presenting',\n QUIET: 'quiet',\n SCHEDULED: 'scheduled',\n} as const;\n\nconst SIZE = {\n XX_SMALL: 'xx_small',\n X_SMALL: 'x_small',\n SMALL: 'small',\n MIDSIZE: 'midsize',\n LARGE: 'large',\n X_LARGE: 'x_large',\n XX_LARGE: 'xx_large',\n} as const;\n\nconst DEFAULTS = {\n TYPE: TYPE.ACTIVE,\n SIZE: SIZE.SMALL,\n} as const;\n\nexport { TAG_NAME, DEFAULTS, TYPE, SIZE };\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('text');\n\nconst TYPE = {\n BODY_SMALL_REGULAR: 'body-small-regular',\n BODY_SMALL_MEDIUM: 'body-small-medium',\n BODY_SMALL_BOLD: 'body-small-bold',\n BODY_MIDSIZE_REGULAR: 'body-midsize-regular',\n BODY_MIDSIZE_MEDIUM: 'body-midsize-medium',\n BODY_MIDSIZE_BOLD: 'body-midsize-bold',\n BODY_LARGE_REGULAR: 'body-large-regular',\n BODY_LARGE_MEDIUM: 'body-large-medium',\n BODY_LARGE_BOLD: 'body-large-bold',\n BODY_SMALL_REGULAR_UNDERLINE: 'body-small-regular-underline',\n BODY_SMALL_MEDIUM_UNDERLINE: 'body-small-medium-underline',\n BODY_MIDSIZE_REGULAR_UNDERLINE: 'body-midsize-regular-underline',\n BODY_MIDSIZE_MEDIUM_UNDERLINE: 'body-midsize-medium-underline',\n BODY_LARGE_REGULAR_UNDERLINE: 'body-large-regular-underline',\n BODY_LARGE_MEDIUM_UNDERLINE: 'body-large-medium-underline',\n HEADING_SMALL_REGULAR: 'heading-small-regular',\n HEADING_SMALL_MEDIUM: 'heading-small-medium',\n HEADING_SMALL_BOLD: 'heading-small-bold',\n HEADING_MIDSIZE_REGULAR: 'heading-midsize-regular',\n HEADING_MIDSIZE_MEDIUM: 'heading-midsize-medium',\n HEADING_MIDSIZE_BOLD: 'heading-midsize-bold',\n HEADING_LARGE_REGULAR: 'heading-large-regular',\n HEADING_LARGE_MEDIUM: 'heading-large-medium',\n HEADING_LARGE_BOLD: 'heading-large-bold',\n HEADING_XLARGE_REGULAR: 'heading-xlarge-regular',\n HEADING_XLARGE_MEDIUM: 'heading-xlarge-medium',\n HEADING_XLARGE_BOLD: 'heading-xlarge-bold',\n HEADLINE_SMALL_LIGHT: 'headline-small-light',\n HEADLINE_SMALL_REGULAR: 'headline-small-regular',\n} as const;\n\nconst VALID_TEXT_TAGS = {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n P: 'p',\n SMALL: 'small',\n SPAN: 'span',\n DIV: 'div',\n} as const;\n\nconst DEFAULTS = {\n TYPE: TYPE.BODY_LARGE_REGULAR,\n TEXT_ELEMENT_TAGNAME: VALID_TEXT_TAGS.P,\n CSS_PART_TEXT: 'text',\n CHILDREN: 'The quick brown fox jumps over the lazy dog',\n} as const;\n\nexport { TAG_NAME, DEFAULTS, TYPE, VALID_TEXT_TAGS };\n", "import { SIZE as PRESENCE_SIZE } from '../presence/presence.constants';\nimport type { PresenceSize } from '../presence/presence.types';\nimport { TYPE as FONT_TYPE } from '../text/text.constants';\nimport type { TextType } from '../text/text.types';\nimport { AVATAR_SIZE } from './avatar.constants';\nimport type { AvatarSize } from './avatar.types';\n\nconst getPresenceSize = (size: AvatarSize): PresenceSize => {\n const avatarPresenceSizeMap: Record<AvatarSize, PresenceSize> = {\n [AVATAR_SIZE[124]]: PRESENCE_SIZE.XX_LARGE,\n [AVATAR_SIZE[88]]: PRESENCE_SIZE.X_LARGE,\n [AVATAR_SIZE[72]]: PRESENCE_SIZE.LARGE,\n [AVATAR_SIZE[64]]: PRESENCE_SIZE.MIDSIZE,\n [AVATAR_SIZE[48]]: PRESENCE_SIZE.SMALL,\n [AVATAR_SIZE[32]]: PRESENCE_SIZE.X_SMALL,\n [AVATAR_SIZE[24]]: PRESENCE_SIZE.XX_SMALL,\n };\n return avatarPresenceSizeMap[size] || PRESENCE_SIZE.X_SMALL; // default size of presence\n};\n\nconst getAvatarIconSize = (size: AvatarSize): number => {\n const avatarIconSizeMap: Record<AvatarSize, number> = {\n [AVATAR_SIZE[124]]: 4.75,\n [AVATAR_SIZE[88]]: 3,\n [AVATAR_SIZE[72]]: 2.5,\n [AVATAR_SIZE[64]]: 2.25,\n [AVATAR_SIZE[48]]: 1.75,\n [AVATAR_SIZE[32]]: 1.25,\n [AVATAR_SIZE[24]]: 1,\n };\n return avatarIconSizeMap[size] || 1.25; // default size of icon\n};\n\nconst getAvatarTextFontSize = (size: AvatarSize): TextType => {\n const avatarTextFontSizeMap: Record<AvatarSize, TextType> = {\n [AVATAR_SIZE[124]]: FONT_TYPE.HEADING_XLARGE_MEDIUM,\n [AVATAR_SIZE[88]]: FONT_TYPE.HEADING_LARGE_MEDIUM,\n [AVATAR_SIZE[72]]: FONT_TYPE.HEADING_MIDSIZE_MEDIUM,\n [AVATAR_SIZE[64]]: FONT_TYPE.HEADING_SMALL_MEDIUM,\n [AVATAR_SIZE[48]]: FONT_TYPE.HEADING_SMALL_MEDIUM,\n [AVATAR_SIZE[32]]: FONT_TYPE.BODY_MIDSIZE_MEDIUM,\n [AVATAR_SIZE[24]]: FONT_TYPE.BODY_SMALL_MEDIUM,\n };\n return avatarTextFontSizeMap[size] || FONT_TYPE.BODY_MIDSIZE_MEDIUM; // default size of text font\n};\n\nexport {\n getAvatarIconSize,\n getAvatarTextFontSize,\n getPresenceSize,\n};\n", "import { CSSResult, html, nothing } from 'lit';\nimport type { PropertyValues, TemplateResult } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { Component } from '../../models';\nimport { AvatarComponentMixin } from '../../utils/mixins/AvatarComponentMixin';\nimport { AVATAR_TYPE, DEFAULTS, MAX_COUNTER } from './avatar.constants';\nimport styles from './avatar.styles';\nimport type { AvatarType } from './avatar.types';\nimport { getAvatarIconSize, getAvatarTextFontSize, getPresenceSize } from './avatar.utils';\n\n/**\n * The `mdc-avatar` component is used to represent a person or a space.\n * An avatar can be an icon, initials, counter and photo.\n *\n * To set the photo of an avatar,\n * you need to set \"src\" attribute.\n *\n * While the avatar image is loading, as a placeholder,\n * we will show the initials text.\n * If the initials are not specified then,\n * we will show `user-regular` icon as a placeholder.\n *\n * By default, if there are no attributes specified,\n * then the default avatar will be an icon with `user-regular` name.\n *\n * The avatar component is non clickable and non interactive/focusable component.\n * If the avatar is typing, then the loading indicator will be displayed.\n * If the counter type avatar is set to a negative number, then we will display 0.\n * The presence indicator will be hidden when the counter property is set.\n *\n * @dependency mdc-icon\n * @dependency mdc-presence\n * @dependency mdc-text\n *\n * @tagname mdc-avatar\n *\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\n * Allows customization of the loading indicator background color.\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\n * Allows customization of the loading indicator foreground color.\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\n * Allows customization of the loading overlay background color.\n */\nclass Avatar extends AvatarComponentMixin(Component) {\n /**\n * @internal\n */\n @state() private isPhotoLoaded = false;\n\n /**\n * @internal\n * The avatar presence will be hidden if the avatar type is COUNTER.\n * If the presence is set, it will be rendered as a child of the avatar.\n *\n * @param type - The type of the avatar.\n * @returns The presence template or an empty template.\n */\n private getPresenceTemplateBasedOnType(type: AvatarType): TemplateResult | typeof nothing {\n // avatar type of counter should not have presence\n if (type === AVATAR_TYPE.COUNTER && (this.counter || this.counter === 0)) {\n return nothing;\n }\n if (this.presence) {\n return html`\n <mdc-presence class=\"presence\" type=\"${this.presence}\" size=\"${getPresenceSize(this.size)}\"></mdc-presence>\n `;\n }\n return nothing;\n }\n\n /**\n * @internal\n * Sets `isPhotoLoaded` to `true` when the avatar photo is loaded.\n * This is used to hide the avatar photo initially and show it only when it is loaded.\n */\n private handleOnLoad(): void {\n this.isPhotoLoaded = true;\n }\n\n /**\n * @internal\n * Handles errors that occur during the image loading process.\n * Sets `isPhotoLoaded` to `false` to indicate the failure and throws an error message.\n * The error message suggests checking the `src` attribute.\n */\n private handleOnError(): void {\n this.isPhotoLoaded = false;\n if (this.onerror) {\n this.onerror('There was a problem while fetching the <img/>. Please check the src attribute and try again.');\n }\n }\n\n /**\n * @internal\n * Generates the photo template for the avatar component.\n * Utilizes the `src` attribute to display an image.\n * The photo remains hidden until it is fully loaded;\n * upon successful loading, the `handleOnLoad` method sets `isPhotoLoaded` to true.\n * In the event of a loading error, the `handleOnError` method sets `isPhotoLoaded` to false and raises an error.\n *\n * @returns The template result containing the avatar photo.\n */\n private photoTemplate(): TemplateResult {\n return html`\n <img\n class=\"photo\"\n src=\"${ifDefined(this.src)}\"\n aria-hidden=\"true\"\n ?hidden=\"${!this.isPhotoLoaded}\"\n @load=\"${this.handleOnLoad}\"\n @error=\"${this.handleOnError}\"\n />\n `;\n }\n\n /**\n * @internal\n * Generates the icon template for the photo avatar component.\n * Utilizes the `mdc-icon` component to display an icon.\n * If the `iconName` property is not provided, it defaults to the `DEFAULTS.ICON_NAME`.\n *\n * @returns The template result containing the avatar icon.\n */\n private iconTemplate(): TemplateResult {\n const name = this.iconName || DEFAULTS.ICON_NAME;\n return html`\n <mdc-icon\n name=\"${ifDefined(name)}\"\n length-unit=\"rem\"\n size=\"${getAvatarIconSize(this.size)}\"\n ></mdc-icon>\n `;\n }\n\n /**\n * @internal\n * Generates the text template for the initials/counter avatar component.\n * Utilizes the `mdc-text` component to display text.\n *\n * @param content - the text content to be displayed\n * @returns The template result containing the avatar text.\n */\n private textTemplate(content: string): TemplateResult {\n return html`\n <mdc-text\n type=\"${getAvatarTextFontSize(this.size)}\"\n tagname=\"span\"\n >\n ${content}\n </mdc-text>\n `;\n }\n\n /**\n * @internal\n * Generates the text content for counter avatar by converting the given number to a string.\n * If the counter exceeds the maximum limit of 99, it will return the maximum limit as a string\n * followed by a '+' character.\n *\n * @param counter - the number to be converted to a string\n * @returns the counter text\n */\n private generateCounterText(counter: number): string {\n // If the consumer provides a negative number, we set it to 0.\n if (counter < 0) {\n return '0';\n }\n if (counter > MAX_COUNTER) {\n return `${MAX_COUNTER}+`;\n }\n return counter.toString();\n }\n\n /**\n * @internal\n * Converts the given initials to uppercase and takes the first two characters.\n * This is used to generate the text content for the initials avatar.\n *\n * @param initials - the string containing the initials\n * @returns the first two uppercase characters of the given initials\n */\n private generateInitialsText(initials: string): string {\n return initials.toUpperCase().slice(0, 2);\n }\n\n /**\n * @internal\n * Generates the text content based on the given type.\n * If the type is TEXT, it will use the initials property and generate the first two uppercase characters.\n * If the type is COUNTER, it uses the value of counter property and\n * generate the string representation of the counter.\n * The generated content is then passed to the `textTemplate` method to generate the final template.\n *\n * @param type - the type of the avatar\n * @returns the template result containing the avatar text\n */\n private generateTextContent(type: AvatarType): TemplateResult {\n let content = '';\n if (type === AVATAR_TYPE.TEXT && this.initials) {\n content = this.generateInitialsText(this.initials);\n }\n if (type === AVATAR_TYPE.COUNTER && (this.counter || this.counter === 0)) {\n content = this.generateCounterText(this.counter);\n }\n return this.textTemplate(content);\n }\n\n /**\n * @internal\n * Returns the type of the avatar component based on the user-provided inputs.\n *\n * @returns the type of the avatar component\n */\n private getTypeBasedOnInputs(): AvatarType {\n if (this.src) {\n return AVATAR_TYPE.PHOTO;\n }\n if (this.iconName) {\n return AVATAR_TYPE.ICON;\n }\n if (this.initials) {\n return AVATAR_TYPE.TEXT;\n }\n if (this.counter || this.counter === 0) {\n return AVATAR_TYPE.COUNTER;\n }\n return AVATAR_TYPE.ICON;\n }\n\n /**\n * @internal\n * Returns the template result based on the type of the avatar component.\n * The type is determined by `getTypeBasedOnInputs` based on user's input.\n * Based on the generated type, template result is generated.\n *\n * @param type - the type of the avatar component\n * @returns the template result containing the avatar content\n */\n private getTemplateBasedOnType(type: AvatarType): TemplateResult {\n switch (type) {\n case AVATAR_TYPE.PHOTO:\n return this.photoTemplate();\n case AVATAR_TYPE.TEXT:\n case AVATAR_TYPE.COUNTER:\n return this.generateTextContent(type);\n case AVATAR_TYPE.ICON:\n default:\n return this.iconTemplate();\n }\n }\n\n /**\n * @internal\n * Represents the loading indicator for the avatar when typing.\n * If the avatar is in typing state, this method returns a loading indicator\n * comprising three small filled dots, scaled based on the avatar size.\n *\n * @returns The template result containing the loading indicator, or an empty template if not typing.\n */\n private getLoadingContent(): TemplateResult | typeof nothing {\n if (!this.isTyping) {\n return nothing;\n }\n return html`<div class=\"loading__wrapper\"><div class=\"loader\"></div></div>`;\n }\n\n /**\n * @internal\n * Generates the photo placeholder content for the avatar component.\n * If the photo is not yet loaded, and the avatar type is PHOTO with initials provided,\n * it generates and returns the initials as a placeholder text.\n * If the photo is already loaded, it returns an empty template.\n *\n * @param type - The type of the avatar.\n * @returns The template result containing the placeholder content or an empty template.\n */\n private getPhotoPlaceHolderContent(type: AvatarType): TemplateResult | typeof nothing {\n // if photo is already loaded then no need to show placeholder\n if (this.isPhotoLoaded) {\n return nothing;\n }\n if (type === AVATAR_TYPE.PHOTO) {\n if (this.initials) {\n return this.textTemplate(this.generateInitialsText(this.initials));\n }\n return this.iconTemplate();\n }\n return nothing;\n }\n\n public override update(changedProperties: PropertyValues): void {\n super.update(changedProperties);\n\n if (changedProperties.has('src') && !this.src) {\n // Reset photo loaded if src is empty\n this.isPhotoLoaded = false;\n }\n }\n\n public override render(): TemplateResult {\n const type = this.getTypeBasedOnInputs();\n return html`\n <div class=\"content\" aria-hidden=\"true\">\n ${this.getPhotoPlaceHolderContent(type)}\n ${this.getTemplateBasedOnType(type)}\n ${this.getLoadingContent()}\n ${this.getPresenceTemplateBasedOnType(type)}\n </div>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Avatar;\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [\n hostFitContentStyles,\n css`\n :host {\n --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);\n \n --mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);\n \n --mdc-presence-away-calling-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-busy-background-color: var(--mds-color-theme-indicator-unstable);\n \n --mdc-presence-dnd-background-color: var(--mds-color-theme-indicator-attention);\n \n --mdc-presence-meeting-background-color: var(--mds-color-theme-indicator-unstable);\n\n --mdc-presence-on-call-background-color: var(--mds-color-theme-indicator-unstable);\n \n --mdc-presence-on-device-background-color: var(--mds-color-theme-indicator-locked);\n \n --mdc-presence-on-mobile-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-pause-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-pto-background-color: var(--mds-color-theme-indicator-locked);\n \n --mdc-presence-presenting-background-color: var(--mds-color-theme-indicator-attention);\n\n --mdc-presence-quiet-background-color: var(--mds-color-theme-indicator-locked);\n\n --mdc-presence-scheduled-background-color: var(--mds-color-theme-indicator-unstable);\n\n --mdc-presence-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);\n }\n\n .mdc-presence {\n border-radius: 50%;\n background-color: var(--mdc-presence-overlay-background-color);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .mdc-presence__xx_small,\n .mdc-presence__x_small,\n .mdc-presence__small {\n width: 1.0625rem;\n height: 1.0625rem;\n }\n .mdc-presence__midsize {\n width: 1.419375rem;\n height: 1.419375rem;\n }\n .mdc-presence__large {\n width: 1.596875rem;\n height: 1.596875rem;\n }\n .mdc-presence__x_large {\n width: 1.951875rem;\n height: 1.951875rem;\n }\n .mdc-presence__xx_large {\n width: 2.75rem;\n height: 2.75rem;\n }\n\n .mdc-presence-icon {\n border-radius: 50%;\n }\n .mdc-presence-icon__active {\n color: var(--mdc-presence-active-background-color);\n }\n .mdc-presence-icon__away {\n color: var(--mdc-presence-away-background-color);\n }\n .mdc-presence-icon__away-calling {\n color: var(--mdc-presence-away-calling-background-color);\n }\n .mdc-presence-icon__busy {\n color: var(--mdc-presence-busy-background-color);\n }\n .mdc-presence-icon__dnd {\n color: var(--mdc-presence-dnd-background-color);\n }\n .mdc-presence-icon__meeting {\n color: var(--mdc-presence-meeting-background-color);\n }\n .mdc-presence-icon__on-call {\n color: var(--mdc-presence-on-call-background-color);\n }\n .mdc-presence-icon__on-device {\n color: var(--mdc-presence-on-device-background-color);\n }\n .mdc-presence-icon__on-mobile {\n color: var(--mdc-presence-on-mobile-background-color);\n }\n .mdc-presence-icon__pause {\n color: var(--mdc-presence-pause-background-color);\n }\n .mdc-presence-icon__pto {\n color: var(--mdc-presence-pto-background-color);\n }\n .mdc-presence-icon__presenting {\n color: var(--mdc-presence-presenting-background-color);\n }\n .mdc-presence-icon__quiet {\n color: var(--mdc-presence-quiet-background-color);\n }\n .mdc-presence-icon__scheduled {\n color: var(--mdc-presence-scheduled-background-color);\n }\n `,\n];\n\nexport default styles;\n", "import { TYPE } from './presence.constants';\nimport type { PresenceType } from './presence.types';\n\nexport const getIconValue = (type: PresenceType) => {\n switch (type) {\n case TYPE.AWAY:\n return 'recents-presence-badge-filled';\n case TYPE.AWAY_CALLING:\n return 'away-calling-presence-filled';\n case TYPE.BUSY:\n return 'busy-presence-bold';\n case TYPE.DND:\n return 'dnd-presence-badge-filled';\n case TYPE.MEETING:\n return 'camera-filled';\n case TYPE.ON_CALL:\n return 'handset-filled';\n case TYPE.ON_DEVICE:\n return 'generic-device-video-badge-filled';\n case TYPE.ON_MOBILE:\n return 'phone-badge-filled';\n case TYPE.PAUSE:\n return 'pause-badge-filled';\n case TYPE.PTO:\n return 'pto-presence-filled';\n case TYPE.PRESENTING:\n return 'share-screen-badge-filled';\n case TYPE.QUIET:\n return 'quiet-hours-presence-filled';\n case TYPE.SCHEDULED:\n return 'meetings-presence-badge-filled';\n case TYPE.ACTIVE:\n default:\n return 'active-presence-small-filled';\n }\n};\n", "import { CSSResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { Component } from '../../models';\nimport { DEFAULTS, SIZE } from './presence.constants';\nimport styles from './presence.styles';\nimport type { PresenceType, PresenceSize } from './presence.types';\nimport { getIconValue } from './presence.utils';\n\n/**\n * The `mdc-presence` component is a versatile UI element used to\n * display the presence status of a user or entity within an avatar component.\n *\n * This component is ideal for use within avatar UIs where the presence status\n * needs to be visually represented.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-presence\n */\nclass Presence extends Component {\n /**\n * Supported presence types:\n * - `active`\n * - `away`\n * - `away-calling`\n * - `busy`\n * - `dnd`\n * - `meeting`\n * - `on-call`\n * - `on-device`\n * - `on-mobile`\n * - `pause`\n * - `pto`\n * - `presenting`\n * - `quiet`\n * - `scheduled`\n * @default active\n */\n @property({ type: String, reflect: true })\n type: PresenceType = DEFAULTS.TYPE;\n\n /**\n * Acceptable values include:\n * - XX_SMALL\n * - X_SMALL\n * - SMALL\n * - MIDSIZE\n * - LARGE\n * - X_LARGE\n * - XX_LARGE\n *\n * Presence icons are minimum 14px in size, meaning XX_Small, X_Small and Small presence\n * icons will be no smaller than 14px.\n * @default small\n */\n @property({ type: String, reflect: true })\n size: PresenceSize = DEFAULTS.SIZE;\n\n /**\n * @internal\n * State to track the current icon type (previous type until the new icon is loaded)\n */\n @state()\n private currentIconType: PresenceType = DEFAULTS.TYPE;\n\n /**\n * Get the size of the presence icon based on the given size type\n */\n private get iconSize() {\n switch (this.size) {\n case SIZE.MIDSIZE:\n return 1.16125;\n case SIZE.LARGE:\n return 1.30625;\n case SIZE.X_LARGE:\n return 1.596875;\n case SIZE.XX_LARGE:\n return 2.25;\n case SIZE.XX_SMALL:\n case SIZE.X_SMALL:\n case SIZE.SMALL:\n default:\n this.size = DEFAULTS.SIZE;\n return 0.875;\n }\n }\n\n /**\n * Get the icon name based on the presence type\n */\n private get icon() {\n const iconName = getIconValue(this.type);\n if (iconName === 'active-presence-small-filled') {\n this.type = DEFAULTS.TYPE;\n }\n return iconName;\n }\n\n /**\n * Handles the successful load of an icon.\n * Sets the `currentIconType` property to match the `type` property.\n */\n private handleOnLoad(): void {\n this.currentIconType = this.type;\n }\n\n /**\n * Handles an error that occurs when loading an icon.\n */\n private handleOnError(): void {\n if (this.onerror) {\n this.onerror('There was a problem while fetching the icon. Please check the icon name and try again.');\n }\n }\n\n public override render() {\n return html`\n <div class=\"mdc-presence mdc-presence__${this.size}\">\n <mdc-icon\n class=\"mdc-presence-icon mdc-presence-icon__${this.currentIconType}\"\n name=\"${this.icon}\"\n size=\"${this.iconSize}\"\n @load=\"${this.handleOnLoad}\"\n @error=\"${this.handleOnError}\"\n ></mdc-icon>\n </div>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Presence;\n", "import Presence from './presence.component';\nimport { TAG_NAME } from './presence.constants';\nimport '../icon';\n\nPresence.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-presence']: Presence\n }\n}\n\nexport default Presence;\n", "import { css } from 'lit';\n\nexport const fontsStyles = css`\n :host([tagname])::part(text) {\n font-size: unset;\n font-weight: unset;\n line-height: unset;\n text-decoration: unset;\n text-transform: unset;\n }\n\n :host([type=\"headline-small-regular\"]) {\n font-size: var(--mds-font-apps-headline-small-regular-font-size);\n font-weight: var(--mds-font-apps-headline-small-regular-font-weight);\n line-height: var(--mds-font-apps-headline-small-regular-line-height);\n text-decoration: var(--mds-font-apps-headline-small-regular-text-decoration);\n text-transform: var(--mds-font-apps-headline-small-regular-text-case);\n }\n\n :host([type=\"headline-small-light\"]) {\n font-size: var(--mds-font-apps-headline-small-light-font-size);\n font-weight: var(--mds-font-apps-headline-small-light-font-weight);\n line-height: var(--mds-font-apps-headline-small-light-line-height);\n text-decoration: var(--mds-font-apps-headline-small-light-text-decoration);\n text-transform: var(--mds-font-apps-headline-small-light-text-case);\n }\n\n :host([type=\"heading-xlarge-bold\"]) {\n font-size: var(--mds-font-apps-heading-xlarge-bold-font-size);\n font-weight: var(--mds-font-apps-heading-xlarge-bold-font-weight);\n line-height: var(--mds-font-apps-heading-xlarge-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-xlarge-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-xlarge-bold-text-case);\n }\n \n :host([type=\"heading-xlarge-medium\"]) {\n font-size: var(--mds-font-apps-heading-xlarge-medium-font-size);\n font-weight: var(--mds-font-apps-heading-xlarge-medium-font-weight);\n line-height: var(--mds-font-apps-heading-xlarge-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-xlarge-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-xlarge-medium-text-case);\n }\n \n :host([type=\"heading-xlarge-regular\"]) {\n font-size: var(--mds-font-apps-heading-xlarge-regular-font-size);\n font-weight: var(--mds-font-apps-heading-xlarge-regular-font-weight);\n line-height: var(--mds-font-apps-heading-xlarge-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-xlarge-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-xlarge-regular-text-case);\n }\n\n :host([type=\"heading-large-bold\"]) {\n font-size: var(--mds-font-apps-heading-large-bold-font-size);\n font-weight: var(--mds-font-apps-heading-large-bold-font-weight);\n line-height: var(--mds-font-apps-heading-large-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-large-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-large-bold-text-case);\n }\n \n :host([type=\"heading-large-medium\"]) {\n font-size: var(--mds-font-apps-heading-large-medium-font-size);\n font-weight: var(--mds-font-apps-heading-large-medium-font-weight);\n line-height: var(--mds-font-apps-heading-large-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-large-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-large-medium-text-case);\n }\n \n :host([type=\"heading-large-regular\"]) {\n font-size: var(--mds-font-apps-heading-large-regular-font-size);\n font-weight: var(--mds-font-apps-heading-large-regular-font-weight);\n line-height: var(--mds-font-apps-heading-large-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-large-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-large-regular-text-case);\n }\n\n :host([type=\"heading-midsize-bold\"]) {\n font-size: var(--mds-font-apps-heading-midsize-bold-font-size);\n font-weight: var(--mds-font-apps-heading-midsize-bold-font-weight);\n line-height: var(--mds-font-apps-heading-midsize-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-midsize-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-midsize-bold-text-case);\n }\n \n :host([type=\"heading-midsize-medium\"]) {\n font-size: var(--mds-font-apps-heading-midsize-medium-font-size);\n font-weight: var(--mds-font-apps-heading-midsize-medium-font-weight);\n line-height: var(--mds-font-apps-heading-midsize-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-midsize-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-midsize-medium-text-case);\n }\n \n :host([type=\"heading-midsize-regular\"]) {\n font-size: var(--mds-font-apps-heading-midsize-regular-font-size);\n font-weight: var(--mds-font-apps-heading-midsize-regular-font-weight);\n line-height: var(--mds-font-apps-heading-midsize-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-midsize-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-midsize-regular-text-case);\n }\n\n :host([type=\"heading-small-bold\"]) {\n font-size: var(--mds-font-apps-heading-small-bold-font-size);\n font-weight: var(--mds-font-apps-heading-small-bold-font-weight);\n line-height: var(--mds-font-apps-heading-small-bold-line-height);\n text-decoration: var(--mds-font-apps-heading-small-bold-text-decoration);\n text-transform: var(--mds-font-apps-heading-small-bold-text-case);\n }\n \n :host([type=\"heading-small-medium\"]) {\n font-size: var(--mds-font-apps-heading-small-medium-font-size);\n font-weight: var(--mds-font-apps-heading-small-medium-font-weight);\n line-height: var(--mds-font-apps-heading-small-medium-line-height);\n text-decoration: var(--mds-font-apps-heading-small-medium-text-decoration);\n text-transform: var(--mds-font-apps-heading-small-medium-text-case);\n }\n \n :host([type=\"heading-small-regular\"]) {\n font-size: var(--mds-font-apps-heading-small-regular-font-size);\n font-weight: var(--mds-font-apps-heading-small-regular-font-weight);\n line-height: var(--mds-font-apps-heading-small-regular-line-height);\n text-decoration: var(--mds-font-apps-heading-small-regular-text-decoration);\n text-transform: var(--mds-font-apps-heading-small-regular-text-case);\n }\n\n :host([type=\"body-large-bold\"]) {\n font-size: var(--mds-font-apps-body-large-bold-font-size);\n font-weight: var(--mds-font-apps-body-large-bold-font-weight);\n line-height: var(--mds-font-apps-body-large-bold-line-height);\n text-decoration: var(--mds-font-apps-body-large-bold-text-decoration);\n text-transform: var(--mds-font-apps-body-large-bold-text-case);\n }\n \n :host([type=\"body-large-medium-underline\"]) {\n font-size: var(--mds-font-apps-body-large-medium-underline-font-size);\n font-weight: var(--mds-font-apps-body-large-medium-underline-font-weight);\n line-height: var(--mds-font-apps-body-large-medium-underline-line-height);\n text-decoration: var(--mds-font-apps-body-large-medium-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-large-medium-underline-text-case);\n }\n \n :host([type=\"body-large-medium\"]) {\n font-size: var(--mds-font-apps-body-large-medium-font-size);\n font-weight: var(--mds-font-apps-body-large-medium-font-weight);\n line-height: var(--mds-font-apps-body-large-medium-line-height);\n text-decoration: var(--mds-font-apps-body-large-medium-text-decoration);\n text-transform: var(--mds-font-apps-body-large-medium-text-case);\n }\n \n :host([type=\"body-large-regular-underline\"]) {\n font-size: var(--mds-font-apps-body-large-regular-underline-font-size);\n font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);\n line-height: var(--mds-font-apps-body-large-regular-underline-line-height);\n text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);\n }\n \n :host([type=\"body-large-regular\"]) {\n font-size: var(--mds-font-apps-body-large-regular-font-size);\n font-weight: var(--mds-font-apps-body-large-regular-font-weight);\n line-height: var(--mds-font-apps-body-large-regular-line-height);\n text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);\n text-transform: var(--mds-font-apps-body-large-regular-text-case);\n }\n\n :host([type=\"body-midsize-bold\"]) {\n font-size: var(--mds-font-apps-body-midsize-bold-font-size);\n font-weight: var(--mds-font-apps-body-midsize-bold-font-weight);\n line-height: var(--mds-font-apps-body-midsize-bold-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-bold-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-bold-text-case);\n }\n \n :host([type=\"body-midsize-medium-underline\"]) {\n font-size: var(--mds-font-apps-body-midsize-medium-underline-font-size);\n font-weight: var(--mds-font-apps-body-midsize-medium-underline-font-weight);\n line-height: var(--mds-font-apps-body-midsize-medium-underline-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-medium-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-medium-underline-text-case);\n }\n \n :host([type=\"body-midsize-medium\"]) {\n font-size: var(--mds-font-apps-body-midsize-medium-font-size);\n font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);\n line-height: var(--mds-font-apps-body-midsize-medium-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-medium-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-medium-text-case);\n }\n \n :host([type=\"body-midsize-regular-underline\"]) {\n font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);\n font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);\n line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);\n }\n \n :host([type=\"body-midsize-regular\"]) {\n font-size: var(--mds-font-apps-body-midsize-regular-font-size);\n font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);\n line-height: var(--mds-font-apps-body-midsize-regular-line-height);\n text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);\n text-transform: var(--mds-font-apps-body-midsize-regular-text-case);\n }\n\n :host([type=\"body-small-bold\"]) {\n font-size: var(--mds-font-apps-body-small-bold-font-size);\n font-weight: var(--mds-font-apps-body-small-bold-font-weight);\n line-height: var(--mds-font-apps-body-small-bold-line-height);\n text-decoration: var(--mds-font-apps-body-small-bold-text-decoration);\n text-transform: var(--mds-font-apps-body-small-bold-text-case);\n }\n \n :host([type=\"body-small-medium-underline\"]) {\n font-size: var(--mds-font-apps-body-small-medium-underline-font-size);\n font-weight: var(--mds-font-apps-body-small-medium-underline-font-weight);\n line-height: var(--mds-font-apps-body-small-medium-underline-line-height);\n text-decoration: var(--mds-font-apps-body-small-medium-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-small-medium-underline-text-case);\n }\n \n :host([type=\"body-small-medium\"]) {\n font-size: var(--mds-font-apps-body-small-medium-font-size);\n font-weight: var(--mds-font-apps-body-small-medium-font-weight);\n line-height: var(--mds-font-apps-body-small-medium-line-height);\n text-decoration: var(--mds-font-apps-body-small-medium-text-decoration);\n text-transform: var(--mds-font-apps-body-small-medium-text-case);\n }\n \n :host([type=\"body-small-regular-underline\"]) {\n font-size: var(--mds-font-apps-body-small-regular-underline-font-size);\n font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);\n line-height: var(--mds-font-apps-body-small-regular-underline-line-height);\n text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);\n text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);\n }\n \n :host([type=\"body-small-regular\"]) {\n font-size: var(--mds-font-apps-body-small-regular-font-size);\n font-weight: var(--mds-font-apps-body-small-regular-font-weight);\n line-height: var(--mds-font-apps-body-small-regular-line-height);\n text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);\n text-transform: var(--mds-font-apps-body-small-regular-text-case);\n }\n`;\n", "import { css } from 'lit';\nimport { fontsStyles } from './fonts.styles';\n\nconst styles = [\n css`\n :host {\n --mdc-text-font-family: var(--mdc-themeprovider-font-family);\n\n display: block;\n font-family: var(--mdc-text-font-family);\n }\n `,\n // type specific font styles:\n fontsStyles,\n];\n\nexport default styles;\n", "import { CSSResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './text.styles';\nimport { Component } from '../../models';\nimport { DEFAULTS, VALID_TEXT_TAGS } from './text.constants';\nimport type { TextType, TagName } from './text.types';\n\n/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */\nclass Text extends Component {\n /**\n * Specifies the text style to be applied.\n *\n * Acceptable values include:\n *\n * - 'body-small-regular'\n * - 'body-small-medium'\n * - 'body-small-bold'\n * - 'body-midsize-regular'\n * - 'body-midsize-medium'\n * - 'body-midsize-bold'\n * - 'body-large-regular'\n * - 'body-large-medium'\n * - 'body-large-bold'\n * - 'body-small-regular-underline'\n * - 'body-small-medium-underline'\n * - 'body-midsize-regular-underline'\n * - 'body-midsize-medium-underline'\n * - 'body-large-regular-underline'\n * - 'body-large-medium-underline'\n * - 'heading-small-regular'\n * - 'heading-small-medium'\n * - 'heading-small-bold'\n * - 'heading-midsize-regular'\n * - 'heading-midsize-medium'\n * - 'heading-midsize-bold'\n * - 'heading-large-regular'\n * - 'heading-large-medium'\n * - 'heading-large-bold'\n * - 'heading-xlarge-regular'\n * - 'heading-xlarge-medium'\n * - 'heading-xlarge-bold'\n * - 'headline-small-light'\n * - 'headline-small-regular'\n * @default body-large-regular\n */\n @property({ attribute: 'type', reflect: true, type: String })\n public type: TextType = DEFAULTS.TYPE;\n\n /**\n * Specifies the HTML tag name for the text element. The default tag name is `p`.\n * This attribute is optional. When set, it changes the tag name of the text element.\n *\n * Acceptable values include:\n *\n * - 'h1'\n * - 'h2'\n * - 'h3'\n * - 'h4'\n * - 'h5'\n * - 'h6'\n * - 'p'\n * - 'small'\n * - 'span'\n * - 'div'\n *\n * For instance, setting this attribute to `h2` will render the text element as an `h2` element.\n * Note that the styling is determined by the `type` attribute.\n */\n @property({ attribute: 'tagname', reflect: true, type: String })\n public tagname?: TagName = DEFAULTS.TEXT_ELEMENT_TAGNAME;\n\n public override render() {\n // Lit does not support dynamically changing values for the tag name of a custom element.\n // Read more: https://lit.dev/docs/templates/expressions/#invalid-locations\n switch (this.tagname) {\n case VALID_TEXT_TAGS.H1: return html`<h1 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h1>`;\n case VALID_TEXT_TAGS.H2: return html`<h2 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h2>`;\n case VALID_TEXT_TAGS.H3: return html`<h3 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h3>`;\n case VALID_TEXT_TAGS.H4: return html`<h4 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h4>`;\n case VALID_TEXT_TAGS.H5: return html`<h5 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h5>`;\n case VALID_TEXT_TAGS.H6: return html`<h6 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h6>`;\n case VALID_TEXT_TAGS.DIV: return html`<div part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></div>`;\n case VALID_TEXT_TAGS.SPAN: return html`<span part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></span>`;\n case VALID_TEXT_TAGS.SMALL: return html`<small part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></small>`;\n case VALID_TEXT_TAGS.P:\n default: return html`<p part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></p>`;\n }\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Text;\n", "import Text from './text.component';\nimport { TAG_NAME } from './text.constants';\n\nText.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-text']: Text\n }\n}\n\nexport default Text;\n", "import Avatar from './avatar.component';\nimport { TAG_NAME } from './avatar.constants';\nimport '../icon';\nimport '../presence';\nimport '../text';\n\nAvatar.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-avatar']: Avatar\n }\n}\n\nexport default Avatar;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {Disconnectable, Part} from './lit-html.js';\n\nexport {\n AttributePart,\n BooleanAttributePart,\n ChildPart,\n ElementPart,\n EventPart,\n Part,\n PropertyPart,\n} from './lit-html.js';\n\nexport interface DirectiveClass {\n new (part: PartInfo): Directive;\n}\n\n/**\n * This utility type extracts the signature of a directive class's render()\n * method so we can use it for the type of the generated directive function.\n */\nexport type DirectiveParameters<C extends Directive> = Parameters<C['render']>;\n\n/**\n * A generated directive function doesn't evaluate the directive, but just\n * returns a DirectiveResult object that captures the arguments.\n */\nexport interface DirectiveResult<C extends DirectiveClass = DirectiveClass> {\n /**\n * This property needs to remain unminified.\n * @internal\n */\n ['_$litDirective$']: C;\n /** @internal */\n values: DirectiveParameters<InstanceType<C>>;\n}\n\nexport const PartType = {\n ATTRIBUTE: 1,\n CHILD: 2,\n PROPERTY: 3,\n BOOLEAN_ATTRIBUTE: 4,\n EVENT: 5,\n ELEMENT: 6,\n} as const;\n\nexport type PartType = (typeof PartType)[keyof typeof PartType];\n\nexport interface ChildPartInfo {\n readonly type: typeof PartType.CHILD;\n}\n\nexport interface AttributePartInfo {\n readonly type:\n | typeof PartType.ATTRIBUTE\n | typeof PartType.PROPERTY\n | typeof PartType.BOOLEAN_ATTRIBUTE\n | typeof PartType.EVENT;\n readonly strings?: ReadonlyArray<string>;\n readonly name: string;\n readonly tagName: string;\n}\n\nexport interface ElementPartInfo {\n readonly type: typeof PartType.ELEMENT;\n}\n\n/**\n * Information about the part a directive is bound to.\n *\n * This is useful for checking that a directive is attached to a valid part,\n * such as with directive that can only be used on attribute bindings.\n */\nexport type PartInfo = ChildPartInfo | AttributePartInfo | ElementPartInfo;\n\n/**\n * Creates a user-facing directive function from a Directive class. This\n * function has the same parameters as the directive's render() method.\n */\nexport const directive =\n <C extends DirectiveClass>(c: C) =>\n (...values: DirectiveParameters<InstanceType<C>>): DirectiveResult<C> => ({\n // This property needs to remain unminified.\n ['_$litDirective$']: c,\n values,\n });\n\n/**\n * Base class for creating custom directives. Users should extend this class,\n * implement `render` and/or `update`, and then pass their subclass to\n * `directive`.\n */\nexport abstract class Directive implements Disconnectable {\n //@internal\n __part!: Part;\n //@internal\n __attributeIndex: number | undefined;\n //@internal\n __directive?: Directive;\n\n //@internal\n _$parent!: Disconnectable;\n\n // These will only exist on the AsyncDirective subclass\n //@internal\n _$disconnectableChildren?: Set<Disconnectable>;\n // This property needs to remain unminified.\n //@internal\n ['_$notifyDirectiveConnectionChanged']?(isConnected: boolean): void;\n\n constructor(_partInfo: PartInfo) {}\n\n // See comment in Disconnectable interface for why this is a getter\n get _$isConnected() {\n return this._$parent._$isConnected;\n }\n\n /** @internal */\n _$initialize(\n part: Part,\n parent: Disconnectable,\n attributeIndex: number | undefined,\n ) {\n this.__part = part;\n this._$parent = parent;\n this.__attributeIndex = attributeIndex;\n }\n /** @internal */\n _$resolve(part: Part, props: Array<unknown>): unknown {\n return this.update(part, props);\n }\n\n abstract render(...props: Array<unknown>): unknown;\n\n update(_part: Part, props: Array<unknown>): unknown {\n return this.render(...props);\n }\n}\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n directive,\n Directive,\n DirectiveParameters,\n PartInfo,\n PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of class names to truthy values.\n */\nexport interface ClassInfo {\n readonly [name: string]: string | boolean | number;\n}\n\nclass ClassMapDirective extends Directive {\n /**\n * Stores the ClassInfo object applied to a given AttributePart.\n * Used to unset existing values when a new ClassInfo object is applied.\n */\n private _previousClasses?: Set<string>;\n private _staticClasses?: Set<string>;\n\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (\n partInfo.type !== PartType.ATTRIBUTE ||\n partInfo.name !== 'class' ||\n (partInfo.strings?.length as number) > 2\n ) {\n throw new Error(\n '`classMap()` can only be used in the `class` attribute ' +\n 'and must be the only part in the attribute.',\n );\n }\n }\n\n render(classInfo: ClassInfo) {\n // Add spaces to ensure separation from static classes\n return (\n ' ' +\n Object.keys(classInfo)\n .filter((key) => classInfo[key])\n .join(' ') +\n ' '\n );\n }\n\n override update(part: AttributePart, [classInfo]: DirectiveParameters<this>) {\n // Remember dynamic classes on the first render\n if (this._previousClasses === undefined) {\n this._previousClasses = new Set();\n if (part.strings !== undefined) {\n this._staticClasses = new Set(\n part.strings\n .join(' ')\n .split(/\\s/)\n .filter((s) => s !== ''),\n );\n }\n for (const name in classInfo) {\n if (classInfo[name] && !this._staticClasses?.has(name)) {\n this._previousClasses.add(name);\n }\n }\n return this.render(classInfo);\n }\n\n const classList = part.element.classList;\n\n // Remove old classes that no longer apply\n for (const name of this._previousClasses) {\n if (!(name in classInfo)) {\n classList.remove(name);\n this._previousClasses!.delete(name);\n }\n }\n\n // Add or remove classes based on their classMap value\n for (const name in classInfo) {\n // We explicitly want a loose truthy check of `value` because it seems\n // more convenient that '' and 0 are skipped.\n const value = !!classInfo[name];\n if (\n value !== this._previousClasses.has(name) &&\n !this._staticClasses?.has(name)\n ) {\n if (value) {\n classList.add(name);\n this._previousClasses.add(name);\n } else {\n classList.remove(name);\n this._previousClasses.delete(name);\n }\n }\n }\n return noChange;\n }\n}\n\n/**\n * A directive that applies dynamic CSS classes.\n *\n * This must be used in the `class` attribute and must be the only part used in\n * the attribute. It takes each property in the `classInfo` argument and adds\n * the property name to the element's `classList` if the property value is\n * truthy; if the property value is falsy, the property name is removed from\n * the element's `class`.\n *\n * For example `{foo: bar}` applies the class `foo` if the value of `bar` is\n * truthy.\n *\n * @param classInfo\n */\nexport const classMap = directive(ClassMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {ClassMapDirective};\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('badge');\n\nconst TYPE = {\n DOT: 'dot',\n ICON: 'icon',\n COUNTER: 'counter',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n\nconst ICON_NAMES_LIST = {\n SUCCESS_ICON_NAME: 'check-circle-badge-filled',\n WARNING_ICON_NAME: 'warning-badge-filled',\n ERROR_ICON_NAME: 'error-legacy-badge-filled',\n} as const;\n\nconst ICON_VARIANT = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n} as const;\n\nconst ICON_STATE = {\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n} as const;\n\nconst BACKGROUND_STYLES = {\n ...ICON_VARIANT,\n ...ICON_STATE,\n} as const;\n\nconst DEFAULTS = {\n TYPE: TYPE.DOT,\n MAX_COUNTER: 99,\n MAX_COUNTER_LIMIT: 999,\n VARIANT: ICON_VARIANT.PRIMARY,\n ICON_SIZE: 1,\n} as const;\n\nexport { TAG_NAME, DEFAULTS, TYPE, ICON_STATE, ICON_VARIANT, ICON_NAMES_LIST, BACKGROUND_STYLES };\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\nconst styles = [\n hostFitContentStyles,\n css`\n :host {\n --mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);\n\n --mdc-badge-secondary-foreground-color: var(--mds-color-theme-text-secondary-normal);\n --mdc-badge-secondary-background-color: var(--mds-color-theme-background-alert-default-normal);\n\n --mdc-badge-success-foreground-color: var(--mds-color-theme-text-success-normal);\n --mdc-badge-success-background-color: var(--mds-color-theme-background-alert-success-normal);\n \n --mdc-badge-warning-foreground-color: var(--mds-color-theme-text-warning-normal);\n --mdc-badge-warning-background-color: var(--mds-color-theme-background-alert-warning-normal);\n \n --mdc-badge-error-foreground-color: var(--mds-color-theme-text-error-normal);\n --mdc-badge-error-background-color: var(--mds-color-theme-background-alert-error-normal);\n \n --mdc-badge-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);\n \n color: var(--mdc-badge-primary-foreground-color);\n }\n .mdc-badge-overlay {\n outline: 0.0625rem solid var(--mdc-badge-overlay-background-color);\n }\n .mdc-badge-text {\n padding: 0 0.25rem;\n border-radius: 6.25rem;\n min-width: 1rem;\n display: flex;\n justify-content: center;\n background-color: var(--mdc-badge-primary-background-color);\n }\n .mdc-badge-dot {\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 50%;\n background-color: var(--mdc-badge-primary-background-color);\n }\n .mdc-badge-icon {\n padding: 2px;\n border-radius: 50%;\n }\n .mdc-badge-icon__primary {\n background-color: var(--mdc-badge-primary-background-color);\n color: var(--mdc-badge-primary-foreground-color);\n }\n .mdc-badge-icon__success {\n background-color: var(--mdc-badge-success-background-color);\n color: var(--mdc-badge-success-foreground-color);\n }\n .mdc-badge-icon__warning {\n background-color: var(--mdc-badge-warning-background-color);\n color: var(--mdc-badge-warning-foreground-color);\n }\n .mdc-badge-icon__error {\n background-color: var(--mdc-badge-error-background-color);\n color: var(--mdc-badge-error-foreground-color);\n }\n .mdc-badge-icon__secondary {\n background-color: var(--mdc-badge-secondary-background-color);\n color: var(--mdc-badge-secondary-foreground-color);\n }\n\n /* High Contrast Mode */\n @media (forced-colors: active) {\n .mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {\n outline: 0.125rem solid;\n }\n }\n `,\n];\n\nexport default styles;\n", "import { CSSResult, html, PropertyValues, TemplateResult } from 'lit';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { Component } from '../../models';\nimport { TYPE as FONT_TYPE, VALID_TEXT_TAGS } from '../text/text.constants';\nimport { TYPE as BADGE_TYPE, ICON_NAMES_LIST, DEFAULTS, ICON_VARIANT, ICON_STATE } from './badge.constants';\nimport styles from './badge.styles';\nimport type { IconNames } from '../icon/icon.types';\nimport type { IconVariant, BadgeType } from './badge.types';\n/**\n * The `mdc-badge` component is a versatile UI element used to\n * display dot, icons, counters, success, warning and error type badge.\n *\n * Supported badge types:\n * - `dot`: Displays a dot notification badge with a blue color.\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\n * - `success`: Displays a success badge with a check circle icon and green color.\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\n * - `error`: Displays a error badge with a error legacy icon and red color.\n *\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\n *\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @tagname mdc-badge\n */\nclass Badge extends Component {\n /**\n * Type of the badge\n * Can be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.\n */\n @property({ type: String, reflect: true })\n type?: BadgeType;\n\n /**\n * Name of the icon (= filename).\n *\n * If no `icon-name` is provided, no icon will be rendered.\n */\n @property({ type: String, attribute: 'icon-name' })\n iconName?: IconNames;\n\n /**\n * Type of the variant can be `primary` or `secondary`.\n * It defines the background and foreground color of the icon.\n * @default primary\n */\n @property({ type: String, reflect: true })\n variant: IconVariant = DEFAULTS.VARIANT;\n\n /**\n * Counter is the number which can be provided in the badge.\n */\n @property({ type: Number })\n counter?: number;\n\n /**\n * The maximum number can be set up to 999, anything above that will be rendered as _999+_.\n * The max counter can be `9`, `99` or `999`.\n * @default 99\n */\n @property({ type: Number, attribute: 'max-counter', reflect: true })\n maxCounter: number = DEFAULTS.MAX_COUNTER;\n\n /**\n * Overlay is to add a thin outline to the badge.\n * This will help distinguish between the badge and the button,\n * where the badge will be layered on top of a button.\n * @default false\n */\n @property({ type: Boolean })\n overlay = false;\n\n /**\n * Aria-label attribute to be set for accessibility\n * @default null\n */\n @property({ type: String, attribute: 'aria-label' })\n override ariaLabel: string | null = null;\n\n /**\n * If `type` is set to `counter` and if `counter` is greater than `maxCounter`,\n * then it will return a string the maxCounter value as string.\n * Otherwise, it will return a string representation of `counter`.\n * If `counter` is not a number, it will return an empty string.\n * @param maxCounter - the maximum limit which can be displayed on the badge\n * @param counter - the number to be displayed on the badge\n * @returns the string representation of the counter\n */\n private getCounterText(maxCounter: number, counter?: number): string {\n if (counter === undefined || typeof counter !== 'number' || maxCounter === 0) {\n return '';\n }\n if (counter > maxCounter) {\n return `${maxCounter}+`;\n }\n // At any given time, the max limit should not cross 999.\n if (maxCounter > DEFAULTS.MAX_COUNTER_LIMIT || counter > DEFAULTS.MAX_COUNTER_LIMIT) {\n return `${DEFAULTS.MAX_COUNTER_LIMIT}+`;\n }\n return counter.toString();\n }\n\n /**\n * Method to generate the badge icon.\n * @param iconName - the name of the icon from the icon set\n * @param backgroundClassPostfix - postfix for the class to style the badge icon.\n * @returns the template result of the icon.\n */\n private getBadgeIcon(iconName: string, backgroundClassPostfix: string): TemplateResult {\n return html`\n <mdc-icon\n class=\"mdc-badge-icon ${classMap({\n 'mdc-badge-overlay': this.overlay,\n [`mdc-badge-icon__${backgroundClassPostfix}`]: true,\n })}\"\n name=\"${ifDefined(iconName as IconNames)}\"\n size=\"${DEFAULTS.ICON_SIZE}\"\n ></mdc-icon>\n `;\n }\n\n /**\n * Method to generate the badge dot template.\n * @returns the template result of the dot with mdc-badge-dot class.\n */\n private getBadgeDot(): TemplateResult {\n return html`<div class=\"mdc-badge-dot ${classMap({ 'mdc-badge-overlay': this.overlay })}\"></div>`;\n }\n\n /**\n * Method to generate the badge text and counter template.\n * @returns the template result of the text.\n */\n private getBadgeCounterText(): TemplateResult {\n return html`\n <mdc-text\n type=\"${FONT_TYPE.BODY_SMALL_MEDIUM}\"\n tagname=\"${VALID_TEXT_TAGS.DIV}\"\n class=\"mdc-badge-text ${classMap({ 'mdc-badge-overlay': this.overlay })}\"\n >\n ${this.getCounterText(this.maxCounter, this.counter)}\n </mdc-text>\n `;\n }\n\n /**\n * Method to set the role based on the aria-label provided.\n * If the aria-label is provided, the role of the element will be 'img'.\n * Otherwise, the role will be null.\n */\n private setRoleByAriaLabel(): void {\n if (this.ariaLabel) {\n this.role = 'img';\n } else {\n this.role = null;\n }\n }\n\n /**\n * Generates the badge content based on the badge type.\n * Utilizes various helper methods to create the appropriate badge template based on the\n * current badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'\n * types, returning the corresponding template result for each type.\n * @returns the TemplateResult for the current badge type.\n */\n private getBadgeContentBasedOnType(): TemplateResult {\n if (this.variant && !Object.values(ICON_VARIANT).includes(this.variant)) {\n this.variant = DEFAULTS.VARIANT;\n }\n const { iconName, type, variant } = this;\n switch (type) {\n case BADGE_TYPE.ICON:\n return this.getBadgeIcon(iconName || '', variant);\n case BADGE_TYPE.COUNTER:\n return this.getBadgeCounterText();\n case BADGE_TYPE.SUCCESS:\n return this.getBadgeIcon(ICON_NAMES_LIST.SUCCESS_ICON_NAME, ICON_STATE.SUCCESS);\n case BADGE_TYPE.WARNING:\n return this.getBadgeIcon(ICON_NAMES_LIST.WARNING_ICON_NAME, ICON_STATE.WARNING);\n case BADGE_TYPE.ERROR:\n return this.getBadgeIcon(ICON_NAMES_LIST.ERROR_ICON_NAME, ICON_STATE.ERROR);\n case BADGE_TYPE.DOT:\n default:\n this.type = BADGE_TYPE.DOT;\n return this.getBadgeDot();\n }\n }\n\n public override update(changedProperties: PropertyValues): void {\n super.update(changedProperties);\n\n if (changedProperties.has('ariaLabel')) {\n this.setRoleByAriaLabel();\n }\n }\n\n public override render() {\n return this.getBadgeContentBasedOnType();\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Badge;\n", "import Badge from './badge.component';\nimport { TAG_NAME } from './badge.constants';\nimport '../icon';\nimport '../text';\n\nBadge.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-badge']: Badge\n }\n}\n\nexport default Badge;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n background-color: transparent;\n border-radius: 1.25rem;\n font-weight: var(--mds-font-apps-body-large-medium-font-weight);\n outline: none;\n\n --mdc-button-primary-color: var(--mds-color-theme-inverted-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-primary-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-primary-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-primary-pressed);\n --mdc-button-primary-disabled-background-color: var(--mds-color-theme-button-primary-disabled);\n --mdc-button-primary-disabled-color: var(--mds-color-theme-text-primary-disabled);\n \n --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-button-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n --mdc-button-secondary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);\n --mdc-button-secondary-disabled-color: var(--mds-color-theme-text-primary-disabled);\n --mdc-button-secondary-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);\n\n --mdc-button-tertiary-color: var(--mds-color-theme-text-primary-normal);\n --mdc-button-tertiary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-tertiary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n --mdc-button-tertiary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);\n --mdc-button-tertiary-disabled-color: var(--mds-color-theme-text-primary-disabled);\n\n --mdc-button-line-height-size-40: var(--mds-font-lineheight-body-large);\n --mdc-button-line-height-size-32: var(--mds-font-lineheight-body-large);\n --mdc-button-line-height-size-28: var(--mds-font-lineheight-body-midsize);\n --mdc-button-line-height-size-24: var(--mds-font-lineheight-body-small);\n }\n\n :host([active]){\n font-weight: var(--mds-font-apps-body-large-bold-font-weight);\n }\n\n :host([variant=\"primary\"]){\n background: var(--mdc-button-primary-background-color);\n color: var(--mdc-button-primary-color);\n }\n :host([variant=\"primary\"]:hover){\n background: var(--mdc-button-primary-hover-background-color);\n }\n :host([variant=\"primary\"]:active), :host([variant=\"primary\"].pressed){\n background: var(--mdc-button-primary-pressed-background-color);\n }\n :host([variant=\"primary\"][disabled]), :host([variant=\"primary\"][soft-disabled]){\n background: var(--mdc-button-primary-disabled-background-color);\n color: var(--mdc-button-primary-disabled-color);\n cursor: auto;\n }\n\n :host([variant=\"secondary\"]){\n color: var(--mdc-button-secondary-color);\n border-color: var(--mdc-button-secondary-border-color);\n }\n :host([variant=\"secondary\"]:hover){\n background: var(--mdc-button-secondary-hover-background-color);\n }\n :host([variant=\"secondary\"]:active), :host([variant=\"secondary\"].pressed){\n background: var(--mdc-button-secondary-pressed-background-color);\n }\n :host([variant=\"secondary\"][disabled]),\n :host([variant=\"secondary\"][soft-disabled]){\n color: var(--mdc-button-primary-disabled-color);\n border-color: var(--mdc-button-secondary-disabled-border-color);\n background: var(--mdc-button-secondary-disabled-background-color);\n cursor: auto;\n }\n\n :host([variant=\"tertiary\"]){\n border-color: transparent;\n color: var(--mdc-button-tertiary-color);\n }\n :host([variant=\"tertiary\"]:hover){\n background: var(--mdc-button-tertiary-hover-background-color);\n }\n :host([variant=\"tertiary\"]:active), :host([variant=\"tertiary\"].pressed){\n background: var(--mdc-button-tertiary-pressed-background-color);\n }\n :host([variant=\"tertiary\"][disabled]), \n :host([variant=\"tertiary\"][soft-disabled]){\n color: var(--mdc-button-tertiary-disabled-color);\n background: var(--mdc-button-tertiary-disabled-background-color);\n cursor: auto;\n }\n\n :host([size=\"64\"][data-btn-type='icon']), \n :host([size=\"52\"][data-btn-type='icon']), \n :host([size=\"40\"][data-btn-type='icon']), \n :host([size=\"32\"][data-btn-type='icon']),\n :host([size=\"28\"][data-btn-type='icon']),\n :host([size=\"24\"][data-btn-type='icon']){\n border-radius: 6.25rem;\n aspect-ratio: 1;\n padding: unset;\n }\n :host([size=\"40\"]){\n font-size: var(--mds-font-size-body-large);\n line-height: var(--mdc-button-line-height-size-40);\n padding: 0 1rem;\n gap: 0.5rem;\n }\n :host([size=\"32\"]){\n font-size: var(--mds-font-size-body-large);\n line-height: var(--mdc-button-line-height-size-32);\n padding: 0 0.75rem;\n gap: 0.375rem;\n }\n :host([size=\"28\"]){\n font-size: var(--mds-font-size-body-midsize);\n line-height: var(--mdc-button-line-height-size-28);\n padding: 0 0.75rem;\n gap: 0.375rem;\n }\n :host([size=\"24\"]){\n font-size: var(--mds-font-size-body-small);\n line-height: var(--mdc-button-line-height-size-24);\n padding: 0 0.625rem;\n gap: 0.25rem;\n }\n :host([size=\"20\"]){\n padding: 0.0625rem;\n }\n\n :host([color=\"accent\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-accent-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-accent-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-accent-pressed);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-accent-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-theme-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n :host([color=\"positive\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-join-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-join-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-join-pressed);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-success-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-join-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n :host([color=\"negative\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-button-cancel-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-cancel-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-cancel-pressed);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-error-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-cancel-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n :host([color=\"promotional\"]){\n --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\n --mdc-button-primary-background-color: var(--mds-color-theme-common-button-promotion-normal);\n --mdc-button-primary-hover-background-color: var(--mds-color-theme-common-button-promotion-hover);\n --mdc-button-primary-pressed-background-color: var(--mds-color-theme-common-button-promotion-active);\n\n --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);\n --mdc-button-secondary-border-color: var(--mds-color-theme-outline-promotion-normal);\n --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\n --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\n }\n`;\n\nexport default [styles];\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('buttonsimple');\n\nconst BUTTON_SIZES = {\n 20: 20,\n 24: 24,\n 28: 28,\n 32: 32,\n 40: 40,\n 48: 48,\n 52: 52,\n 64: 64,\n 72: 72,\n 88: 88,\n 124: 124,\n} as const;\n\nconst BUTTON_TYPE = {\n BUTTON: 'button',\n SUBMIT: 'submit',\n RESET: 'reset',\n} as const;\n\nconst DEFAULTS = {\n SIZE: BUTTON_SIZES[32],\n TYPE: BUTTON_TYPE.BUTTON,\n ROLE: 'button',\n};\n\nexport {\n TAG_NAME,\n DEFAULTS,\n BUTTON_TYPE,\n BUTTON_SIZES,\n};\n", "import utils from '../../utils/tag-name';\nimport { BUTTON_TYPE } from '../buttonsimple/buttonsimple.constants';\n\nconst TAG_NAME = utils.constructTagName('button');\n\nconst BUTTON_VARIANTS = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n TERTIARY: 'tertiary',\n} as const;\n\nconst PILL_BUTTON_SIZES = {\n 40: 40,\n 32: 32,\n 28: 28,\n 24: 24,\n} as const;\n\nconst ICON_BUTTON_SIZES = {\n 64: 64,\n 52: 52,\n 20: 20,\n ...PILL_BUTTON_SIZES,\n} as const;\n\nconst BUTTON_COLORS = {\n POSITIVE: 'positive',\n NEGATIVE: 'negative',\n ACCENT: 'accent',\n PROMOTIONAL: 'promotional',\n DEFAULT: 'default',\n} as const;\n\nconst BUTTON_TYPE_INTERNAL = {\n PILL: 'pill',\n ICON: 'icon',\n PILL_WITH_ICON: 'pill-with-icon',\n} as const;\n\nconst DEFAULTS = {\n VARIANT: BUTTON_VARIANTS.PRIMARY,\n SIZE: PILL_BUTTON_SIZES[32],\n COLOR: BUTTON_COLORS.DEFAULT,\n TYPE_INTERNAL: BUTTON_TYPE_INTERNAL.ICON,\n TYPE: BUTTON_TYPE.BUTTON,\n};\n\nexport {\n TAG_NAME,\n DEFAULTS,\n BUTTON_VARIANTS,\n PILL_BUTTON_SIZES,\n ICON_BUTTON_SIZES,\n BUTTON_COLORS,\n BUTTON_TYPE_INTERNAL,\n BUTTON_TYPE,\n};\n", "import { ICON_BUTTON_SIZES } from './button.constants';\nimport { IconButtonSize } from './button.types';\n\n/**\n * Returns the icon size multiplier based on the provided button size.\n *\n * @param size - The size of the button.\n * @returns The multiplier for the icon size.\n */\nconst getIconSize = (size: IconButtonSize): number => {\n switch (size) {\n case ICON_BUTTON_SIZES[64]: return 2;\n case ICON_BUTTON_SIZES[52]: return 1.75;\n case ICON_BUTTON_SIZES[40]: return 1.25;\n default: return 1;\n }\n};\n\n/**\n * Returns the name of the icon without the style suffix.\n *\n * @param iconName - The name of the icon.\n * @returns The name of the icon without the suffix.\n */\nconst getIconNameWithoutStyle = (iconName: string): string => {\n const iconParts = iconName.split('-');\n const variants = ['bold', 'filled', 'regular', 'light'];\n return iconParts.filter((part) => !variants.includes(part)).join('-');\n};\n\nexport { getIconSize, getIconNameWithoutStyle };\n", "import { css } from 'lit';\nimport { hostFitContentStyles, hostFocusRingStyles } from '../../utils/styles';\n\nconst styles = [hostFitContentStyles, css`\n :host {\n border: 0.0625rem solid transparent;\n cursor: pointer;\n \n background-color: var(--mds-color-theme-text-primary-normal); \n color: var(--mds-color-theme-inverted-text-secondary-normal);\n font-size: var(--mds-font-apps-body-midsize-regular-font-size);\n outline: none;\n\n --mdc-button-height-size-124: 7.75rem;\n --mdc-button-height-size-88: 5.5rem;\n --mdc-button-height-size-72: 4.5rem;\n --mdc-button-height-size-64: 4rem;\n --mdc-button-height-size-52: 3.25rem;\n --mdc-button-height-size-40: 2.5rem;\n --mdc-button-height-size-32: 2rem;\n --mdc-button-height-size-28: 1.75rem;\n --mdc-button-height-size-24: 1.5rem;\n --mdc-button-height-size-20: 1.25rem;\n }\n \n :host([disabled]), :host([soft-disabled]){\n background-color: var(--mds-color-theme-text-primary-disabled);\n }\n :host([size=\"124\"]){\n height: var(--mdc-button-height-size-124);\n }\n :host([size=\"88\"]){\n height: var(--mdc-button-height-size-88);\n }\n :host([size=\"72\"]){\n height: var(--mdc-button-height-size-72);\n }\n :host([size=\"64\"]){\n height: var(--mdc-button-height-size-64);\n }\n :host([size=\"52\"]){\n height: var(--mdc-button-height-size-52);\n }\n :host([size=\"40\"]){\n height: var(--mdc-button-height-size-40);\n }\n :host([size=\"32\"]){\n height: var(--mdc-button-height-size-32);\n }\n :host([size=\"28\"]){\n height: var(--mdc-button-height-size-28);\n font-size: var(--mds-font-size-body-midsize);\n }\n :host([size=\"24\"]){\n height: var(--mdc-button-height-size-24);\n }\n :host([size=\"20\"]){\n height: var(--mdc-button-height-size-20);\n }\n`, hostFocusRingStyles];\n\nexport default styles;\n", "import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './index.types';\n\nexport interface DisabledMixinInterface {\n disabled: boolean;\n}\n\nexport const DisabledMixin = <T extends Constructor<LitElement>>(\n superClass: T,\n) => {\n class InnerMixinClass extends superClass {\n /**\n * Indicates whether the component is disabled.\n * When the component is disabled for user interaction; it is not focusable or clickable.\n * @default false\n */\n @property({ reflect: true, type: Boolean }) disabled = false;\n }\n // Cast return type to your mixin's interface intersected with the superClass type\n return InnerMixinClass as Constructor<DisabledMixinInterface> & T;\n};\n", "import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './index.types';\n\nexport interface TabIndexMixinInterface {\n tabIndex: number;\n}\n\nexport const TabIndexMixin = <T extends Constructor<LitElement>>(\n superClass: T,\n) => {\n class InnerMixinClass extends superClass {\n /**\n * This property specifies the tab order of the element.\n * @default 0\n */\n @property({ reflect: true, type: Number }) override tabIndex = 0;\n }\n // Cast return type to your mixin's interface intersected with the superClass type\n return InnerMixinClass as Constructor<TabIndexMixinInterface> & T;\n};\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './buttonsimple.styles';\nimport { Component } from '../../models';\nimport { ButtonSize, ButtonType } from './buttonsimple.types';\nimport { BUTTON_TYPE, DEFAULTS } from './buttonsimple.constants';\nimport { DisabledMixin } from '../../utils/mixins/DisabledMixin';\nimport { TabIndexMixin } from '../../utils/mixins/TabIndexMixin';\n\n/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @tagname mdc-buttonsimple\n *\n */\nclass Buttonsimple extends TabIndexMixin(DisabledMixin(Component)) {\n /**\n * The button's active state indicates whether it is currently toggled on (active) or off (inactive).\n * When the active state is true, the button is considered to be in an active state, meaning it is toggled on.\n * Conversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\n * @default false\n */\n @property({ type: Boolean }) active = false;\n\n /**\n * Indicates whether the button is soft disabled.\n * When set to `true`, the button appears visually disabled but still allows\n * focus, click, and keyboard actions to be passed through.\n *\n * **Important:** When using soft disabled, consumers must ensure that\n * the button behaves like a disabled button, allowing only focus and\n * preventing any interactions (clicks or keyboard actions) from triggering unintended actions.\n * @default false\n */\n @property({ type: Boolean, attribute: 'soft-disabled' }) softDisabled = false;\n\n /**\n * Simplebutton size is a super set of all the sizes supported by children components.\n * @default 32\n */\n @property({ type: Number, reflect: true }) size: ButtonSize = DEFAULTS.SIZE;\n\n /**\n * This property defines the ARIA role for the element. By default, it is set to 'button'.\n * Consumers should override this role when:\n * - The element is being used in a context where a different role is more appropriate.\n * - Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.\n * @default button\n */\n @property({ type: String, reflect: true }) override role = DEFAULTS.ROLE;\n\n /**\n * This property defines the type attribute for the button element.\n * The type attribute specifies the behavior of the button when it is clicked.\n * - **submit**: The button submits the form data to the server.\n * - **reset**: The button resets the form data to its initial state.\n * - **button**: The button does nothing when clicked.\n * @default button\n */\n @property({ reflect: true })\n type: ButtonType = DEFAULTS.TYPE;\n\n /**\n * @internal\n */\n private prevTabindex = 0;\n\n /** @internal */\n static formAssociated = true;\n\n /** @internal */\n private internals: ElementInternals;\n\n /** @internal */\n get form(): HTMLFormElement | null {\n return this.internals.form;\n }\n\n constructor() {\n super();\n this.addEventListener('click', this.executeAction.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.addEventListener('keyup', this.handleKeyUp.bind(this));\n /** @internal */\n this.internals = this.attachInternals();\n }\n\n public override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n\n if (changedProperties.has('disabled')) {\n this.setDisabled(this, this.disabled);\n }\n if (changedProperties.has('softDisabled')) {\n this.setSoftDisabled(this, this.softDisabled);\n }\n if (changedProperties.has('active')) {\n this.setAriaPressed(this, this.active);\n }\n }\n\n private executeAction() {\n if (this.type === BUTTON_TYPE.SUBMIT && this.internals.form) {\n this.internals.form.requestSubmit();\n }\n\n if (this.type === BUTTON_TYPE.RESET && this.internals.form) {\n this.internals.form.reset();\n }\n }\n\n /**\n * Sets the aria-pressed attribute based on the active state.\n *\n * @param element - The target element.\n * @param active - The active state.\n */\n private setAriaPressed(element: HTMLElement, active: boolean) {\n if (active) {\n element.setAttribute('aria-pressed', 'true');\n } else {\n element.setAttribute('aria-pressed', 'false');\n }\n }\n\n /**\n * Sets the soft-disabled attribute for the button.\n * When soft-disabled, the button looks to be disabled but remains focusable and clickable.\n * Also sets/removes aria-disabled attribute.\n *\n * @param element - The button element.\n * @param softDisabled - The soft-disabled state.\n */\n private setSoftDisabled(element: HTMLElement, softDisabled: boolean) {\n if (softDisabled) {\n element.setAttribute('aria-disabled', 'true');\n } else {\n element.setAttribute('aria-disabled', 'false');\n }\n }\n\n /**\n * Sets the disabled attribute for the button.\n * When disabled, the button is not focusable or clickable, and tabindex is set to -1.\n * The previous tabindex is stored and restored when enabled.\n * Also sets/removes aria-disabled attribute.\n *\n * @param element - The button element.\n * @param disabled - The disabled state.\n */\n private setDisabled(element: HTMLElement, disabled: boolean) {\n if (disabled) {\n element.setAttribute('aria-disabled', 'true');\n this.prevTabindex = this.tabIndex;\n this.tabIndex = -1;\n } else {\n this.tabIndex = this.prevTabindex;\n element.removeAttribute('aria-disabled');\n }\n }\n\n private triggerClickEvent() {\n const clickEvent = new MouseEvent('click', {\n bubbles: true,\n cancelable: true,\n view: window,\n });\n this.dispatchEvent(clickEvent);\n this.executeAction();\n }\n\n /**\n * Handles the keydown event on the button.\n * If the key is 'Enter' or 'Space', the button is pressed.\n * If the key is 'Enter', the button is pressed. The native HTML button works in the same way.\n *\n * @param event - The keyboard event.\n */\n private handleKeyDown(event: KeyboardEvent) {\n if (['Enter', ' '].includes(event.key)) {\n this.classList.add('pressed');\n if (event.key === 'Enter') {\n this.triggerClickEvent();\n }\n }\n }\n\n /**\n * Handles the keyup event on the button.\n * If the key is 'Enter' or 'Space', the button is clicked.\n * If the key is 'Space', the button is pressed. The native HTML button works in the same way.\n *\n * @param event - The keyboard event.\n */\n private handleKeyUp(event: KeyboardEvent) {\n if (['Enter', ' '].includes(event.key)) {\n this.classList.remove('pressed');\n if (event.key === ' ') {\n this.triggerClickEvent();\n }\n }\n }\n\n public override render() {\n return html`\n <slot></slot>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Buttonsimple;\n", "import Buttonsimple from './buttonsimple.component';\nimport { TAG_NAME } from './buttonsimple.constants';\n\nButtonsimple.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-buttonsimple']: Buttonsimple\n }\n}\n\nexport default Buttonsimple;\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './button.styles';\nimport {\n BUTTON_COLORS,\n BUTTON_TYPE_INTERNAL,\n BUTTON_VARIANTS,\n DEFAULTS,\n ICON_BUTTON_SIZES,\n PILL_BUTTON_SIZES,\n} from './button.constants';\nimport type {\n ButtonColor,\n ButtonVariant,\n PillButtonSize,\n IconButtonSize,\n ButtonTypeInternal,\n} from './button.types';\nimport { getIconNameWithoutStyle, getIconSize } from './button.utils';\nimport type { IconNames } from '../icon/icon.types';\nimport Buttonsimple from '../buttonsimple';\n\n/**\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\n *\n * Button Variants:\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n *\n * Button Colors:\n * - **Positive**: Green color.\n * - **Negative**: Red color.\n * - **Accent**: Blue color.\n * - **Promotional**: Purple color.\n * - **Default**: White color.\n *\n * Button Sizes (in REM units):\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - **Tertiary icon button**: 20.\n *\n * Button Types:\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\n * - **Icon button**: A button represented by just an icon without any text.\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-button\n *\n * @slot - Text label of the button.\n */\nclass Button extends Buttonsimple {\n /**\n * The name of the icon to display as a prefix.\n * The icon is displayed on the left side of the button.\n */\n @property({ type: String, attribute: 'prefix-icon', reflect: true }) prefixIcon?: string;\n\n /**\n * The name of the icon to display as a postfix.\n * The icon is displayed on the right side of the button.\n */\n @property({ type: String, attribute: 'postfix-icon', reflect: true }) postfixIcon?: string;\n\n /**\n * There are 3 variants of button: primary, secondary, tertiary. They are styled differently.\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n * @default primary\n */\n @property({ type: String }) variant: ButtonVariant = DEFAULTS.VARIANT;\n\n /**\n * Button sizing is based on the button type.\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - Tertiary icon button can also be 20.\n * @default 32\n */\n @property({ type: Number }) override size: PillButtonSize | IconButtonSize = DEFAULTS.SIZE;\n\n /**\n * There are 5 colors for button: positive, negative, accent, promotional, default.\n * @default default\n */\n @property({ type: String }) color: ButtonColor = DEFAULTS.COLOR;\n\n /**\n * This property defines the ARIA role for the element. By default, it is set to 'button'.\n * Consumers should override this role when:\n * - The element is being used in a context where a different role is more appropriate.\n * - Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.\n * @default button\n */\n @property({ type: String, reflect: true }) override role = 'button';\n\n /** @internal */\n @state() private typeInternal: ButtonTypeInternal = DEFAULTS.TYPE_INTERNAL;\n\n /** @internal */\n @state() private iconSize = 1;\n\n /**\n * @internal\n */\n private prevPrefixIcon?: string;\n\n /**\n * @internal\n */\n private prevPostfixIcon?: string;\n\n public override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n\n if (changedProperties.has('active')) {\n this.modifyIconName(this.active);\n }\n if (changedProperties.has('size')) {\n this.setSize(this.size);\n }\n if (changedProperties.has('variant')) {\n this.setVariant(this.variant);\n this.setSize(this.size);\n }\n if (changedProperties.has('color')) {\n this.setColor(this.color);\n }\n if (changedProperties.has('typeInternal')) {\n this.setSize(this.size);\n }\n if (changedProperties.has('prefixIcon') || changedProperties.has('postfixIcon')) {\n this.inferButtonType();\n }\n }\n\n /**\n * Modifies the icon name based on the active state.\n * If the button is active, the icon name is suffixed with '-filled'.\n * If the button is inactive, the icon name is restored to its original value.\n * If '-filled' icon is not available, the icon name remains unchanged.\n *\n * @param active - The active state.\n */\n private modifyIconName(active: boolean) {\n if (active) {\n if (this.prefixIcon) {\n this.prevPrefixIcon = this.prefixIcon;\n this.prefixIcon = `${getIconNameWithoutStyle(this.prefixIcon)}-filled`;\n }\n if (this.postfixIcon) {\n this.prevPostfixIcon = this.postfixIcon;\n this.postfixIcon = `${getIconNameWithoutStyle(this.postfixIcon)}-filled`;\n }\n } else {\n if (this.prevPrefixIcon) {\n this.prefixIcon = this.prevPrefixIcon;\n }\n if (this.prevPostfixIcon) {\n this.postfixIcon = this.prevPostfixIcon;\n }\n }\n }\n\n /**\n * Sets the variant attribute for the button component.\n * If the provided variant is not included in the BUTTON_VARIANTS,\n * it defaults to the value specified in DEFAULTS.VARIANT.\n *\n * @param variant - The variant to set.\n */\n private setVariant(variant: ButtonVariant) {\n this.setAttribute('variant', Object.values(BUTTON_VARIANTS).includes(variant) ? variant : DEFAULTS.VARIANT);\n }\n\n /**\n * Sets the size attribute for the button component.\n * Validates the size based on the button type (icon, pill, or tertiary).\n * Defaults to DEFAULTS.SIZE if invalid.\n *\n * @param size - The size to set.\n */\n private setSize(size: PillButtonSize | IconButtonSize) {\n const isIconType = this.typeInternal === BUTTON_TYPE_INTERNAL.ICON;\n const isValidSize = isIconType\n ? (Object.values(ICON_BUTTON_SIZES).includes(size)\n && !(size === ICON_BUTTON_SIZES[20] && this.variant !== BUTTON_VARIANTS.TERTIARY))\n : Object.values(PILL_BUTTON_SIZES).includes(size as PillButtonSize);\n\n this.setAttribute('size', isValidSize ? `${size}` : `${DEFAULTS.SIZE}`);\n this.iconSize = getIconSize(size);\n }\n\n /**\n * Sets the color attribute for the button.\n * Defaults to DEFAULTS.COLOR if invalid or for tertiary buttons.\n *\n * @param color - The color to set.\n */\n private setColor(color: ButtonColor) {\n if (!Object.values(BUTTON_COLORS).includes(color) || this.variant === BUTTON_VARIANTS.TERTIARY) {\n this.setAttribute('color', `${DEFAULTS.COLOR}`);\n } else {\n this.setAttribute('color', color);\n }\n }\n\n /**\n * Infers the type of button based on the presence of slot and/or prefix and postfix icons.\n * @param slot - default slot of button\n */\n private inferButtonType() {\n const slot = this.shadowRoot?.querySelector('slot')?.assignedNodes().length;\n if (slot && (this.prefixIcon || this.postfixIcon)) {\n this.typeInternal = BUTTON_TYPE_INTERNAL.PILL_WITH_ICON;\n this.setAttribute('data-btn-type', 'pill-with-icon');\n } else if (!slot && (this.prefixIcon || this.postfixIcon)) {\n this.typeInternal = BUTTON_TYPE_INTERNAL.ICON;\n this.setAttribute('data-btn-type', 'icon');\n } else {\n this.typeInternal = BUTTON_TYPE_INTERNAL.PILL;\n this.setAttribute('data-btn-type', 'pill');\n }\n }\n\n public override render() {\n return html`\n ${this.prefixIcon ? html`\n <mdc-icon\n name=\"${this.prefixIcon as IconNames}\" \n part=\"prefix-icon\" \n size=${this.iconSize} \n length-unit=\"rem\">\n </mdc-icon>` : ''}\n <slot @slotchange=${this.inferButtonType}></slot>\n ${this.postfixIcon ? html`\n <mdc-icon\n name=\"${this.postfixIcon as IconNames}\" \n part=\"postfix-icon\" \n size=${this.iconSize} \n length-unit=\"rem\">\n </mdc-icon>` : ''}\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Buttonsimple.styles, ...styles];\n}\n\nexport default Button;\n", "import Button from './button.component';\nimport { TAG_NAME } from './button.constants';\nimport '../icon';\n\nButton.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-button']: Button\n }\n}\n\nexport default Button;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-bullet-size-small: 0.25rem;\n --mdc-bullet-size-medium: 0.5rem;\n --mdc-bullet-size-large: 1rem;\n\n border-radius: 50%;\n display: block;\n aspect-ratio: 1;\n background-color: var(--mdc-bullet-background-color);\n }\n :host([size=\"small\"]) {\n height: var(--mdc-bullet-size-small);\n }\n :host([size=\"medium\"]) {\n height: var(--mdc-bullet-size-medium);\n }\n :host([size=\"large\"]) {\n height: var(--mdc-bullet-size-large);\n }\n`;\n\nexport default [styles];\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('bullet');\n\nconst SIZE = {\n SMALL: 'small',\n MEDIUM: 'medium',\n LARGE: 'large',\n} as const;\n\nexport { TAG_NAME, SIZE };\n", "import { property } from 'lit/decorators.js';\nimport type { CSSResult } from 'lit';\nimport styles from './bullet.styles';\nimport { Component } from '../../models';\nimport { SIZE } from './bullet.constants';\nimport type { Size } from './bullet.types';\n\n/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/\nclass Bullet extends Component {\n /**\n * Size of the bullet\n *\n * Possible values: 'small', 'medium', 'large'\n * @default small\n */\n @property({ type: String, reflect: true })\n public size: Size = SIZE.SMALL;\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Bullet;\n", "import Bullet from './bullet.component';\nimport { TAG_NAME } from './bullet.constants';\n\nBullet.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-bullet']: Bullet\n }\n}\n\nexport default Bullet;\n", "import { css } from 'lit';\n\nconst styles = css`\n :host {\n --mdc-marker-width: 0.25rem;\n --mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-marker-striped-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-marker-striped-background-color: transparent; \n\n width: var(--mdc-marker-width);\n height: 100%;\n display: block;\n }\n\n :host([variant='solid']) {\n background: var(--mdc-marker-solid-background-color);\n }\n\n :host([variant='striped']) {\n background: repeating-linear-gradient(\n 135deg,\n var(--mdc-marker-striped-color),\n var(--mdc-marker-striped-color) 0.1875rem,\n var(--mdc-marker-striped-background-color) 0.1875rem, \n var(--mdc-marker-striped-background-color) 0.375rem\n );\n }\n`;\n\nexport default [styles];\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('marker');\n\nconst MARKER_VARIANTS = {\n SOLID: 'solid',\n STRIPED: 'striped',\n} as const;\n\nexport { TAG_NAME, MARKER_VARIANTS };\n", "import { CSSResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './marker.styles';\nimport { Component } from '../../models';\nimport type { MarkerVariants } from './marker.types';\nimport { MARKER_VARIANTS } from './marker.constants';\n\n/**\n * `mdc-marker`, which is a vertical line and\n * used to draw attention to specific parts of\n * the content or to signify important information.\n *\n * **Marker Variants**:\n * - **solid**: Solid marker.\n * - **striped**: Striped marker.\n *\n * @tagname mdc-marker\n *\n * @cssproperty --mdc-marker-solid-background-color - Allows customization of the default background color\n * in solid variant.\n * @cssproperty --mdc-marker-striped-color - Allows customization of the default stripes in striped variant.\n * @cssproperty --mdc-marker-striped-background-color - Allows customization of the default background color\n * in striped variant.\n * @cssproperty --mdc-marker-width - Allows customization of the default width.\n */\nclass Marker extends Component {\n /**\n * There are two variants of markers, each with a width of 0.25rem:\n * - **solid**: Solid marker.\n * - **striped**: Striped marker.\n * @default solid\n */\n @property({ type: String, reflect: true })\n public variant: MarkerVariants = MARKER_VARIANTS.SOLID;\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Marker;\n", "import Marker from './marker.component';\nimport { TAG_NAME } from './marker.constants';\n\nMarker.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-marker']: Marker\n }\n}\n\nexport default Marker;\n", "import { css } from 'lit';\nimport { hostFitContentStyles } from '../../utils/styles';\n\n/**\n * Divider component styles\n */\nconst styles = [\n hostFitContentStyles,\n /* Host styles */\n css`\n :host {\n --mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);\n --mdc-divider-width: 0.0625rem;\n --mdc-divider-horizontal-gradient: var(--mds-color-theme-gradientdivider-default-normal);\n --mdc-divider-vertical-gradient: var(--mds-color-theme-gradientdivider-vertical-normal);\n --mdc-divider-text-size: var(--mds-font-size-body-midsize);\n --mdc-divider-text-color: var(--mds-color-theme-text-secondary-normal);\n --mdc-divider-text-line-height: var(--mds-font-lineheight-body-midsize);\n --mdc-divider-text-margin: 1.5rem;\n --mdc-divider-grabber-button-border-radius: 0.5rem;\n\n display: flex;\n justify-content: center;\n }\n\n /* Primary and grabber divider styles */\n :host([data-type='mdc-primary-divider']),\n :host([data-type='mdc-grabber-divider']) {\n background-color: var(--mdc-divider-background-color);\n }\n\n /* Orientation-specific styles */\n :host([orientation='horizontal']) {\n flex-direction: row;\n height: var(--mdc-divider-width);\n width: 100%;\n }\n\n :host([orientation='vertical']:not([data-type='mdc-text-divider'])) {\n flex-direction: column;\n height: 100%;\n width: var(--mdc-divider-width);\n }\n\n /* Gradient styles for primary and grabber dividers */\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-primary-divider']),\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-grabber-divider']) {\n background: var(--mdc-divider-horizontal-gradient);\n }\n\n :host([orientation='vertical'][variant='gradient'][data-type='mdc-primary-divider']),\n :host([orientation='vertical'][variant='gradient'][data-type='mdc-grabber-divider']) {\n background: var(--mdc-divider-vertical-gradient);\n }\n\n /* Hiding slotted content for primary dividers */\n :host([data-type='mdc-primary-divider']) ::slotted(*) {\n display: none;\n }\n\n /** Button divider styles */\n :host([orientation='vertical']) ::slotted(mdc-button) {\n width: 1.25rem;\n height: 2.5rem;\n border-radius: 0 \n var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius) \n 0;\n }\n\n :host([orientation='horizontal']) ::slotted(mdc-button) {\n height: 1.25rem;\n width: 2.5rem;\n border-radius: 0 \n 0 \n var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius);\n }\n\n :host([orientation='horizontal'][button-position='positive']),\n :host([orientation='vertical'][button-position='negative']) {\n align-items: end;\n }\n\n :host([orientation='horizontal'][button-position='negative']),\n :host([orientation='vertical'][button-position='positive']) {\n align-items: start;\n }\n\n :host([orientation='horizontal'][button-position='positive']) ::slotted(mdc-button) {\n border-radius: var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius) \n 0 \n 0;\n border-bottom-color: transparent;\n }\n\n :host([orientation='horizontal'][button-position='negative']) ::slotted(mdc-button) {\n border-top-color: transparent;\n }\n\n :host([orientation='vertical'][button-position='negative']:dir(ltr)) ::slotted(mdc-button),\n :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {\n border-radius: var(--mdc-divider-grabber-button-border-radius) \n 0 \n 0 \n var(--mdc-divider-grabber-button-border-radius);\n border-right-color: transparent;\n }\n\n :host([orientation='vertical'][button-position='positive']:dir(ltr)) ::slotted(mdc-button),\n :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {\n border-left-color: transparent;\n }\n\n :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {\n border-radius: 0 \n var(--mdc-divider-grabber-button-border-radius) \n var(--mdc-divider-grabber-button-border-radius) \n 0;\n transform: rotate(180deg);\n }\n\n :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {\n transform: rotate(180deg);\n }\n\n /** Text divider styles */\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']),\n :host([orientation='horizontal'][variant='solid'][data-type='mdc-text-divider']) {\n align-items: center;\n }\n\n :host([data-type='mdc-text-divider']) > div {\n width: 100%;\n height: 100%;\n background-color: var(--mdc-divider-background-color);\n }\n\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:first-of-type {\n background: linear-gradient(to right, transparent, 30%, var(--mdc-divider-background-color));\n }\n\n :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:last-of-type {\n background: linear-gradient(to left, transparent, 30%, var(--mdc-divider-background-color));\n }\n\n :host([data-type='mdc-text-divider']) ::slotted(mdc-text) {\n margin: 0 var(--mdc-divider-text-margin);\n color: var(--mdc-divider-text-color);\n font-size: var(--mdc-divider-text-size);\n line-height: var(--mdc-divider-text-line-height);\n }\n `,\n];\n\nexport default styles;\n", "import utils from '../../utils/tag-name';\nimport { TAG_NAME as BUTTON_TAG } from '../button/button.constants';\nimport { TAG_NAME as TEXT_TAG } from '../text/text.constants';\n\nconst TAG_NAME = utils.constructTagName('divider');\n\nconst DIVIDER_ORIENTATION = {\n HORIZONTAL: 'horizontal',\n VERTICAL: 'vertical',\n} as const;\n\nconst DIVIDER_VARIANT = {\n SOLID: 'solid',\n GRADIENT: 'gradient',\n} as const;\n\n/**\n * Direction types for both the arrow and button component.\n * These directions are dependent on the divider's orientation.\n */\nconst DIRECTIONS = {\n POSITIVE: 'positive',\n NEGATIVE: 'negative',\n} as const;\n\nconst ARROW_ICONS = {\n UP: 'arrow-up-regular',\n DOWN: 'arrow-down-regular',\n LEFT: 'arrow-left-regular',\n RIGHT: 'arrow-right-regular',\n} as const;\n\nconst DEFAULTS = {\n ORIENTATION: DIVIDER_ORIENTATION.HORIZONTAL,\n VARIANT: DIVIDER_VARIANT.SOLID,\n ARROW_DIRECTION: DIRECTIONS.NEGATIVE,\n BUTTON_DIRECTION: DIRECTIONS.NEGATIVE,\n} as const;\n\nexport {\n TAG_NAME,\n DEFAULTS,\n DIVIDER_VARIANT,\n DIVIDER_ORIENTATION,\n DIRECTIONS,\n BUTTON_TAG,\n TEXT_TAG,\n ARROW_ICONS,\n};\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './divider.styles';\nimport { Component } from '../../models';\nimport {\n ARROW_ICONS,\n BUTTON_TAG,\n DEFAULTS,\n DIRECTIONS,\n DIVIDER_ORIENTATION,\n DIVIDER_VARIANT,\n TEXT_TAG,\n} from './divider.constants';\nimport { Directions, DividerOrientation, DividerVariant } from './divider.types';\n\n/**\n * `mdc-divider` is a component that provides a line to separate and organize content.\n * It can also include a button or text positioned centrally, allowing users to interact with the layout.\n *\n * **Divider Orientation:**\n * - **Horizontal**: A thin, horizontal line.\n * - **Vertical**: A thin, vertical line.\n *\n * **Divider Variants:**\n * - **solid**: Solid line.\n * - **gradient**: Gradient Line.\n *\n * **Divider Types:**\n * - The type of divider is inferred based on the kind of slot present.\n * - **Primary**: A simple horizontal or vertical divider.\n * - **Text**: A horizontal divider with a text label in the center.\n * - **Grabber Button**: A horizontal or vertical divider with a styled button in the center.\n *\n * **Accessibility:**\n * - When the slot is replaced by an `mdc-button`:\n * - `aria-label` should be passed to the `mdc-button`.\n * - `aria-expanded` should be passed to the `mdc-button`.\n *\n * **Notes:**\n * - If the slot is replaced by an invalid tag name or contains multiple elements,\n * the divider defaults to the **Primary** type.\n * - To override the styles of the divider, use the provided CSS custom properties.\n *\n * @tagname mdc-divider\n *\n * @cssproperty --mdc-divider-background-color - background color of the divider\n * @cssproperty --mdc-divider-width - width of the divider\n * @cssproperty --mdc-divider-horizontal-gradient - gradient of the horizontal divider\n * @cssproperty --mdc-divider-vertical-gradient - gradient of the vertical divider\n * @cssproperty --mdc-divider-text-size - font size of label in the text divider\n * @cssproperty --mdc-divider-text-color - font color of label in the text divider\n * @cssproperty --mdc-divider-text-margin - left and right margin of label in the text divider\n * @cssproperty --mdc-divider-text-line-height - line height of label in the text divider\n * @cssproperty --mdc-divider-grabber-button-border-radius - border radius of the grabber button\n */\nclass Divider extends Component {\n /**\n * Two orientations of divider\n * - **horizontal**: A thin, horizontal line with 0.0625rem width.\n * - **vertical**: A thin, vertical line with 0.0625rem width.\n *\n * Note: We do not support \"Vertical Text Divider\" as of now.\n * @default horizontal\n */\n @property({ type: String, reflect: true })\n orientation: DividerOrientation = DEFAULTS.ORIENTATION;\n\n /**\n * Two variants of divider\n * - **solid**: Solid line.\n * - **gradient**: Gradient Line that fades on either sides of the divider.\n * @default solid\n */\n @property({ type: String, reflect: true })\n variant: DividerVariant = DEFAULTS.VARIANT;\n\n /**\n * Direction of the arrow icon, if applicable.\n * - **positive**\n * - **negative**\n *\n * Note: Positive and Negative directions are defined based on Cartesian plane.\n * @default 'negative'\n */\n @property({ type: String, attribute: 'arrow-direction', reflect: true })\n arrowDirection: Directions = DEFAULTS.ARROW_DIRECTION;\n\n /**\n * Position of the button, if applicable.\n * - **positive**\n * - **negative**\n *\n * Note: Positive and Negative directions are defined based on Cartesian plane.\n * @default 'negative'\n */\n @property({ type: String, attribute: 'button-position', reflect: true })\n buttonPosition: Directions = DEFAULTS.BUTTON_DIRECTION;\n\n /**\n * Sets the variant attribute for the divider component.\n * If the provided variant is not included in the DIVIDER_VARIANT,\n * it defaults to the value specified in DEFAULTS.VARIANT.\n *\n * @param variant - The variant to set.\n */\n private setVariant(variant: DividerVariant) {\n this.setAttribute('variant', Object.values(DIVIDER_VARIANT).includes(variant) ? variant : DEFAULTS.VARIANT);\n }\n\n /**\n * Sets the orientation attribute for the divider component.\n * If the provided orientation is not included in the DIVIDER_ORIENTATION,\n * it defaults to the value specified in DEFAULTS.ORIENTATION.\n *\n * @param orientation - The orientation to set.\n */\n private setOrientation(orientation: DividerOrientation) {\n this.setAttribute(\n 'orientation',\n Object.values(DIVIDER_ORIENTATION).includes(orientation) ? orientation : DEFAULTS.ORIENTATION,\n );\n }\n\n /**\n * Sets the buttonPosition and arrowDirection attribute for the divider component.\n * If the provided buttonPosition and arrowDirection are not included in the DIRECTIONS,\n * it defaults to the value specified in DIRECTIONS based on the ORIENTATION.\n *\n * @param buttonPosition - The buttonPosition to set.\n * @param arrowDirection - The arrowDirection to set.\n */\n private ensureValidDirections() {\n const defaultDirection = this.orientation === DIVIDER_ORIENTATION.HORIZONTAL\n ? DIRECTIONS.NEGATIVE\n : DIRECTIONS.POSITIVE;\n\n if (!Object.values(DIRECTIONS).includes(this.buttonPosition as Directions)) {\n this.buttonPosition = defaultDirection;\n }\n\n if (!Object.values(DIRECTIONS).includes(this.arrowDirection as Directions)) {\n this.arrowDirection = defaultDirection;\n }\n }\n\n /**\n * Configures the grabber button within the divider.\n *\n * - Sets the `prefix-icon` attribute for the grabber button based\n * on the `arrow-direction` and `orientation` properties.\n *\n * This method updates the DOM element dynamically if a grabber button is present.\n */\n private setGrabberButton(): void {\n this.ensureValidDirections();\n const buttonElement = this.querySelector('mdc-button');\n if (buttonElement) {\n const iconType = this.getArrowIcon();\n buttonElement.setAttribute('variant', 'secondary');\n buttonElement.setAttribute('prefix-icon', iconType);\n }\n }\n\n /**\n * Determines the arrow icon based on the consumer-defined `arrowDirection`.\n *\n * @returns The icon that represents the arrow direction.\n */\n private getArrowIcon(): string {\n const isHorizontal = this.orientation === DIVIDER_ORIENTATION.HORIZONTAL;\n const isPositive = this.arrowDirection === DIRECTIONS.POSITIVE;\n\n if (isHorizontal) {\n return isPositive ? ARROW_ICONS.UP : ARROW_ICONS.DOWN;\n }\n\n return isPositive ? ARROW_ICONS.RIGHT : ARROW_ICONS.LEFT;\n }\n\n public override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n\n if (changedProperties.has('orientation')) {\n this.setOrientation(this.orientation);\n }\n\n if (changedProperties.has('variant')) {\n this.setVariant(this.variant);\n }\n\n if (\n changedProperties.has('orientation')\n || changedProperties.has('arrowDirection')\n || changedProperties.has('buttonPosition')\n ) {\n this.setGrabberButton();\n }\n }\n\n /**\n * Infers the type of divider based on the kind of slot present.\n * @param slot - default slot of divider\n */\n private inferDividerType() {\n const slot = this.shadowRoot?.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true }) || [];\n if (assignedElements.length > 1) return;\n\n const hasTextChild = assignedElements.some((el) => el.tagName === TEXT_TAG.toUpperCase());\n const hasButtonChild = assignedElements.some((el) => el.tagName === BUTTON_TAG.toUpperCase());\n\n if (hasTextChild && !hasButtonChild) {\n this.setAttribute('data-type', 'mdc-text-divider');\n } else if (!hasTextChild && hasButtonChild) {\n this.setAttribute('data-type', 'mdc-grabber-divider');\n this.setGrabberButton();\n }\n }\n\n constructor() {\n super();\n this.setAttribute('data-type', 'mdc-primary-divider');\n }\n\n protected override render() {\n return html`\n <div></div>\n <slot @slotchange=${this.inferDividerType}></slot>\n <div></div>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...Component.styles, ...styles];\n}\n\nexport default Divider;\n", "import Divider from './divider.component';\nimport { TAG_NAME } from './divider.constants';\n\nDivider.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-divider']: Divider\n }\n}\n\nexport default Divider;\n", "import { css } from 'lit';\nimport { hostFitContentStyles, hostFocusRingStyles } from '../../utils/styles';\n\nconst styles = [hostFitContentStyles, css`\n :host {\n padding: unset;\n margin: unset;\n outline: none;\n border-radius: 0.25rem;\n }\n`, hostFocusRingStyles];\n\nexport default styles;\n", "import { CSSResult, html, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AvatarComponentMixin } from '../../utils/mixins/AvatarComponentMixin';\nimport { AVATAR_SIZE, DEFAULTS } from '../avatar/avatar.constants';\nimport type { AvatarSize } from '../avatar/avatar.types';\nimport { DEFAULTS as BUTTON_DEFAULTS } from '../button/button.constants';\nimport Buttonsimple from '../buttonsimple';\nimport styles from './avatarbutton.styles';\n\n/**\n * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.\n *\n * This component is made by extending `buttonsimple` class.\n * The button component acts as a wrapper for the avatar component.\n *\n * @dependency mdc-avatar\n *\n * @tagname mdc-avatarbutton\n */\nclass AvatarButton extends AvatarComponentMixin(Buttonsimple) {\n /**\n * Aria-label attribute to be set for accessibility\n */\n @property({ type: String, attribute: 'aria-label' })\n override ariaLabel: string | null = null;\n\n constructor() {\n super();\n\n this.active = undefined as unknown as boolean;\n this.disabled = undefined as unknown as boolean;\n this.softDisabled = undefined as unknown as boolean;\n this.role = 'button';\n this.type = BUTTON_DEFAULTS.TYPE;\n }\n\n override update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n super.update(changedProperties);\n if (changedProperties.has('size')) {\n this.setSize(this.size);\n }\n }\n\n private setSize(size: AvatarSize) {\n this.setAttribute('size', Object.values(AVATAR_SIZE).includes(size) ? `${size}` : DEFAULTS.SIZE.toString());\n }\n\n public override render() {\n return html`\n <mdc-avatar\n slot=\"prefixIcon\"\n ?is-typing=\"${this.isTyping}\"\n counter=\"${ifDefined(this.counter)}\"\n icon-name=\"${ifDefined(this.iconName)}\"\n initials=\"${ifDefined(this.initials)}\"\n presence=\"${ifDefined(this.presence)}\"\n size=\"${ifDefined(this.size)}\"\n src=\"${ifDefined(this.src)}\"\n ></mdc-avatar>\n `;\n }\n\n public static override styles: Array<CSSResult> = [...styles];\n}\n\nexport default AvatarButton;\n", "import utils from '../../utils/tag-name';\n\nconst TAG_NAME = utils.constructTagName('avatarbutton');\n\nexport { TAG_NAME };\n", "import Avatarbutton from './avatarbutton.component';\nimport { TAG_NAME } from './avatarbutton.constants';\nimport '../avatar';\n\nAvatarbutton.register(TAG_NAME);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n ['mdc-avatarbutton']: Avatarbutton\n }\n}\n\nexport default Avatarbutton;\n"],
5
+ "mappings": "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",
6
+ "names": ["global", "globalThis", "supportsAdoptingStyleSheets", "ShadowRoot", "ShadyCSS", "nativeShadow", "Document", "prototype", "CSSStyleSheet", "constructionToken", "Symbol", "cssTagCache", "WeakMap", "CSSResult", "cssText", "strings", "safeToken", "this", "Error", "_strings", "styleSheet", "_styleSheet", "cacheable", "length", "get", "replaceSync", "set", "toString", "unsafeCSS", "value", "String", "css", "values", "reduce", "acc", "v", "idx", "adoptStyles", "renderRoot", "styles", "adoptedStyleSheets", "map", "s", "style", "document", "createElement", "nonce", "setAttribute", "textContent", "appendChild", "getCompatibleStyle", "sheet", "rule", "cssRules", "is", "defineProperty", "getOwnPropertyDescriptor", "getOwnPropertyNames", "getOwnPropertySymbols", "getPrototypeOf", "Object", "global", "globalThis", "trustedTypes", "emptyStringForBooleanAttribute", "emptyScript", "polyfillSupport", "reactiveElementPolyfillSupport", "JSCompiler_renameProperty", "prop", "_obj", "defaultConverter", "value", "type", "Boolean", "Array", "JSON", "stringify", "fromValue", "Number", "parse", "e", "notEqual", "old", "defaultPropertyDeclaration", "attribute", "String", "converter", "reflect", "hasChanged", "Symbol", "metadata", "litPropertyMetadata", "WeakMap", "ReactiveElement", "HTMLElement", "initializer", "this", "__prepare", "_initializers", "push", "observedAttributes", "finalize", "__attributeToPropertyMap", "keys", "name", "options", "state", "elementProperties", "set", "noAccessor", "key", "descriptor", "getPropertyDescriptor", "prototype", "get", "v", "call", "oldValue", "requestUpdate", "configurable", "enumerable", "hasOwnProperty", "superCtor", "Map", "finalized", "props", "properties", "propKeys", "p", "createProperty", "attr", "__attributeNameForProperty", "elementStyles", "finalizeStyles", "styles", "isArray", "Set", "flat", "Infinity", "reverse", "s", "unshift", "getCompatibleStyle", "toLowerCase", "constructor", "super", "__instanceProperties", "isUpdatePending", "hasUpdated", "__reflectingProperty", "__initialize", "__updatePromise", "Promise", "res", "enableUpdating", "_$changedProperties", "__saveInstanceProperties", "forEach", "i", "controller", "__controllers", "add", "renderRoot", "isConnected", "hostConnected", "delete", "instanceProperties", "size", "createRenderRoot", "shadowRoot", "attachShadow", "shadowRootOptions", "adoptStyles", "connectedCallback", "c", "_requestedUpdate", "disconnectedCallback", "hostDisconnected", "_old", "_$attributeToProperty", "attrValue", "toAttribute", "removeAttribute", "setAttribute", "ctor", "propName", "getPropertyOptions", "fromAttribute", "_$changeProperty", "__enqueueUpdate", "has", "__reflectingProperties", "reject", "result", "scheduleUpdate", "performUpdate", "wrapped", "shouldUpdate", "changedProperties", "willUpdate", "hostUpdate", "update", "__markUpdated", "_$didUpdate", "_changedProperties", "hostUpdated", "firstUpdated", "updated", "updateComplete", "getUpdateComplete", "__propertyToAttribute", "mode", "reactiveElementVersions", "defaultPropertyDeclaration", "attribute", "type", "String", "converter", "defaultConverter", "reflect", "hasChanged", "notEqual", "standardProperty", "options", "target", "context", "kind", "metadata", "properties", "globalThis", "litPropertyMetadata", "get", "set", "Map", "name", "v", "oldValue", "call", "this", "requestUpdate", "_$changeProperty", "value", "Error", "property", "protoOrTarget", "nameOrContext", "proto", "hasOwnProperty", "constructor", "createProperty", "wrapped", "Object", "getOwnPropertyDescriptor", "state", "options", "property", "attribute", "NAMESPACE", "CONSTANTS", "constants_default", "constructTagName", "componentName", "constants_default", "tag_name_default", "TAG_NAME", "tag_name_default", "DEFAULTS", "global", "globalThis", "trustedTypes", "policy", "createPolicy", "createHTML", "s", "boundAttributeSuffix", "marker", "Math", "random", "toFixed", "slice", "markerMatch", "nodeMarker", "d", "document", "createMarker", "createComment", "isPrimitive", "value", "isArray", "Array", "isIterable", "Symbol", "iterator", "SPACE_CHAR", "textEndRegex", "commentEndRegex", "comment2EndRegex", "tagEndRegex", "RegExp", "singleQuoteAttrEndRegex", "doubleQuoteAttrEndRegex", "rawTextElement", "tag", "type", "strings", "values", "_$litType$", "html", "svg", "mathml", "noChange", "for", "nothing", "templateCache", "WeakMap", "walker", "createTreeWalker", "trustFromTemplateString", "tsa", "stringFromTSA", "hasOwnProperty", "Error", "getTemplateHtml", "l", "length", "attrNames", "rawTextEndRegex", "regex", "i", "attrName", "match", "attrNameEndIndex", "lastIndex", "exec", "test", "end", "startsWith", "push", "Template", "constructor", "options", "node", "this", "parts", "nodeIndex", "attrNameIndex", "partCount", "el", "createElement", "currentNode", "content", "wrapper", "firstChild", "replaceWith", "childNodes", "nextNode", "nodeType", "hasAttributes", "name", "getAttributeNames", "endsWith", "realName", "statics", "getAttribute", "split", "m", "index", "ctor", "PropertyPart", "BooleanAttributePart", "EventPart", "AttributePart", "removeAttribute", "tagName", "textContent", "emptyScript", "append", "data", "indexOf", "_options", "innerHTML", "resolveDirective", "part", "parent", "attributeIndex", "currentDirective", "__directives", "__directive", "nextDirectiveConstructor", "_$initialize", "_$resolve", "TemplateInstance", "template", "_$parts", "_$disconnectableChildren", "_$template", "_$parent", "parentNode", "_$isConnected", "fragment", "creationScope", "importNode", "partIndex", "templatePart", "ChildPart", "nextSibling", "ElementPart", "_$setValue", "__isConnected", "startNode", "endNode", "_$committedValue", "_$startNode", "_$endNode", "isConnected", "directiveParent", "_$clear", "_commitText", "_commitTemplateResult", "_commitNode", "_commitIterable", "insertBefore", "_insert", "createTextNode", "result", "_$getTemplate", "h", "_update", "instance", "_clone", "get", "set", "itemParts", "itemPart", "item", "start", "from", "_$notifyConnectionChanged", "n", "remove", "element", "fill", "String", "valueIndex", "noCommit", "change", "v", "_commitValue", "setAttribute", "toggleAttribute", "super", "newListener", "oldListener", "shouldRemoveListener", "capture", "once", "passive", "shouldAddListener", "removeEventListener", "addEventListener", "event", "call", "host", "handleEvent", "polyfillSupport", "global", "litHtmlPolyfillSupport", "Template", "ChildPart", "litHtmlVersions", "push", "render", "value", "container", "options", "partOwnerNode", "renderBefore", "part", "endNode", "insertBefore", "createMarker", "_$setValue", "LitElement", "ReactiveElement", "constructor", "this", "renderOptions", "host", "__childPart", "createRenderRoot", "renderRoot", "super", "renderBefore", "firstChild", "changedProperties", "value", "render", "hasUpdated", "isConnected", "update", "connectedCallback", "setConnected", "disconnectedCallback", "noChange", "globalThis", "litElementHydrateSupport", "polyfillSupport", "litElementPolyfillSupport", "globalThis", "litElementVersions", "push", "component_styles_default", "i", "Component", "h", "namespace", "component_styles_default", "component_component_default", "component_default", "component_component_default", "ContextRequestEvent", "Event", "context", "callback", "subscribe", "super", "bubbles", "composed", "this", "ContextConsumer", "host", "contextOrOptions", "callback", "subscribe", "this", "provided", "value", "_callback", "unsubscribe", "requestUpdate", "context", "options", "addController", "hostConnected", "dispatchRequest", "hostDisconnected", "dispatchEvent", "ContextRequestEvent", "ValueNotifier", "value", "this", "_value", "v", "setValue", "force", "update", "Object", "is", "updateObservers", "defaultValue", "subscriptions", "Map", "callback", "disposer", "consumerHost", "subscribe", "has", "set", "delete", "get", "clearCallbacks", "clear", "ContextProviderEvent", "Event", "context", "super", "bubbles", "composed", "this", "ContextProvider", "ValueNotifier", "host", "contextOrOptions", "initialValue", "onContextRequest", "ev", "consumerHost", "composedPath", "stopPropagation", "addCallback", "callback", "subscribe", "onProviderRequest", "childProviderHost", "seen", "Set", "subscriptions", "has", "add", "dispatchEvent", "ContextRequestEvent", "attachListeners", "addController", "addEventListener", "hostConnected", "styles", "i", "provider_styles_default", "Provider", "component_default", "context", "initialValue", "i", "ke", "provider_styles_default", "provider_component_default", "provider_default", "provider_component_default", "ThemeProviderContext", "defaultThemeClass", "TAG_NAME", "themeprovider_context_default", "styles", "i", "themeprovider_styles_default", "ThemeProvider", "provider_default", "themeprovider_context_default", "DEFAULTS", "changedProperties", "themeprovider_styles_default", "__decorateClass", "r", "n", "themeprovider_component_default", "themeprovider_component_default", "TAG_NAME", "themeprovider_default", "hostFitContentStyles", "i", "hostFocusRingStyles", "styles", "hostFitContentStyles", "i", "icon_styles_default", "consume", "options", "host", "context", "subscribe", "s", "providerUtils", "provider_default", "TAG_NAME", "tag_name_default", "ALLOWED_FILE_EXTENSIONS", "ALLOWED_LENGTH_UNITS", "LENGTH_UNIT_SIZE", "DEFAULTS", "IconProviderContext", "TAG_NAME", "iconprovider_context_default", "IconProvider", "provider_default", "iconprovider_context_default", "DEFAULTS", "ALLOWED_FILE_EXTENSIONS", "ALLOWED_LENGTH_UNITS", "__decorateClass", "n", "iconprovider_component_default", "dynamicSVGImport", "url", "name", "fileExtension", "signal", "response", "iconResponse", "returnValue", "TAG_NAME", "tag_name_default", "DEFAULTS", "Icon", "component_default", "DEFAULTS", "provider_default", "iconprovider_component_default", "loadEvent", "fileExtension", "url", "iconHtml", "dynamicSVGImport", "error", "errorEvent", "_a", "value", "_b", "changedProperties", "_c", "_d", "err", "ke", "icon_styles_default", "__decorateClass", "r", "n", "icon_component_default", "icon_component_default", "TAG_NAME", "icon_default", "iconprovider_component_default", "TAG_NAME", "iconprovider_default", "ifDefined", "value", "nothing", "TAG_NAME", "tag_name_default", "AVATAR_TYPE", "MAX_COUNTER", "ICON_NAME", "AVATAR_SIZE", "DEFAULTS", "AvatarComponentMixin", "superClass", "InnerMixinClass", "DEFAULTS", "__decorateClass", "n", "styles", "hostFitContentStyles", "i", "avatar_styles_default", "TAG_NAME", "tag_name_default", "TYPE", "SIZE", "DEFAULTS", "TAG_NAME", "tag_name_default", "TYPE", "VALID_TEXT_TAGS", "DEFAULTS", "getPresenceSize", "size", "AVATAR_SIZE", "SIZE", "getAvatarIconSize", "getAvatarTextFontSize", "TYPE", "Avatar", "AvatarComponentMixin", "component_default", "type", "AVATAR_TYPE", "D", "ke", "getPresenceSize", "to", "name", "DEFAULTS", "getAvatarIconSize", "content", "getAvatarTextFontSize", "counter", "MAX_COUNTER", "initials", "changedProperties", "avatar_styles_default", "__decorateClass", "r", "avatar_component_default", "styles", "hostFitContentStyles", "i", "presence_styles_default", "getIconValue", "type", "TYPE", "Presence", "component_default", "DEFAULTS", "SIZE", "iconName", "getIconValue", "ke", "presence_styles_default", "__decorateClass", "n", "r", "presence_component_default", "presence_component_default", "TAG_NAME", "presence_default", "fontsStyles", "i", "styles", "i", "fontsStyles", "text_styles_default", "Text", "component_default", "DEFAULTS", "VALID_TEXT_TAGS", "ke", "text_styles_default", "__decorateClass", "n", "text_component_default", "text_component_default", "TAG_NAME", "text_default", "avatar_component_default", "TAG_NAME", "avatar_default", "PartType", "ATTRIBUTE", "CHILD", "PROPERTY", "BOOLEAN_ATTRIBUTE", "EVENT", "ELEMENT", "directive", "c", "values", "_$litDirective$", "Directive", "_partInfo", "_$isConnected", "this", "_$parent", "part", "parent", "attributeIndex", "__part", "__attributeIndex", "props", "update", "_part", "render", "classMap", "directive", "Directive", "partInfo", "super", "type", "PartType", "ATTRIBUTE", "name", "strings", "length", "Error", "classInfo", "Object", "keys", "filter", "key", "join", "part", "this", "_previousClasses", "Set", "_staticClasses", "split", "s", "has", "add", "render", "classList", "element", "remove", "delete", "value", "noChange", "TAG_NAME", "tag_name_default", "TYPE", "ICON_NAMES_LIST", "ICON_VARIANT", "ICON_STATE", "BACKGROUND_STYLES", "DEFAULTS", "styles", "hostFitContentStyles", "i", "badge_styles_default", "Badge", "component_default", "DEFAULTS", "maxCounter", "counter", "iconName", "backgroundClassPostfix", "ke", "Rt", "to", "TYPE", "VALID_TEXT_TAGS", "ICON_VARIANT", "type", "variant", "ICON_NAMES_LIST", "ICON_STATE", "changedProperties", "badge_styles_default", "__decorateClass", "n", "badge_component_default", "badge_component_default", "TAG_NAME", "badge_default", "styles", "i", "button_styles_default", "TAG_NAME", "tag_name_default", "BUTTON_SIZES", "BUTTON_TYPE", "DEFAULTS", "TAG_NAME", "tag_name_default", "BUTTON_VARIANTS", "PILL_BUTTON_SIZES", "ICON_BUTTON_SIZES", "BUTTON_COLORS", "BUTTON_TYPE_INTERNAL", "DEFAULTS", "BUTTON_TYPE", "getIconSize", "size", "ICON_BUTTON_SIZES", "getIconNameWithoutStyle", "iconName", "iconParts", "variants", "part", "styles", "hostFitContentStyles", "i", "hostFocusRingStyles", "buttonsimple_styles_default", "DisabledMixin", "superClass", "InnerMixinClass", "__decorateClass", "n", "TabIndexMixin", "superClass", "InnerMixinClass", "__decorateClass", "n", "Buttonsimple", "TabIndexMixin", "DisabledMixin", "component_default", "DEFAULTS", "changedProperties", "BUTTON_TYPE", "element", "active", "softDisabled", "disabled", "clickEvent", "event", "ke", "buttonsimple_styles_default", "__decorateClass", "n", "buttonsimple_component_default", "buttonsimple_component_default", "TAG_NAME", "buttonsimple_default", "Button", "buttonsimple_default", "DEFAULTS", "changedProperties", "active", "getIconNameWithoutStyle", "variant", "BUTTON_VARIANTS", "size", "isValidSize", "BUTTON_TYPE_INTERNAL", "ICON_BUTTON_SIZES", "PILL_BUTTON_SIZES", "getIconSize", "color", "BUTTON_COLORS", "_a", "_b", "slot", "ke", "button_styles_default", "__decorateClass", "n", "r", "button_component_default", "button_component_default", "TAG_NAME", "button_default", "styles", "i", "bullet_styles_default", "TAG_NAME", "tag_name_default", "SIZE", "Bullet", "component_default", "SIZE", "bullet_styles_default", "__decorateClass", "n", "bullet_component_default", "bullet_component_default", "TAG_NAME", "bullet_default", "styles", "i", "marker_styles_default", "TAG_NAME", "tag_name_default", "MARKER_VARIANTS", "Marker", "component_default", "MARKER_VARIANTS", "marker_styles_default", "__decorateClass", "n", "marker_component_default", "marker_component_default", "TAG_NAME", "marker_default", "styles", "hostFitContentStyles", "i", "divider_styles_default", "TAG_NAME", "tag_name_default", "DIVIDER_ORIENTATION", "DIVIDER_VARIANT", "DIRECTIONS", "ARROW_ICONS", "DEFAULTS", "Divider", "component_default", "DEFAULTS", "variant", "DIVIDER_VARIANT", "orientation", "DIVIDER_ORIENTATION", "defaultDirection", "DIRECTIONS", "buttonElement", "iconType", "isHorizontal", "isPositive", "ARROW_ICONS", "changedProperties", "_a", "slot", "assignedElements", "hasTextChild", "el", "TAG_NAME", "hasButtonChild", "ke", "divider_styles_default", "__decorateClass", "n", "divider_component_default", "divider_component_default", "TAG_NAME", "divider_default", "styles", "hostFitContentStyles", "i", "hostFocusRingStyles", "avatarbutton_styles_default", "AvatarButton", "AvatarComponentMixin", "buttonsimple_default", "DEFAULTS", "changedProperties", "size", "AVATAR_SIZE", "ke", "to", "avatarbutton_styles_default", "__decorateClass", "n", "avatarbutton_component_default", "TAG_NAME", "tag_name_default", "avatarbutton_component_default", "TAG_NAME", "avatarbutton_default"]
7
7
  }