igniteui-webcomponents 7.1.2 → 7.2.0

package/components/common/i18n/i18n-controller.js

@@ -1,10 +1,10 @@
-import { getCurrentI18n, getDateFormatter, getDisplayNamesFormatter, getI18nManager, } from 'igniteui-i18n-core';
-import { calendarResourcesMap, convertToCoreResource, dateRangePickerResourcesMap, } from './utils.js';
+import { getCurrentI18n, getDateFormatter, getI18nManager, } from 'igniteui-i18n-core';
+import { convertToCoreResource, convertToIgcResource, } from './utils.js';
 class I18nController {
     set locale(value) {
         if (this._locale !== value) {
             this._locale = value;
-            this._defaultResourceStrings = this._getCurrentResourceStrings();
+            this._defaultResourceStrings = this._getDefaultResourceStrings();
             this._host.requestUpdate();
         }
     }
@@ -13,7 +13,16 @@ class I18nController {
     }
     set resourceStrings(value) {
         if (this._resourceStrings !== value) {
-            this._resourceStrings = value;
+            if (value) {
+                this._customResourceStrings = this._resourceMapName
+                    ? this.getMixedResourceStrings(value)
+                    : value;
+                this._resourceStrings = Object.assign({}, this._defaultResourceStrings, this._customResourceStrings);
+            }
+            else {
+                this._customResourceStrings = value;
+                this._resourceStrings = value;
+            }
             this._host.requestUpdate();
         }
     }
@@ -23,9 +32,10 @@ class I18nController {
     constructor(host, config) {
         this._host = host;
         this._defaultEN = config.defaultEN;
+        this._resourceMapName = config.resourceMapName;
         this._resourceChangeCallback = config.onResourceChange;
-        this._defaultResourceStrings = this._getCurrentResourceStrings();
-        this._registerResources(this._defaultEN);
+        this._defaultResourceStrings = this._getDefaultResourceStrings();
+        getI18nManager().registerI18n(this._defaultEN, getI18nManager().defaultLocale);
         this._host.addController(this);
     }
     hostConnected() {
@@ -35,49 +45,31 @@ class I18nController {
         getI18nManager().removeEventListener('onResourceChange', this);
     }
     handleEvent(event) {
-        this._defaultResourceStrings = this._getCurrentResourceStrings();
+        this._defaultResourceStrings = this._getDefaultResourceStrings();
+        if (this._customResourceStrings) {
+            this._resourceStrings = Object.assign({}, this._defaultResourceStrings, this._customResourceStrings);
+        }
         this._resourceChangeCallback?.call(this._host, event);
         this._host.requestUpdate();
     }
-    _registerResources(resource) {
-        const convertedResource = convertToCoreResource(resource);
-        const manager = getI18nManager();
-        manager.registerI18n(convertedResource, manager.defaultLocale);
-    }
-    _getResourceMapForComponent() {
-        const keys = Object.keys(this._defaultEN);
-        if (keys.includes('last7Days')) {
-            return dateRangePickerResourcesMap;
-        }
-        if (keys.includes('selectMonth')) {
-            return calendarResourcesMap;
-        }
-        return undefined;
-    }
-    _getCurrentResourceStrings() {
+    _getDefaultResourceStrings() {
         const coreResourceStrings = getI18nManager().getCurrentResourceStrings(this.locale);
-        const resourceMap = this._getResourceMapForComponent();
         const normalizedResourceStrings = {};
         const defaultComponentKeys = Object.keys(this._defaultEN);
-        for (const igcKey of defaultComponentKeys) {
-            const coreKey = resourceMap?.get(igcKey);
-            let resolvedValue = this._defaultEN[igcKey];
-            if (coreKey) {
-                if (coreKey.includes('getWeekLabel')) {
-                    resolvedValue = getDisplayNamesFormatter().getWeekLabel(this.locale, {
-                        style: 'short',
-                    });
-                }
-                else if (coreKey in coreResourceStrings) {
-                    resolvedValue = coreResourceStrings[coreKey];
-                }
-            }
-            else if (igcKey in coreResourceStrings) {
-                resolvedValue = coreResourceStrings[igcKey];
+        for (const key of defaultComponentKeys) {
+            let resolvedValue = this._defaultEN[key];
+            if (key in coreResourceStrings) {
+                resolvedValue = coreResourceStrings[key];
             }
-            normalizedResourceStrings[igcKey] = resolvedValue;
+            normalizedResourceStrings[key] = resolvedValue;
+        }
+        return this.getMixedResourceStrings(normalizedResourceStrings);
+    }
+    getMixedResourceStrings(value) {
+        if (this._resourceMapName) {
+            return Object.assign({}, convertToCoreResource(value, this._resourceMapName), convertToIgcResource(value, this._resourceMapName));
         }
-        return normalizedResourceStrings;
+        return value;
     }
 }
 const DATE_TIME_STYLES = new Set(['short', 'long', 'medium', 'full']);

package/components/common/i18n/i18n-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-controller.js","sourceRoot":"","sources":["../../../../src/components/common/i18n/i18n-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  getCurrentI18n,\n  getDateFormatter,\n  getDisplayNamesFormatter,\n  getI18nManager,\n  type IResourceChangeEventArgs,\n  type IResourceStrings,\n} from 'igniteui-i18n-core';\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport {\n  calendarResourcesMap,\n  convertToCoreResource,\n  dateRangePickerResourcesMap,\n} from './utils.js';\n\n/**\n * Defines the structure for the host element that will use this controller.\n * The host must be a Lit element (ReactiveControllerHost) and an HTMLElement.\n */\ninterface I18nControllerHost extends ReactiveControllerHost, HTMLElement {\n  // Properties the host is expected to have/use, though they are managed by the controller.\n  resourceStrings?: unknown;\n  locale?: string;\n}\n\ntype ResourceChangeCallback = (\n  event: CustomEvent<IResourceChangeEventArgs>\n) => unknown;\n\n/** Configuration object for the I18nController. */\ntype I18nControllerConfig<T extends object> = {\n  /** The full default English resource strings object for the component. */\n  defaultEN: T;\n  /** An optional callback to execute when the global locale changes. */\n  onResourceChange?: ResourceChangeCallback;\n};\n\n/**\n * Manages localization (i18n) for a Lit web component.\n * It handles the current locale, component-specific resource overrides,\n * and updates when the global localization state changes.\n */\nclass I18nController<T extends object> implements ReactiveController {\n  //#region Internal properties and state\n\n  private readonly _host: I18nControllerHost;\n  private readonly _defaultEN: T;\n\n  private _resourceChangeCallback?: ResourceChangeCallback;\n  private _defaultResourceStrings: T;\n  private _locale?: string;\n  private _resourceStrings?: T;\n\n  //#endregion\n\n  //#region Public properties\n\n  /**\n   * Sets a custom locale that overrides the global one for this host component instance.\n   * Setting a new locale triggers an update of the resource strings.\n   */\n  public set locale(value: string | undefined) {\n    if (this._locale !== value) {\n      this._locale = value;\n      this._defaultResourceStrings = this._getCurrentResourceStrings();\n      this._host.requestUpdate();\n    }\n  }\n\n  /**\n   * Gets the resolved locale for the host component.\n   * This is the component's custom locale if set, otherwise it falls back to the\n   * global locale.\n   */\n  public get locale(): string {\n    return this._locale ?? getCurrentI18n();\n  }\n\n  /**\n   * Sets custom resource string for component with this controller.\n   * Gets the resolved resource string for component.\n   */\n  public set resourceStrings(value: T | undefined) {\n    if (this._resourceStrings !== value) {\n      this._resourceStrings = value;\n      this._host.requestUpdate();\n    }\n  }\n\n  /** Get resolved resource strings for component */\n  public get resourceStrings(): T {\n    return this._resourceStrings ?? this._defaultResourceStrings;\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks and event listener\n\n  constructor(host: I18nControllerHost, config: I18nControllerConfig<T>) {\n    this._host = host;\n    this._defaultEN = config.defaultEN;\n    this._resourceChangeCallback = config.onResourceChange;\n\n    this._defaultResourceStrings = this._getCurrentResourceStrings();\n    this._registerResources(this._defaultEN);\n\n    this._host.addController(this);\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    getI18nManager().addEventListener('onResourceChange', this);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    getI18nManager().removeEventListener('onResourceChange', this);\n  }\n\n  /** @internal */\n  public handleEvent(event: CustomEvent<IResourceChangeEventArgs>): void {\n    this._defaultResourceStrings = this._getCurrentResourceStrings();\n    this._resourceChangeCallback?.call(this._host, event);\n    this._host.requestUpdate();\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /** Registers the default English resources with the global i18n manager. */\n  private _registerResources(resource: T): void {\n    const convertedResource = convertToCoreResource(resource);\n    const manager = getI18nManager();\n\n    manager.registerI18n(convertedResource, manager.defaultLocale);\n  }\n\n  /**\n   * Helper to find the correct resource map based on the component's default resources (`#defaultEN`).\n   * This relies on structural checking (the component's key names).\n   */\n  private _getResourceMapForComponent():\n    | Map<string, string | undefined>\n    | undefined {\n    const keys = Object.keys(this._defaultEN);\n\n    if (keys.includes('last7Days')) {\n      return dateRangePickerResourcesMap;\n    }\n\n    if (keys.includes('selectMonth')) {\n      return calendarResourcesMap;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Gets the current, locale-specific resource strings for the component.\n   * The logic maps component keys (from defaultEN) to core library keys\n   * and retrieves the localized string from the i18n manager.\n   *\n   * Result is truncated, containing only relevant locale strings.\n   */\n  private _getCurrentResourceStrings(): T {\n    const coreResourceStrings = getI18nManager().getCurrentResourceStrings(\n      this.locale\n    );\n\n    const resourceMap = this._getResourceMapForComponent();\n    const normalizedResourceStrings: T = {} as T;\n    const defaultComponentKeys = Object.keys(this._defaultEN) as (keyof T)[];\n\n    for (const igcKey of defaultComponentKeys) {\n      const coreKey = resourceMap?.get(igcKey as string);\n      let resolvedValue: T[keyof T] = this._defaultEN[igcKey];\n\n      if (coreKey) {\n        if (coreKey.includes('getWeekLabel')) {\n          // To be removed once the Calendar switches completely to the new i18n resources.\n          resolvedValue = getDisplayNamesFormatter().getWeekLabel(this.locale, {\n            style: 'short',\n          }) as T[keyof T];\n        } else if (coreKey in coreResourceStrings) {\n          resolvedValue = coreResourceStrings[\n            coreKey as keyof IResourceStrings\n          ] as T[keyof T];\n        }\n      } else if (igcKey in coreResourceStrings) {\n        // For a mix of old and core resources.\n        // Only for internal default resources. Users shouldn't mix them.\n        resolvedValue = coreResourceStrings[\n          igcKey as keyof IResourceStrings\n        ] as T[keyof T];\n      }\n\n      normalizedResourceStrings[igcKey] = resolvedValue;\n    }\n\n    return normalizedResourceStrings;\n  }\n\n  //#endregion\n}\n\n/**\n * Formats a date for display based on the specified format and locale.\n */\ntype DateTimeStyle = 'short' | 'long' | 'medium' | 'full';\n\nconst DATE_TIME_STYLES = new Set<string>(['short', 'long', 'medium', 'full']);\n\nfunction extractStyle(format: string, suffix: string): DateTimeStyle {\n  return format.toLowerCase().split(suffix)[0] as DateTimeStyle;\n}\n\n/** Returns the default date-time input format for a given locale */\nexport function getDefaultDateTimeFormat(locale: string): string {\n  return getDateFormatter().getLocaleDateTimeFormat(locale, true);\n}\n\n/** Returns the date-time format string with the appropriate suffix if it's a predefined style */\nexport function getDateTimeFormat(\n  format?: string,\n  suffix: 'Date' | 'Time' = 'Date'\n): string | undefined {\n  return format && DATE_TIME_STYLES.has(format) ? `${format}${suffix}` : format;\n}\n\n/**\n * Formats a date for display using the specified format.\n */\nexport function formatDisplayDate(\n  value: Date,\n  locale: string,\n  displayFormat?: string\n): string {\n  if (!displayFormat) {\n    return getDateFormatter().formatDateTime(value, locale, {});\n  }\n\n  // Full date+time styles (short, long, medium, full)\n  if (DATE_TIME_STYLES.has(displayFormat)) {\n    const style = displayFormat as DateTimeStyle;\n    return getDateFormatter().formatDateTime(value, locale, {\n      dateStyle: style,\n      timeStyle: style,\n    });\n  }\n\n  // Date-only styles (shortDate, longDate, etc.)\n  if (displayFormat.endsWith('Date')) {\n    return getDateFormatter().formatDateTime(value, locale, {\n      dateStyle: extractStyle(displayFormat, 'date'),\n    });\n  }\n\n  // Time-only styles (shortTime, longTime, etc.)\n  if (displayFormat.endsWith('Time')) {\n    return getDateFormatter().formatDateTime(value, locale, {\n      timeStyle: extractStyle(displayFormat, 'time'),\n    });\n  }\n\n  // Custom format string\n  return getDateFormatter().formatDateCustomFormat(value, displayFormat, {\n    locale,\n  });\n}\n\n/** Factory function to create and attach the I18nController to a host. */\nexport function addI18nController<T extends object>(\n  host: I18nControllerHost,\n  config: I18nControllerConfig<T>\n): I18nController<T> {\n  return new I18nController<T>(host, config);\n}\n\nexport type { I18nController };\n"]}
+{"version":3,"file":"i18n-controller.js","sourceRoot":"","sources":["../../../../src/components/common/i18n/i18n-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  getCurrentI18n,\n  getDateFormatter,\n  getI18nManager,\n  type IResourceChangeEventArgs,\n  type IResourceStrings,\n} from 'igniteui-i18n-core';\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport {\n  convertToCoreResource,\n  convertToIgcResource,\n  type I18nResourceMapNames,\n} from './utils.js';\n\n/**\n * Defines the structure for the host element that will use this controller.\n * The host must be a Lit element (ReactiveControllerHost) and an HTMLElement.\n */\ninterface I18nControllerHost extends ReactiveControllerHost, HTMLElement {\n  // Properties the host is expected to have/use, though they are managed by the controller.\n  resourceStrings?: unknown;\n  locale?: string;\n}\n\ntype ResourceChangeCallback = (\n  event: CustomEvent<IResourceChangeEventArgs>\n) => unknown;\n\n/** Configuration object for the I18nController. */\ntype I18nControllerConfig<T extends object> = {\n  /** The full default English resource strings object for the component. Should always come from igniteui-i18n-core. */\n  defaultEN: T;\n  /** @deprecated since 7.2.0. Optional name if component uses mixed resource strings. To be removed with deprecated resources. */\n  resourceMapName?: I18nResourceMapNames;\n  /** An optional callback to execute when the global locale changes. */\n  onResourceChange?: ResourceChangeCallback;\n};\n\n/**\n * Manages localization (i18n) for a Lit web component.\n * It handles the current locale, component-specific resource overrides,\n * and updates when the global localization state changes.\n */\nclass I18nController<T extends object> implements ReactiveController {\n  //#region Internal properties and state\n\n  private readonly _host: I18nControllerHost;\n  private readonly _defaultEN: T;\n  /** @deprecated since 7.2.0. Resource name to use when converting new to old and vice versa resource objects. */\n  private readonly _resourceMapName?: I18nResourceMapNames;\n  private readonly _resourceChangeCallback?: ResourceChangeCallback;\n\n  private _locale?: string;\n  /** Cache of default resource strings coming from i18n Manager. */\n  private _defaultResourceStrings: T;\n  /** Collection containing only custom resource strings provided. Allows for partial override of resource strings. */\n  private _customResourceStrings?: T;\n  /** Merged collection of custom resource strings and default resource strings. */\n  private _resourceStrings?: T;\n\n  //#endregion\n\n  //#region Public properties\n\n  /**\n   * Sets a custom locale that overrides the global one for this host component instance.\n   * Setting a new locale triggers an update of the resource strings.\n   */\n  public set locale(value: string | undefined) {\n    if (this._locale !== value) {\n      this._locale = value;\n      this._defaultResourceStrings = this._getDefaultResourceStrings();\n      this._host.requestUpdate();\n    }\n  }\n\n  /**\n   * Gets the resolved locale for the host component.\n   * This is the component's custom locale if set, otherwise it falls back to the\n   * global locale.\n   */\n  public get locale(): string {\n    return this._locale ?? getCurrentI18n();\n  }\n\n  /**\n   * Sets custom resource string for component with this controller.\n   * Gets the resolved resource string for component.\n   */\n  public set resourceStrings(value: T | undefined) {\n    if (this._resourceStrings !== value) {\n      if (value) {\n        this._customResourceStrings = this._resourceMapName\n          ? this.getMixedResourceStrings(value)\n          : value;\n        this._resourceStrings = Object.assign(\n          {},\n          this._defaultResourceStrings,\n          this._customResourceStrings\n        );\n      } else {\n        this._customResourceStrings = value;\n        this._resourceStrings = value;\n      }\n\n      this._host.requestUpdate();\n    }\n  }\n\n  /** Get resolved resource strings for component */\n  public get resourceStrings(): T {\n    return this._resourceStrings ?? this._defaultResourceStrings;\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks and event listener\n\n  constructor(host: I18nControllerHost, config: I18nControllerConfig<T>) {\n    this._host = host;\n    this._defaultEN = config.defaultEN;\n    this._resourceMapName = config.resourceMapName;\n    this._resourceChangeCallback = config.onResourceChange;\n\n    this._defaultResourceStrings = this._getDefaultResourceStrings();\n    getI18nManager().registerI18n(\n      this._defaultEN,\n      getI18nManager().defaultLocale\n    );\n\n    this._host.addController(this);\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    getI18nManager().addEventListener('onResourceChange', this);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    getI18nManager().removeEventListener('onResourceChange', this);\n  }\n\n  /** @internal */\n  public handleEvent(event: CustomEvent<IResourceChangeEventArgs>): void {\n    this._defaultResourceStrings = this._getDefaultResourceStrings();\n    if (this._customResourceStrings) {\n      this._resourceStrings = Object.assign(\n        {},\n        this._defaultResourceStrings,\n        this._customResourceStrings\n      );\n    }\n    this._resourceChangeCallback?.call(this._host, event);\n    this._host.requestUpdate();\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /**\n   * Gets the current, locale-specific resource strings for the component.\n   * The logic maps component keys (from defaultEN) to core library keys\n   * and retrieves the localized string from the i18n manager.\n   *\n   * Result is truncated, containing only relevant locale strings.\n   */\n  private _getDefaultResourceStrings(): T {\n    const coreResourceStrings = getI18nManager().getCurrentResourceStrings(\n      this.locale\n    );\n\n    // Get all related resources to the component, based on the default resources.\n    const normalizedResourceStrings: T = {} as T;\n    const defaultComponentKeys = Object.keys(this._defaultEN) as (keyof T)[];\n    for (const key of defaultComponentKeys) {\n      let resolvedValue: T[keyof T] = this._defaultEN[key];\n      if (key in coreResourceStrings) {\n        // For a mix of old and core resources.\n        // Only for internal default resources. Users shouldn't mix them.\n        resolvedValue = coreResourceStrings[\n          key as keyof IResourceStrings\n        ] as T[keyof T];\n      }\n\n      normalizedResourceStrings[key] = resolvedValue;\n    }\n\n    return this.getMixedResourceStrings(normalizedResourceStrings);\n  }\n\n  private getMixedResourceStrings(value: T): T {\n    if (this._resourceMapName) {\n      return Object.assign(\n        {},\n        convertToCoreResource(value, this._resourceMapName),\n        convertToIgcResource(value, this._resourceMapName)\n      ) as T;\n    }\n    return value;\n  }\n\n  //#endregion\n}\n\n/**\n * Formats a date for display based on the specified format and locale.\n */\ntype DateTimeStyle = 'short' | 'long' | 'medium' | 'full';\n\nconst DATE_TIME_STYLES = new Set<string>(['short', 'long', 'medium', 'full']);\n\nfunction extractStyle(format: string, suffix: string): DateTimeStyle {\n  return format.toLowerCase().split(suffix)[0] as DateTimeStyle;\n}\n\n/** Returns the default date-time input format for a given locale */\nexport function getDefaultDateTimeFormat(locale: string): string {\n  return getDateFormatter().getLocaleDateTimeFormat(locale, true);\n}\n\n/** Returns the date-time format string with the appropriate suffix if it's a predefined style */\nexport function getDateTimeFormat(\n  format?: string,\n  suffix: 'Date' | 'Time' = 'Date'\n): string | undefined {\n  return format && DATE_TIME_STYLES.has(format) ? `${format}${suffix}` : format;\n}\n\n/**\n * Formats a date for display using the specified format.\n */\nexport function formatDisplayDate(\n  value: Date,\n  locale: string,\n  displayFormat?: string\n): string {\n  if (!displayFormat) {\n    return getDateFormatter().formatDateTime(value, locale, {});\n  }\n\n  // Full date+time styles (short, long, medium, full)\n  if (DATE_TIME_STYLES.has(displayFormat)) {\n    const style = displayFormat as DateTimeStyle;\n    return getDateFormatter().formatDateTime(value, locale, {\n      dateStyle: style,\n      timeStyle: style,\n    });\n  }\n\n  // Date-only styles (shortDate, longDate, etc.)\n  if (displayFormat.endsWith('Date')) {\n    return getDateFormatter().formatDateTime(value, locale, {\n      dateStyle: extractStyle(displayFormat, 'date'),\n    });\n  }\n\n  // Time-only styles (shortTime, longTime, etc.)\n  if (displayFormat.endsWith('Time')) {\n    return getDateFormatter().formatDateTime(value, locale, {\n      timeStyle: extractStyle(displayFormat, 'time'),\n    });\n  }\n\n  // Custom format string\n  return getDateFormatter().formatDateCustomFormat(value, displayFormat, {\n    locale,\n  });\n}\n\n/** Factory function to create and attach the I18nController to a host. */\nexport function addI18nController<T extends object>(\n  host: I18nControllerHost,\n  config: I18nControllerConfig<T>\n): I18nController<T> {\n  return new I18nController<T>(host, config);\n}\n\nexport type { I18nController };\n"]}

package/components/common/i18n/utils.d.ts

@@ -1,7 +1,13 @@
 import type { IResourceStrings } from 'igniteui-i18n-core';
 import type { IgcCalendarResourceStrings } from './EN/calendar.resources.js';
+import type { IgcChatResourceStrings } from './EN/chat.resources.js';
+import type { IgcDatePickerResourceStrings } from './EN/date-picker.resources.js';
 import type { IgcDateRangePickerResourceStrings } from './EN/date-range-picker.resources.js';
+/** Names of components currently handling a mix of old and new resource strings. */
+export type I18nResourceMapNames = 'calendar' | 'date-picker' | 'date-range-picker' | 'chat';
 export declare const calendarResourcesMap: Map<keyof IgcCalendarResourceStrings, string | undefined>;
+export declare const chatResourcesMap: Map<keyof IgcChatResourceStrings, string>;
 export declare const dateRangePickerResourcesMap: Map<keyof IgcDateRangePickerResourceStrings, string | undefined>;
-export declare function convertToIgcResource<T extends object>(resource: IResourceStrings): T;
-export declare function convertToCoreResource<T>(resource: T): IResourceStrings;
+export declare const datePickerResourcesMap: Map<keyof IgcDatePickerResourceStrings, string | undefined>;
+export declare function convertToIgcResource<T extends object>(resource: IResourceStrings, resourceMapName: I18nResourceMapNames): T;
+export declare function convertToCoreResource<T extends object>(resource: T, resourceMapName: I18nResourceMapNames): IResourceStrings;

package/components/common/i18n/utils.js

@@ -1,4 +1,4 @@
-import { isObject, isString } from '../util.js';
+import { isString } from '../util.js';
 export const calendarResourcesMap = new Map([
     ['selectMonth', 'calendar_select_month'],
     ['selectYear', 'calendar_select_year'],
@@ -15,6 +15,16 @@ export const calendarResourcesMap = new Map([
     ['nextYears', 'calendar_next_years'],
     ['weekLabel', 'i18n/getWeekLabel'],
 ]);
+export const chatResourcesMap = new Map([
+    ['suggestionsHeader', 'chat_suggestions_header'],
+    ['reactionCopy', 'chat_reaction_copy'],
+    ['reactionLike', 'chat_reaction_like'],
+    ['reactionDislike', 'chat_reaction_dislike'],
+    ['reactionRegenerate', 'chat_reaction_regenerate'],
+    ['attachmentLabel', 'chat_attachment_label'],
+    ['attachmentsListLabel', 'chat_attachments_list_label'],
+    ['messageCopied', 'chat_message_copied'],
+]);
 export const dateRangePickerResourcesMap = new Map([
     ['separator', 'date_range_picker_date_separator'],
     ['done', 'date_range_picker_done_button'],
@@ -25,64 +35,62 @@ export const dateRangePickerResourcesMap = new Map([
     ['yearToDate', 'date_range_picker_yearToDate'],
     ...calendarResourcesMap.entries(),
 ]);
-function isCalendarResource(resource) {
-    return (isObject(resource) &&
-        'selectMonth' in resource &&
-        !isDateRangePickerResource(resource));
-}
-function isDateRangePickerResource(resource) {
-    return isObject(resource) && 'last7Days' in resource;
-}
-function getResourceMap(resource) {
-    if (isCalendarResource(resource)) {
-        return calendarResourcesMap;
-    }
-    if (isDateRangePickerResource(resource)) {
-        return dateRangePickerResourcesMap;
-    }
-    return undefined;
-}
-function getResourceMapForCore(resource) {
-    if ('date_range_picker_last7Days' in resource) {
-        return dateRangePickerResourcesMap;
-    }
-    if ('calendar_select_month' in resource) {
-        return calendarResourcesMap;
+export const datePickerResourcesMap = new Map([
+    ['changeDate', 'date_picker_change_date'],
+    ['chooseDate', 'date_picker_choose_date'],
+    ...calendarResourcesMap.entries(),
+]);
+function getResourceMap(name) {
+    switch (name) {
+        case 'calendar':
+            return calendarResourcesMap;
+        case 'chat':
+            return chatResourcesMap;
+        case 'date-picker':
+            return datePickerResourcesMap;
+        case 'date-range-picker':
+            return dateRangePickerResourcesMap;
+        default:
+            break;
     }
-    return undefined;
+    return new Map();
 }
-export function convertToIgcResource(resource) {
+export function convertToIgcResource(resource, resourceMapName) {
     const result = {};
-    const resourceMap = getResourceMapForCore(resource);
+    const resourceMap = getResourceMap(resourceMapName);
     if (!resourceMap) {
         return resource;
     }
-    for (const [componentKey, coreKey] of resourceMap) {
-        if (coreKey && coreKey in resource) {
-            const coreValue = resource[coreKey];
-            if (isString(coreValue)) {
-                result[componentKey] = coreValue;
+    for (const [igcKey, coreKey] of resourceMap) {
+        if (igcKey in resource) {
+            result[igcKey] = resource[igcKey];
+        }
+        else if (coreKey && coreKey in resource) {
+            const value = resource[coreKey];
+            if (isString(value)) {
+                result[igcKey] = value;
             }
         }
     }
     return result;
 }
-export function convertToCoreResource(resource) {
+export function convertToCoreResource(resource, resourceMapName) {
     const result = {};
-    const resourceMap = getResourceMap(resource);
-    if (resourceMap) {
-        for (const [key, coreKey] of resourceMap) {
-            if (coreKey) {
-                const value = resource[key];
-                if (isString(value)) {
-                    result[coreKey] = value;
-                }
+    const resourceMap = getResourceMap(resourceMapName);
+    if (!resourceMap) {
+        return resource;
+    }
+    for (const [igcKey, coreKey] of resourceMap) {
+        if (coreKey && coreKey in resource) {
+            result[coreKey] = resource[coreKey];
+        }
+        else if (coreKey) {
+            const value = resource[igcKey];
+            if (isString(value)) {
+                result[coreKey] = value;
             }
         }
     }
-    else {
-        return resource;
-    }
     return result;
 }
 //# sourceMappingURL=utils.js.map

package/components/common/i18n/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/common/i18n/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { IResourceStrings } from 'igniteui-i18n-core';\nimport { isObject, isString } from '../util.js';\nimport type { IgcCalendarResourceStrings } from './EN/calendar.resources.js';\nimport type { IgcDateRangePickerResourceStrings } from './EN/date-range-picker.resources.js';\n\nexport const calendarResourcesMap = new Map<\n  keyof IgcCalendarResourceStrings,\n  string | undefined\n>([\n  ['selectMonth', 'calendar_select_month'],\n  ['selectYear', 'calendar_select_year'],\n  ['selectDate', 'calendar_select_date'],\n  ['selectRange', 'calendar_range_placeholder'],\n  ['selectedDate', undefined], // This one seems not to be in use anyway\n  ['startDate', 'calendar_range_label_start'],\n  ['endDate', 'calendar_range_label_end'],\n  ['previousMonth', 'calendar_previous_month'],\n  ['nextMonth', 'calendar_next_month'],\n  ['previousYear', 'calendar_previous_year'],\n  ['nextYear', 'calendar_next_year'],\n  ['previousYears', 'calendar_previous_years'],\n  ['nextYears', 'calendar_next_years'],\n  ['weekLabel', 'i18n/getWeekLabel'],\n]);\n\nexport const dateRangePickerResourcesMap = new Map<\n  keyof IgcDateRangePickerResourceStrings,\n  string | undefined\n>([\n  ['separator', 'date_range_picker_date_separator'],\n  ['done', 'date_range_picker_done_button'],\n  ['cancel', 'date_range_picker_cancel_button'],\n  ['last7Days', 'date_range_picker_last7Days'],\n  ['last30Days', 'date_range_picker_last30Days'],\n  ['currentMonth', 'date_range_picker_currentMonth'],\n  ['yearToDate', 'date_range_picker_yearToDate'],\n  ...(\n    calendarResourcesMap as Map<\n      keyof IgcDateRangePickerResourceStrings,\n      string | undefined\n    >\n  ).entries(),\n]);\n\nfunction isCalendarResource(\n  resource: unknown\n): resource is IgcCalendarResourceStrings {\n  return (\n    isObject(resource) &&\n    'selectMonth' in resource &&\n    !isDateRangePickerResource(resource)\n  );\n}\n\nfunction isDateRangePickerResource(\n  resource: unknown\n): resource is IgcDateRangePickerResourceStrings {\n  return isObject(resource) && 'last7Days' in resource;\n}\n\nfunction getResourceMap<T>(\n  resource: T\n): Map<string, string | undefined> | undefined {\n  if (isCalendarResource(resource)) {\n    return calendarResourcesMap;\n  }\n\n  if (isDateRangePickerResource(resource)) {\n    return dateRangePickerResourcesMap;\n  }\n\n  return undefined;\n}\n\nfunction getResourceMapForCore<T extends IResourceStrings>(\n  resource: T\n): Map<string, string | undefined> | undefined {\n  if ('date_range_picker_last7Days' in resource) {\n    return dateRangePickerResourcesMap;\n  }\n\n  if ('calendar_select_month' in resource) {\n    return calendarResourcesMap;\n  }\n\n  return undefined;\n}\n\nexport function convertToIgcResource<T extends object>(\n  resource: IResourceStrings\n): T {\n  const result = {} as T;\n  const resourceMap = getResourceMapForCore(resource);\n\n  if (!resourceMap) {\n    return resource as T;\n  }\n\n  for (const [componentKey, coreKey] of resourceMap) {\n    if (coreKey && coreKey in resource) {\n      const coreValue = resource[coreKey as keyof IResourceStrings];\n\n      if (isString(coreValue)) {\n        result[componentKey as keyof T] = coreValue as T[keyof T];\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function convertToCoreResource<T>(resource: T): IResourceStrings {\n  const result: IResourceStrings = {};\n  const resourceMap = getResourceMap(resource);\n\n  if (resourceMap) {\n    for (const [key, coreKey] of resourceMap) {\n      if (coreKey) {\n        const value = resource[key as keyof T];\n        if (isString(value)) {\n          result[coreKey as keyof IResourceStrings] = value;\n        }\n      }\n    }\n  } else {\n    return resource as IResourceStrings;\n  }\n\n  return result;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/common/i18n/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { IResourceStrings } from 'igniteui-i18n-core';\nimport { isString } from '../util.js';\nimport type { IgcCalendarResourceStrings } from './EN/calendar.resources.js';\nimport type { IgcChatResourceStrings } from './EN/chat.resources.js';\nimport type { IgcDatePickerResourceStrings } from './EN/date-picker.resources.js';\nimport type { IgcDateRangePickerResourceStrings } from './EN/date-range-picker.resources.js';\n\n/** Names of components currently handling a mix of old and new resource strings. */\nexport type I18nResourceMapNames =\n  | 'calendar'\n  | 'date-picker'\n  | 'date-range-picker'\n  | 'chat';\n\nexport const calendarResourcesMap = new Map<\n  keyof IgcCalendarResourceStrings,\n  string | undefined\n>([\n  ['selectMonth', 'calendar_select_month'],\n  ['selectYear', 'calendar_select_year'],\n  ['selectDate', 'calendar_select_date'],\n  ['selectRange', 'calendar_range_placeholder'],\n  ['selectedDate', undefined], // This one seems not to be in use anyway\n  ['startDate', 'calendar_range_label_start'],\n  ['endDate', 'calendar_range_label_end'],\n  ['previousMonth', 'calendar_previous_month'],\n  ['nextMonth', 'calendar_next_month'],\n  ['previousYear', 'calendar_previous_year'],\n  ['nextYear', 'calendar_next_year'],\n  ['previousYears', 'calendar_previous_years'],\n  ['nextYears', 'calendar_next_years'],\n  ['weekLabel', 'i18n/getWeekLabel'],\n]);\n\nexport const chatResourcesMap = new Map<keyof IgcChatResourceStrings, string>([\n  ['suggestionsHeader', 'chat_suggestions_header'],\n  ['reactionCopy', 'chat_reaction_copy'],\n  ['reactionLike', 'chat_reaction_like'],\n  ['reactionDislike', 'chat_reaction_dislike'],\n  ['reactionRegenerate', 'chat_reaction_regenerate'],\n  ['attachmentLabel', 'chat_attachment_label'],\n  ['attachmentsListLabel', 'chat_attachments_list_label'],\n  ['messageCopied', 'chat_message_copied'],\n]);\n\nexport const dateRangePickerResourcesMap = new Map<\n  keyof IgcDateRangePickerResourceStrings,\n  string | undefined\n>([\n  ['separator', 'date_range_picker_date_separator'],\n  ['done', 'date_range_picker_done_button'],\n  ['cancel', 'date_range_picker_cancel_button'],\n  ['last7Days', 'date_range_picker_last7Days'],\n  ['last30Days', 'date_range_picker_last30Days'],\n  ['currentMonth', 'date_range_picker_currentMonth'],\n  ['yearToDate', 'date_range_picker_yearToDate'],\n  ...(\n    calendarResourcesMap as Map<\n      keyof IgcDateRangePickerResourceStrings,\n      string | undefined\n    >\n  ).entries(),\n]);\n\nexport const datePickerResourcesMap = new Map<\n  keyof IgcDatePickerResourceStrings,\n  string | undefined\n>([\n  ['changeDate', 'date_picker_change_date'],\n  ['chooseDate', 'date_picker_choose_date'],\n  ...(\n    calendarResourcesMap as Map<\n      keyof IgcCalendarResourceStrings,\n      string | undefined\n    >\n  ).entries(),\n]);\n\nfunction getResourceMap(\n  name: I18nResourceMapNames\n): Map<string, string | undefined> | undefined {\n  switch (name) {\n    case 'calendar':\n      return calendarResourcesMap;\n    case 'chat':\n      return chatResourcesMap;\n    case 'date-picker':\n      return datePickerResourcesMap;\n    case 'date-range-picker':\n      return dateRangePickerResourcesMap;\n    default:\n      break;\n  }\n\n  return new Map<string, string | undefined>();\n}\n\nexport function convertToIgcResource<T extends object>(\n  resource: IResourceStrings,\n  resourceMapName: I18nResourceMapNames\n): T {\n  const result = {} as T;\n  const resourceMap = getResourceMap(resourceMapName);\n\n  if (!resourceMap) {\n    return resource as T;\n  }\n\n  for (const [igcKey, coreKey] of resourceMap) {\n    if (igcKey in resource) {\n      result[igcKey as keyof T] = resource[\n        igcKey as keyof IResourceStrings\n      ] as T[keyof T];\n    } else if (coreKey && coreKey in resource) {\n      const value = resource[coreKey as keyof IResourceStrings];\n      if (isString(value)) {\n        result[igcKey as keyof T] = value as T[keyof T];\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function convertToCoreResource<T extends object>(\n  resource: T,\n  resourceMapName: I18nResourceMapNames\n): IResourceStrings {\n  const result: IResourceStrings = {};\n  const resourceMap = getResourceMap(resourceMapName);\n\n  if (!resourceMap) {\n    return resource as IResourceStrings;\n  }\n\n  for (const [igcKey, coreKey] of resourceMap) {\n    if (coreKey && coreKey in resource) {\n      result[coreKey as keyof IResourceStrings] = resource[\n        coreKey as keyof T\n      ] as string;\n    } else if (coreKey) {\n      const value = resource[igcKey as keyof T];\n      if (isString(value)) {\n        result[coreKey as keyof IResourceStrings] = value;\n      }\n    }\n  }\n\n  return result;\n}\n"]}

package/components/common/mixins/alert.d.ts

@@ -1,37 +1,75 @@
 import { LitElement, type PropertyValues } from 'lit';
-import type { AnimationController } from '../../../animations/player.js';
 import type { AbsolutePosition } from '../../types.js';
 export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
-    protected abstract readonly _player: AnimationController;
+    protected readonly _player: import("../../../animations/player.js").AnimationController;
     protected _autoHideTimeout?: ReturnType<typeof setTimeout>;
     /**
      * Whether the component is in shown state.
-     * @attr
+     *
+     * @attr open
+     * @default false
      */
     open: boolean;
     /**
-     * Determines the duration in ms in which the component will be visible.
+     * Determines the duration in milliseconds in which the component will be visible.
+     *
      * @attr display-time
+     * @default 4000
      */
     displayTime: number;
     /**
      * Determines whether the component should close after the `displayTime` is over.
+     *
      * @attr keep-open
+     * @default false
      */
     keepOpen: boolean;
     /**
      * Sets the position of the component in the viewport.
-     * @attr
+     *
+     * `bottom` - positions the component at the bottom. This is the default.
+     * `middle` - positions the component at the center.
+     * `top` - positions the component at the top.
+     *
+     * @attr position
+     * @default 'bottom'
      */
     position: AbsolutePosition;
+    /**
+     * Sets the positioning strategy of the component.
+     *
+     * `viewport` - positions the component relative to the viewport, ignoring any ancestor elements. This is the default behavior.
+     * `container` - positions the component relative to the nearest visible ancestor. In this mode, the component will be constrained within the bounding box of the ancestor and will be positioned according to the `position` attribute.
+     *
+     * @attr positioning
+     * @default 'viewport'
+     */
+    positioning: 'viewport' | 'container';
     constructor();
-    protected updated(props: PropertyValues<this>): void;
+    connectedCallback(): void;
+    protected update(props: PropertyValues<this>): void;
+    private _showPopover;
     private _setOpenState;
     private _setAutoHideTimer;
-    /** Opens the component. */
+    /**
+     * Opens the component.
+     *
+     * Returns a promise that resolves to `true` if the component was successfully opened, or `false`
+     * if it was already open or could not be shown (e.g., in `container` positioning mode with no visible ancestors).
+     */
     show(): Promise<boolean>;
-    /** Closes the component. */
+    /**
+     * Closes the component.
+     *
+     * Returns a promise that resolves to `true` if the component was successfully closed, or `false`
+     * if it was already closed.
+     */
     hide(): Promise<boolean>;
-    /** Toggles the open state of the component. */
+    /**
+     * Toggles the open state of the component.
+     *
+     * Returns a promise that resolves to `true` if the operation completed successfully, or `false`
+     * if it was already in the desired state.
+     */
     toggle(): Promise<boolean>;
 }

package/components/common/mixins/alert.js

@@ -6,15 +6,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { addAnimationController } from '../../../animations/player.js';
 import { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';
+import { addCommandController } from '../controllers/command.js';
 import { addInternalsController } from '../controllers/internals.js';
+import { getVisibleAncestor, isPopoverOpen } from '../util.js';
 export class IgcBaseAlertLikeComponent extends LitElement {
     constructor() {
         super();
+        this._player = addAnimationController(this);
         this.open = false;
         this.displayTime = 4000;
         this.keepOpen = false;
         this.position = 'bottom';
+        this.positioning = 'viewport';
+        addCommandController(this)
+            .set('--show', this.show)
+            .set('--hide', this.hide)
+            .set('--toggle', this.toggle);
         addInternalsController(this, {
             initialARIA: {
                 role: 'status',
@@ -22,26 +31,57 @@ export class IgcBaseAlertLikeComponent extends LitElement {
             },
         });
     }
-    updated(props) {
-        if (props.has('displayTime')) {
+    connectedCallback() {
+        super.connectedCallback();
+        this.popover = 'manual';
+    }
+    update(props) {
+        if (props.has('open')) {
+            if (this.open && !isPopoverOpen(this)) {
+                this._showPopover();
+            }
+            else if (!this.open && isPopoverOpen(this)) {
+                this.hidePopover();
+            }
+        }
+        if (this.open && (props.has('positioning') || props.has('position'))) {
+            this.hidePopover();
+            this._showPopover();
+        }
+        if (props.has('open') ||
+            props.has('displayTime') ||
+            props.has('keepOpen')) {
             this._setAutoHideTimer();
         }
-        if (props.has('keepOpen')) {
-            clearTimeout(this._autoHideTimeout);
+        super.update(props);
+    }
+    _showPopover() {
+        if (this.positioning !== 'container') {
+            this.showPopover();
+            return true;
+        }
+        const visibleAncestor = getVisibleAncestor(this);
+        if (!visibleAncestor) {
+            return false;
         }
+        this.showPopover({ source: visibleAncestor });
+        return true;
     }
     async _setOpenState(open) {
-        let state;
         if (open) {
-            this.open = open;
-            state = await this._player.playExclusive(fadeIn());
+            this.open = true;
+            if (!this._showPopover()) {
+                this.open = false;
+                return false;
+            }
+            const state = await this._player.playExclusive(fadeIn());
             this._setAutoHideTimer();
+            return state;
         }
-        else {
-            clearTimeout(this._autoHideTimeout);
-            state = await this._player.playExclusive(fadeOut());
-            this.open = open;
-        }
+        clearTimeout(this._autoHideTimeout);
+        const state = await this._player.playExclusive(fadeOut());
+        this.hidePopover();
+        this.open = false;
         return state;
     }
     _setAutoHideTimer() {
@@ -72,4 +112,7 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], IgcBaseAlertLikeComponent.prototype, "position", void 0);
+__decorate([
+    property({ reflect: true })
+], IgcBaseAlertLikeComponent.prototype, "positioning", void 0);
 //# sourceMappingURL=alert.js.map

package/components/common/mixins/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { AnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport type { AbsolutePosition } from '../../types.js';\nimport { addInternalsController } from '../controllers/internals.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  declare protected abstract readonly _player: AnimationController;\n\n  protected _autoHideTimeout?: ReturnType<typeof setTimeout>;\n\n  /**\n   * Whether the component is in shown state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in ms in which the component will be visible.\n   * @attr display-time\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: AbsolutePosition = 'bottom';\n\n  constructor() {\n    super();\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'status',\n        ariaLive: 'polite',\n      },\n    });\n  }\n\n  protected override updated(props: PropertyValues<this>): void {\n    if (props.has('displayTime')) {\n      this._setAutoHideTimer();\n    }\n\n    if (props.has('keepOpen')) {\n      clearTimeout(this._autoHideTimeout);\n    }\n  }\n\n  private async _setOpenState(open: boolean): Promise<boolean> {\n    let state: boolean;\n\n    if (open) {\n      this.open = open;\n      state = await this._player.playExclusive(fadeIn());\n      this._setAutoHideTimer();\n    } else {\n      clearTimeout(this._autoHideTimeout);\n      state = await this._player.playExclusive(fadeOut());\n      this.open = open;\n    }\n\n    return state;\n  }\n\n  private _setAutoHideTimer(): void {\n    clearTimeout(this._autoHideTimeout);\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n    }\n  }\n\n  /** Opens the component. */\n  public async show(): Promise<boolean> {\n    return this.open ? false : this._setOpenState(true);\n  }\n\n  /** Closes the component. */\n  public async hide(): Promise<boolean> {\n    return this.open ? this._setOpenState(false) : false;\n  }\n\n  /** Toggles the open state of the component. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n"]}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addAnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport type { AbsolutePosition } from '../../types.js';\nimport { addCommandController } from '../controllers/command.js';\nimport { addInternalsController } from '../controllers/internals.js';\nimport { getVisibleAncestor, isPopoverOpen } from '../util.js';\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  protected readonly _player = addAnimationController(this);\n\n  protected _autoHideTimeout?: ReturnType<typeof setTimeout>;\n\n  /**\n   * Whether the component is in shown state.\n   *\n   * @attr open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in milliseconds in which the component will be visible.\n   *\n   * @attr display-time\n   * @default 4000\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   *\n   * @attr keep-open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   *\n   * `bottom` - positions the component at the bottom. This is the default.\n   * `middle` - positions the component at the center.\n   * `top` - positions the component at the top.\n   *\n   * @attr position\n   * @default 'bottom'\n   */\n  @property({ reflect: true })\n  public position: AbsolutePosition = 'bottom';\n\n  /**\n   * Sets the positioning strategy of the component.\n   *\n   * `viewport` - positions the component relative to the viewport, ignoring any ancestor elements. This is the default behavior.\n   * `container` - positions the component relative to the nearest visible ancestor. In this mode, the component will be constrained within the bounding box of the ancestor and will be positioned according to the `position` attribute.\n   *\n   * @attr positioning\n   * @default 'viewport'\n   */\n  @property({ reflect: true })\n  public positioning: 'viewport' | 'container' = 'viewport';\n\n  constructor() {\n    super();\n\n    addCommandController(this)\n      .set('--show', this.show)\n      .set('--hide', this.hide)\n      .set('--toggle', this.toggle);\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'status',\n        ariaLive: 'polite',\n      },\n    });\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.popover = 'manual';\n  }\n\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('open')) {\n      if (this.open && !isPopoverOpen(this)) {\n        this._showPopover();\n      } else if (!this.open && isPopoverOpen(this)) {\n        this.hidePopover();\n      }\n    }\n\n    if (this.open && (props.has('positioning') || props.has('position'))) {\n      this.hidePopover();\n      this._showPopover();\n    }\n\n    if (\n      props.has('open') ||\n      props.has('displayTime') ||\n      props.has('keepOpen')\n    ) {\n      this._setAutoHideTimer();\n    }\n\n    super.update(props);\n  }\n\n  private _showPopover(): boolean {\n    if (this.positioning !== 'container') {\n      this.showPopover();\n      return true;\n    }\n\n    const visibleAncestor = getVisibleAncestor(this);\n    if (!visibleAncestor) {\n      return false;\n    }\n\n    this.showPopover({ source: visibleAncestor });\n    return true;\n  }\n\n  private async _setOpenState(open: boolean): Promise<boolean> {\n    if (open) {\n      this.open = true;\n\n      if (!this._showPopover()) {\n        this.open = false;\n        return false;\n      }\n\n      const state = await this._player.playExclusive(fadeIn());\n      this._setAutoHideTimer();\n      return state;\n    }\n\n    clearTimeout(this._autoHideTimeout);\n    const state = await this._player.playExclusive(fadeOut());\n    this.hidePopover();\n    this.open = false;\n    return state;\n  }\n\n  private _setAutoHideTimer(): void {\n    clearTimeout(this._autoHideTimeout);\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n    }\n  }\n\n  /**\n   * Opens the component.\n   *\n   * Returns a promise that resolves to `true` if the component was successfully opened, or `false`\n   * if it was already open or could not be shown (e.g., in `container` positioning mode with no visible ancestors).\n   */\n  public async show(): Promise<boolean> {\n    return this.open ? false : this._setOpenState(true);\n  }\n\n  /**\n   * Closes the component.\n   *\n   * Returns a promise that resolves to `true` if the component was successfully closed, or `false`\n   * if it was already closed.\n   */\n  public async hide(): Promise<boolean> {\n    return this.open ? this._setOpenState(false) : false;\n  }\n\n  /**\n   * Toggles the open state of the component.\n   *\n   * Returns a promise that resolves to `true` if the operation completed successfully, or `false`\n   * if it was already in the desired state.\n   */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n"]}

package/components/common/mixins/forms/associated.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { property } from 'lit/decorators.js';
 import { addInternalsController } from '../../controllers/internals.js';
+import { enterKey } from '../../controllers/key-bindings.js';
 import { addSafeEventListener, isFunction, isString } from '../../util.js';
 import { InternalInvalidEvent, InternalResetEvent, } from './types.js';
 const INVALID_STATE = 'ig-invalid';
@@ -78,6 +79,16 @@ function BaseFormAssociated(base) {
             this._touched = false;
             this._validate();
         }
+        _handleEnterKeydown(event) {
+            if (event.key !== enterKey)
+                return;
+            if (event.repeat)
+                return;
+            const canSubmit = this.form && (this.form.noValidate || this.checkValidity());
+            if (canSubmit) {
+                this.form?.requestSubmit();
+            }
+        }
         async _handleInvalid(event) {
             event.preventDefault();
             this._invalid = true;