igniteui-webcomponents 7.0.0 → 7.1.0

package/components/file-input/file-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/file-input/file-input.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FileInputResourceStringsEN,\n  type IFileInputResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormValueFileListTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, hasFiles } from '../common/util.js';\nimport {\n  IgcInputBaseComponent,\n  type IgcInputComponentEventMap,\n} from '../input/input-base.js';\nimport { styles as baseStyle } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/file-input.base.css.js';\nimport { all } from './themes/themes.js';\nimport { fileValidators } from './validators.js';\n\nexport interface IgcFileInputComponentEventMap extends Omit<\n  IgcInputComponentEventMap,\n  'igcChange' | 'igcInput'\n> {\n  igcCancel: CustomEvent<FileList>;\n  igcChange: CustomEvent<FileList>;\n}\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'file-selector-text',\n  'file-missing-text',\n  'value-missing',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorSuppress */\n/**\n * @element igc-file-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot file-selector-text - Renders content for the browse button when input type is file.\n * @slot file-missing-text - Renders content when input type is file and no file is chosen.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcCancel - Emitted when the control's file picker dialog is canceled.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart file-names - The file names wrapper when input type is 'file'.\n * @csspart file-selector-button - The browse button when input type is 'file'.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcFileInputComponent extends EventEmitterMixin<\n  IgcFileInputComponentEventMap,\n  AbstractConstructor<IgcInputBaseComponent>\n>(IgcInputBaseComponent) {\n  public static readonly tagName = 'igc-file-input';\n  public static styles = [baseStyle, shared, styles];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcFileInputComponent,\n      IgcValidationContainerComponent,\n      IgcButtonComponent\n    );\n  }\n\n  //#region Internal attributes and properties\n\n  protected override readonly _themes = addThemingController(this, all);\n\n  protected override readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueFileListTransformers,\n  });\n\n  protected readonly _i18nController = addI18nController(this, {\n    defaultEN: FileInputResourceStringsEN,\n  });\n\n  protected override get __validators() {\n    return fileValidators;\n  }\n\n  private get _fileNames(): string | null {\n    if (!hasFiles(this)) {\n      return null;\n    }\n\n    return Array.from(this.files)\n      .map((file) => file.name || 'unnamed')\n      .join(', ');\n  }\n\n  /**\n   * Indicates whether the file picker dialog is currently active.\n   * Used to manage validation on blur.\n   */\n  @state()\n  private _filePickerActive = false;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * Similar to native file input, this property is read-only and cannot be set programmatically.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    if (value === '' && this._input) {\n      this._input.value = value;\n    }\n  }\n\n  public get value(): string {\n    return this._input?.value ?? '';\n  }\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(value: IFileInputResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IFileInputResourceStrings {\n    return this._i18nController.resourceStrings;\n  }\n\n  /**\n   * Gets/Sets the locale used for getting language, affecting resource strings.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The multiple attribute of the control.\n   * Used to indicate that a file input allows the user to select more than one file.\n   *\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public multiple = false;\n\n  /**\n   * The accept attribute of the control.\n   * Defines the file types as a list of comma-separated values that the file input should accept.\n   * @attr\n   */\n  @property()\n  public accept = '';\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /** Returns the list of selected files. */\n  public get files(): FileList {\n    return this._input?.files ?? new DataTransfer().files;\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected override _restoreDefaultValue(): void {\n    if (this._input) {\n      this._input.value = '';\n    }\n    super._restoreDefaultValue();\n  }\n\n  //#endregion\n\n  //#region Event Handlers\n\n  private _handleChange(): void {\n    this._filePickerActive = false;\n    this._setTouchedState();\n    this._formValue.setValueAndFormState(this.files);\n\n    this.requestUpdate();\n    this.emitEvent('igcChange', { detail: this.files });\n  }\n\n  private _handleCancel(): void {\n    this._filePickerActive = false;\n    this._setTouchedState();\n    this._validate();\n\n    this.emitEvent('igcCancel', { detail: this.files });\n  }\n\n  protected override _handleBlur(): void {\n    this._filePickerActive ? this._validate() : super._handleBlur();\n  }\n\n  /* c8 ignore next 3 */\n  protected _handleClick(): void {\n    this._filePickerActive = true;\n  }\n\n  //#endregion\n\n  protected override _renderFileParts() {\n    const emptyText =\n      this.placeholder ?? this.resourceStrings.file_input_placeholder;\n\n    return html`\n      <div part=\"file-parts\">\n        <div part=\"file-selector-button\">\n          <igc-button variant=\"flat\" ?disabled=${this.disabled} tabindex=\"-1\">\n            <slot name=\"file-selector-text\"\n              >${this.resourceStrings.file_input_upload_button}</slot\n            >\n          </igc-button>\n        </div>\n        <div part=\"file-names\">\n          <span>\n            ${this._fileNames ??\n            html`<slot name=\"file-missing-text\">${emptyText}</slot>`}\n          </span>\n        </div>\n      </div>\n    `;\n  }\n\n  protected override _renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = this._slots.hasAssignedElements('helper-text');\n\n    return html`\n      <input\n        id=${this._inputId}\n        part=${partMap(this._resolvePartNames('input'))}\n        type=\"file\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        ?multiple=${this.multiple}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        accept=${bindIf(this.accept, this.accept)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @click=${this._handleClick}\n        @change=${this._handleChange}\n        @cancel=${this._handleCancel}\n        @blur=${this._handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-file-input': IgcFileInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/file-input/file-input.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FileInputResourceStringsEN,\n  type IFileInputResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormValueFileListTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, hasFiles } from '../common/util.js';\nimport {\n  IgcInputBaseComponent,\n  type IgcInputComponentEventMap,\n} from '../input/input-base.js';\nimport { styles as baseStyle } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/file-input.base.css.js';\nimport { all } from './themes/themes.js';\nimport { fileValidators } from './validators.js';\n\n/* blazorSuppress */\nexport interface IgcFileInputComponentEventMap extends Omit<\n  IgcInputComponentEventMap,\n  'igcChange' | 'igcInput'\n> {\n  igcCancel: CustomEvent<FileList>;\n  igcChange: CustomEvent<FileList>;\n}\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'file-selector-text',\n  'file-missing-text',\n  'value-missing',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorSuppress */\n/**\n * @element igc-file-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot file-selector-text - Renders content for the browse button when input type is file.\n * @slot file-missing-text - Renders content when input type is file and no file is chosen.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcCancel - Emitted when the control's file picker dialog is canceled.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart file-names - The file names wrapper when input type is 'file'.\n * @csspart file-selector-button - The browse button when input type is 'file'.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcFileInputComponent extends EventEmitterMixin<\n  IgcFileInputComponentEventMap,\n  AbstractConstructor<IgcInputBaseComponent>\n>(IgcInputBaseComponent) {\n  public static readonly tagName = 'igc-file-input';\n  public static styles = [baseStyle, shared, styles];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcFileInputComponent,\n      IgcValidationContainerComponent,\n      IgcButtonComponent\n    );\n  }\n\n  //#region Internal attributes and properties\n\n  protected override readonly _themes = addThemingController(this, all);\n\n  protected override readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueFileListTransformers,\n  });\n\n  protected readonly _i18nController = addI18nController(this, {\n    defaultEN: FileInputResourceStringsEN,\n  });\n\n  protected override get __validators() {\n    return fileValidators;\n  }\n\n  private get _fileNames(): string | null {\n    if (!hasFiles(this)) {\n      return null;\n    }\n\n    return Array.from(this.files)\n      .map((file) => file.name || 'unnamed')\n      .join(', ');\n  }\n\n  /**\n   * Indicates whether the file picker dialog is currently active.\n   * Used to manage validation on blur.\n   */\n  @state()\n  private _filePickerActive = false;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * Similar to native file input, this property is read-only and cannot be set programmatically.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    if (value === '' && this._input) {\n      this._input.value = value;\n    }\n  }\n\n  public get value(): string {\n    return this._input?.value ?? '';\n  }\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(value: IFileInputResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IFileInputResourceStrings {\n    return this._i18nController.resourceStrings;\n  }\n\n  /**\n   * Gets/Sets the locale used for getting language, affecting resource strings.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The multiple attribute of the control.\n   * Used to indicate that a file input allows the user to select more than one file.\n   *\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public multiple = false;\n\n  /**\n   * The accept attribute of the control.\n   * Defines the file types as a list of comma-separated values that the file input should accept.\n   * @attr\n   */\n  @property()\n  public accept = '';\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /** Returns the list of selected files. */\n  public get files(): FileList {\n    return this._input?.files ?? new DataTransfer().files;\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected override _restoreDefaultValue(): void {\n    if (this._input) {\n      this._input.value = '';\n    }\n    super._restoreDefaultValue();\n  }\n\n  //#endregion\n\n  //#region Event Handlers\n\n  private _handleChange(): void {\n    this._filePickerActive = false;\n    this._setTouchedState();\n    this._formValue.setValueAndFormState(this.files);\n\n    this.requestUpdate();\n    this.emitEvent('igcChange', { detail: this.files });\n  }\n\n  private _handleCancel(): void {\n    this._filePickerActive = false;\n    this._setTouchedState();\n    this._validate();\n\n    this.emitEvent('igcCancel', { detail: this.files });\n  }\n\n  protected override _handleBlur(): void {\n    this._filePickerActive ? this._validate() : super._handleBlur();\n  }\n\n  /* c8 ignore next 3 */\n  protected _handleClick(): void {\n    this._filePickerActive = true;\n  }\n\n  //#endregion\n\n  protected override _renderFileParts() {\n    const emptyText =\n      this.placeholder ?? this.resourceStrings.file_input_placeholder;\n\n    return html`\n      <div part=\"file-parts\">\n        <div part=\"file-selector-button\">\n          <igc-button variant=\"flat\" ?disabled=${this.disabled} tabindex=\"-1\">\n            <slot name=\"file-selector-text\"\n              >${this.resourceStrings.file_input_upload_button}</slot\n            >\n          </igc-button>\n        </div>\n        <div part=\"file-names\">\n          <span>\n            ${this._fileNames ??\n            html`<slot name=\"file-missing-text\">${emptyText}</slot>`}\n          </span>\n        </div>\n      </div>\n    `;\n  }\n\n  protected override _renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = this._slots.hasAssignedElements('helper-text');\n\n    return html`\n      <input\n        id=${this._inputId}\n        part=${partMap(this._resolvePartNames('input'))}\n        type=\"file\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        ?multiple=${this.multiple}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        accept=${bindIf(this.accept, this.accept)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @click=${this._handleClick}\n        @change=${this._handleChange}\n        @cancel=${this._handleCancel}\n        @blur=${this._handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-file-input': IgcFileInputComponent;\n  }\n}\n"]}

package/components/file-input/themes/dark/file-input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yjCAAyjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background--disabled: var(--ig-file-input-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-input-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-input-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-input-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-input-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}
+{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yjCAAyjC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-background--disabled: var(--ig-file-input-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-input-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-input-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-input-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-input-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n  "]}

package/components/file-input/themes/dark/file-input.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gSAAgS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-300));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-200));--ig-theme: fluent;--ig-theme-variant: dark}`;\n"]}
+{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gSAAgS,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-300));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-200));--ig-theme: fluent;--ig-theme-variant: dark}`;\n  "]}

package/components/file-input/themes/dark/file-input.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wjCAAwjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--focused: var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-50-contrast));--file-names-foreground--filled: var(--ig-file-input-file-names-foreground--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-primary-500-contrast));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--ig-theme: indigo;--ig-theme-variant: dark}`;\n"]}
+{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wjCAAwjC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--focused: var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-50-contrast));--file-names-foreground--filled: var(--ig-file-input-file-names-foreground--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-primary-500-contrast));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}

package/components/file-input/themes/dark/file-input.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mgBAAmgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material;--ig-theme-variant: dark}`;\n"]}
+{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mgBAAmgB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material;--ig-theme-variant: dark}`;\n  "]}

package/components/file-input/themes/file-input.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jFAA8jF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3;color:var(--file-names-foreground);background:var(--file-names-background)}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:is(igc-file-input)) [part~=filled] [part~=file-names]{color:var(--file-names-foreground--filled);background:var(--file-names-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-names]{color:var(--file-names-foreground--focused);background:var(--file-names-background--focused)}:host(:is(igc-file-input)) [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground);--disabled-foreground: var(--file-selector-button-foreground--disabled);--background: var(--file-selector-button-background);--disabled-background: var(--file-selector-button-background--disabled);--hover-foreground: var(--foreground);--active-foreground: var(--foreground);--hover-background: var(--background);--active-background: var(--background)}:host(:is(igc-file-input)) [part~=filled] [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--filled);--background: var(--file-selector-button-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--focused);--background: var(--file-selector-button-background--focused)}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);background:var(--file-names-background--disabled)}`;\n"]}
+{"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jFAA8jF,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3;color:var(--file-names-foreground);background:var(--file-names-background)}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:is(igc-file-input)) [part~=filled] [part~=file-names]{color:var(--file-names-foreground--filled);background:var(--file-names-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-names]{color:var(--file-names-foreground--focused);background:var(--file-names-background--focused)}:host(:is(igc-file-input)) [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground);--disabled-foreground: var(--file-selector-button-foreground--disabled);--background: var(--file-selector-button-background);--disabled-background: var(--file-selector-button-background--disabled);--hover-foreground: var(--foreground);--active-foreground: var(--foreground);--hover-background: var(--background);--active-background: var(--background)}:host(:is(igc-file-input)) [part~=filled] [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--filled);--background: var(--file-selector-button-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--focused);--background: var(--file-selector-button-background--focused)}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);background:var(--file-names-background--disabled)}`;\n  "]}

package/components/file-input/themes/light/file-input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0jCAA0jC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background--disabled: var(--ig-file-input-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-input-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-input-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-input-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-input-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0jCAA0jC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-background--disabled: var(--ig-file-input-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-input-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-input-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-input-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-input-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n  "]}

package/components/file-input/themes/light/file-input.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\n  "]}

package/components/file-input/themes/light/file-input.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+2BAA+2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-800));--file-names-foreground--filled: var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-800));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-700));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--ig-theme: indigo;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+2BAA+2B,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-800));--file-names-foreground--filled: var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-800));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-700));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}

package/components/file-input/themes/light/file-input.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ogBAAogB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ogBAAogB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material;--ig-theme-variant: light}`;\n  "]}

package/components/file-input/themes/light/file-input.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kuDAAkuD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background: var(--ig-file-input-file-names-background, transparent);--file-names-background--focused: var(--ig-file-input-file-names-background--focused, transparent);--file-names-background--filled: var(--ig-file-input-file-names-background--filled, transparent);--file-names-background--disabled: var(--ig-file-input-file-names-background--disabled, transparent);--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-900));--file-names-foreground--focused: var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-900));--file-names-foreground--filled: var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-900));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-500));--file-selector-button-background: var(--ig-file-input-file-selector-button-background, transparent);--file-selector-button-background--focused: var(--ig-file-input-file-selector-button-background--focused, transparent);--file-selector-button-background--filled: var(--ig-file-input-file-selector-button-background--filled, transparent);--file-selector-button-background--disabled: var(--ig-file-input-file-selector-button-background--disabled, transparent);--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-900));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-900));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-900));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-500));--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"file-input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kuDAAkuD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--file-names-background: var(--ig-file-input-file-names-background, transparent);--file-names-background--focused: var(--ig-file-input-file-names-background--focused, transparent);--file-names-background--filled: var(--ig-file-input-file-names-background--filled, transparent);--file-names-background--disabled: var(--ig-file-input-file-names-background--disabled, transparent);--file-names-foreground: var(--ig-file-input-file-names-foreground, var(--ig-gray-900));--file-names-foreground--focused: var(--ig-file-input-file-names-foreground--focused, var(--ig-gray-900));--file-names-foreground--filled: var(--ig-file-input-file-names-foreground--filled, var(--ig-gray-900));--file-names-foreground--disabled: var(--ig-file-input-file-names-foreground--disabled, var(--ig-gray-500));--file-selector-button-background: var(--ig-file-input-file-selector-button-background, transparent);--file-selector-button-background--focused: var(--ig-file-input-file-selector-button-background--focused, transparent);--file-selector-button-background--filled: var(--ig-file-input-file-selector-button-background--filled, transparent);--file-selector-button-background--disabled: var(--ig-file-input-file-selector-button-background--disabled, transparent);--file-selector-button-foreground: var(--ig-file-input-file-selector-button-foreground, var(--ig-gray-900));--file-selector-button-foreground--focused: var(--ig-file-input-file-selector-button-foreground--focused, var(--ig-gray-900));--file-selector-button-foreground--filled: var(--ig-file-input-file-selector-button-foreground--filled, var(--ig-gray-900));--file-selector-button-foreground--disabled: var(--ig-file-input-file-selector-button-foreground--disabled, var(--ig-gray-500));--ig-theme-variant: light}`;\n  "]}

package/components/file-input/themes/shared/file-input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i6FAAi6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled]):state(ig-invalid)){--input-border-color: var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part=prefix],:host(:not([disabled]):state(ig-invalid)) [part=suffix],:host(:not([disabled]):state(ig-invalid)) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=prefixed] ::slotted([slot=prefix]){border-inline-start-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=suffixed] ::slotted([slot=suffix]){border-inline-end-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid):focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}
+{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i6FAAi6F,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled]):state(ig-invalid)){--input-border-color: var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part=prefix],:host(:not([disabled]):state(ig-invalid)) [part=suffix],:host(:not([disabled]):state(ig-invalid)) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=prefixed] ::slotted([slot=prefix]){border-inline-start-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=suffixed] ::slotted([slot=suffix]){border-inline-end-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid):focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n  "]}

package/components/file-input/themes/shared/file-input.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sCAAsC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=file-names]{font-size:.875rem}`;\n"]}
+{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sCAAsC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part=file-names]{font-size:.875rem}`;\n  "]}

package/components/file-input/themes/shared/file-input.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,scAAsc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=file-names]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);font-size:.75rem;line-height:1rem}`;\n"]}
+{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,scAAsc,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part=file-names]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);font-size:.75rem;line-height:1rem}`;\n  "]}

package/components/file-input/themes/shared/file-input.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8qEAA8qE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:state(ig-invalid)) [part=file-selector-button],:host([outlined]:state(ig-invalid):focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;\n"]}
+{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8qEAA8qE,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:state(ig-invalid)) [part=file-selector-button],:host([outlined]:state(ig-invalid):focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;\n  "]}

package/components/highlight/highlight.d.ts

@@ -0,0 +1,130 @@
+import { LitElement } from 'lit';
+import { type HighlightNavigation } from './service.js';
+/**
+ * The highlight component provides efficient searching and highlighting of text
+ * projected into it via its default slot. It uses the native CSS Custom Highlight API
+ * to apply highlight styles to matched text nodes without modifying the DOM.
+ *
+ * The component supports case-sensitive matching, programmatic navigation between
+ * matches, and automatic scroll-into-view of the active match.
+ *
+ * @element igc-highlight
+ *
+ * @slot - The default slot. Place the text content you want to search and highlight here.
+ *
+ * @cssproperty --foreground - The text color for a highlighted text node.
+ * @cssproperty --background - The background color for a highlighted text node.
+ * @cssproperty --foreground-active - The text color for the active highlighted text node.
+ * @cssproperty --background-active - The background color for the active highlighted text node.
+ *
+ * @example
+ * Basic usage — wrap your text and set the `search-text` attribute:
+ * ```html
+ * <igc-highlight search-text="world">
+ *   <p>Hello, world! The world is a wonderful place.</p>
+ * </igc-highlight>
+ * ```
+ *
+ * @example
+ * Case-sensitive search:
+ * ```html
+ * <igc-highlight search-text="Hello" case-sensitive>
+ *   <p>Hello hello HELLO — only the first one matches.</p>
+ * </igc-highlight>
+ * ```
+ *
+ * @example
+ * Navigating between matches programmatically:
+ * ```typescript
+ * const highlight = document.querySelector('igc-highlight');
+ *
+ * highlight.searchText = 'world';
+ * console.log(highlight.size);    // total number of matches
+ * console.log(highlight.current); // index of the active match (0-based)
+ *
+ * highlight.next();               // move to the next match
+ * highlight.previous();           // move to the previous match
+ * highlight.setActive(2);         // jump to a specific match by index
+ * ```
+ *
+ * @example
+ * Prevent scroll-into-view when navigating:
+ * ```typescript
+ * const highlight = document.querySelector('igc-highlight');
+ * highlight.next({ preventScroll: true });
+ * ```
+ *
+ * @example
+ * Re-run search after dynamic content changes (e.g. lazy-loaded text):
+ * ```typescript
+ * const highlight = document.querySelector('igc-highlight');
+ * // After slotted content has been updated:
+ * highlight.search();
+ * ```
+ */
+export default class IgcHighlightComponent extends LitElement {
+    static readonly tagName = "igc-highlight";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private readonly _service;
+    private _caseSensitive;
+    private _searchText;
+    /**
+     * Whether to match the searched text with case sensitivity in mind.
+     * When `true`, only exact-case occurrences of `searchText` are highlighted.
+     *
+     * @attr case-sensitive
+     * @default false
+     */
+    set caseSensitive(value: boolean);
+    get caseSensitive(): boolean;
+    /**
+     * The string to search and highlight in the DOM content of the component.
+     * Setting this property triggers a new search automatically.
+     * An empty string clears all highlights.
+     *
+     * @attr search-text
+     */
+    set searchText(value: string);
+    get searchText(): string;
+    /** The total number of matches found for the current `searchText`. Returns `0` when there are no matches or `searchText` is empty. */
+    get size(): number;
+    /** The zero-based index of the currently active (focused) match. Returns `0` when there are no matches. */
+    get current(): number;
+    constructor();
+    private _addStylesheet;
+    /**
+     * Moves the active highlight to the next match.
+     * Wraps around to the first match after the last one.
+     *
+     * @param options - Optional navigation options (e.g. `preventScroll`).
+     */
+    next(options?: HighlightNavigation): void;
+    /**
+     * Moves the active highlight to the previous match.
+     * Wraps around to the last match when going back from the first one.
+     *
+     * @param options - Optional navigation options (e.g. `preventScroll`).
+     */
+    previous(options?: HighlightNavigation): void;
+    /**
+     * Moves the active highlight to the match at the specified zero-based index.
+     *
+     * @param index - The zero-based index of the match to activate.
+     * @param options - Optional navigation options (e.g. `preventScroll`).
+     */
+    setActive(index: number, options?: HighlightNavigation): void;
+    /**
+     * Re-runs the highlight search based on the current `searchText` and `caseSensitive` values.
+     *
+     * Call this method after the slotted content changes dynamically (e.g. after lazy loading
+     * or programmatic DOM mutations) to ensure all matches are up to date.
+     */
+    search(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-highlight': IgcHighlightComponent;
+    }
+}

package/components/highlight/highlight.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { addThemingController } from '../../theming/theming-controller.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { createHighlightController, } from './service.js';
+import { styles as shared } from './themes/shared/highlight.common.css.js';
+import { all } from './themes/themes.js';
+export default class IgcHighlightComponent extends LitElement {
+    static { this.tagName = 'igc-highlight'; }
+    static { this.styles = [shared]; }
+    static register() {
+        registerComponent(IgcHighlightComponent);
+    }
+    set caseSensitive(value) {
+        this._caseSensitive = value;
+        this.search();
+    }
+    get caseSensitive() {
+        return this._caseSensitive;
+    }
+    set searchText(value) {
+        this._searchText = value;
+        this.search();
+    }
+    get searchText() {
+        return this._searchText;
+    }
+    get size() {
+        return this._service.size;
+    }
+    get current() {
+        return this._service.current;
+    }
+    constructor() {
+        super();
+        this._service = createHighlightController(this);
+        this._caseSensitive = false;
+        this._searchText = '';
+        addThemingController(this, all, {
+            themeChange: this._addStylesheet,
+        });
+    }
+    _addStylesheet() {
+        this._service.attachStylesheet();
+    }
+    next(options) {
+        this._service.next(options);
+    }
+    previous(options) {
+        this._service.previous(options);
+    }
+    setActive(index, options) {
+        this._service.setActive(index, options);
+    }
+    search() {
+        if (this.hasUpdated) {
+            this._service.clear();
+            this._service.find(this.searchText);
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'case-sensitive' })
+], IgcHighlightComponent.prototype, "caseSensitive", null);
+__decorate([
+    property({ attribute: 'search-text' })
+], IgcHighlightComponent.prototype, "searchText", null);
+//# sourceMappingURL=highlight.js.map

package/components/highlight/highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.js","sourceRoot":"","sources":["../../../src/components/highlight/highlight.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EACL,yBAAyB,GAE1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAgEzC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,eAAe,AAAlB,CAAmB;aAC1B,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAGlC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAqBD,IAAW,aAAa,CAAC,KAAc;QACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAUD,IAAW,UAAU,CAAC,KAAa;QACjC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAGD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC5B,CAAC;IAGD,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;IAC/B,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAxDO,aAAQ,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAEpD,mBAAc,GAAG,KAAK,CAAC;QACvB,gBAAW,GAAG,EAAE,CAAC;QAuDvB,oBAAoB,CAAC,IAAI,EAAE,GAAG,EAAE;YAC9B,WAAW,EAAE,IAAI,CAAC,cAAc;SACjC,CAAC,CAAC;IACL,CAAC;IAIO,cAAc;QACpB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IACnC,CAAC;IAYM,IAAI,CAAC,OAA6B;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAQM,QAAQ,CAAC,OAA6B;QAC3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;IAQM,SAAS,CAAC,KAAa,EAAE,OAA6B;QAC3D,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;IAQM,MAAM;QACX,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAIkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAvGD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;0DAIvE;AAcD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;uDAItC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  createHighlightController,\n  type HighlightNavigation,\n} from './service.js';\nimport { styles as shared } from './themes/shared/highlight.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The highlight component provides efficient searching and highlighting of text\n * projected into it via its default slot. It uses the native CSS Custom Highlight API\n * to apply highlight styles to matched text nodes without modifying the DOM.\n *\n * The component supports case-sensitive matching, programmatic navigation between\n * matches, and automatic scroll-into-view of the active match.\n *\n * @element igc-highlight\n *\n * @slot - The default slot. Place the text content you want to search and highlight here.\n *\n * @cssproperty --foreground - The text color for a highlighted text node.\n * @cssproperty --background - The background color for a highlighted text node.\n * @cssproperty --foreground-active - The text color for the active highlighted text node.\n * @cssproperty --background-active - The background color for the active highlighted text node.\n *\n * @example\n * Basic usage — wrap your text and set the `search-text` attribute:\n * ```html\n * <igc-highlight search-text=\"world\">\n *   <p>Hello, world! The world is a wonderful place.</p>\n * </igc-highlight>\n * ```\n *\n * @example\n * Case-sensitive search:\n * ```html\n * <igc-highlight search-text=\"Hello\" case-sensitive>\n *   <p>Hello hello HELLO — only the first one matches.</p>\n * </igc-highlight>\n * ```\n *\n * @example\n * Navigating between matches programmatically:\n * ```typescript\n * const highlight = document.querySelector('igc-highlight');\n *\n * highlight.searchText = 'world';\n * console.log(highlight.size);    // total number of matches\n * console.log(highlight.current); // index of the active match (0-based)\n *\n * highlight.next();               // move to the next match\n * highlight.previous();           // move to the previous match\n * highlight.setActive(2);         // jump to a specific match by index\n * ```\n *\n * @example\n * Prevent scroll-into-view when navigating:\n * ```typescript\n * const highlight = document.querySelector('igc-highlight');\n * highlight.next({ preventScroll: true });\n * ```\n *\n * @example\n * Re-run search after dynamic content changes (e.g. lazy-loaded text):\n * ```typescript\n * const highlight = document.querySelector('igc-highlight');\n * // After slotted content has been updated:\n * highlight.search();\n * ```\n */\nexport default class IgcHighlightComponent extends LitElement {\n  public static readonly tagName = 'igc-highlight';\n  public static override styles = [shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcHighlightComponent);\n  }\n\n  //#region Internal properties and state\n\n  private readonly _service = createHighlightController(this);\n\n  private _caseSensitive = false;\n  private _searchText = '';\n\n  //#endregion\n\n  //#region Public properties and attributes\n\n  /**\n   * Whether to match the searched text with case sensitivity in mind.\n   * When `true`, only exact-case occurrences of `searchText` are highlighted.\n   *\n   * @attr case-sensitive\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'case-sensitive' })\n  public set caseSensitive(value: boolean) {\n    this._caseSensitive = value;\n    this.search();\n  }\n\n  public get caseSensitive(): boolean {\n    return this._caseSensitive;\n  }\n\n  /**\n   * The string to search and highlight in the DOM content of the component.\n   * Setting this property triggers a new search automatically.\n   * An empty string clears all highlights.\n   *\n   * @attr search-text\n   */\n  @property({ attribute: 'search-text' })\n  public set searchText(value: string) {\n    this._searchText = value;\n    this.search();\n  }\n\n  public get searchText(): string {\n    return this._searchText;\n  }\n\n  /** The total number of matches found for the current `searchText`. Returns `0` when there are no matches or `searchText` is empty. */\n  public get size(): number {\n    return this._service.size;\n  }\n\n  /** The zero-based index of the currently active (focused) match. Returns `0` when there are no matches. */\n  public get current(): number {\n    return this._service.current;\n  }\n\n  //#endregion\n\n  constructor() {\n    super();\n\n    addThemingController(this, all, {\n      themeChange: this._addStylesheet,\n    });\n  }\n\n  //#region Internal methods\n\n  private _addStylesheet(): void {\n    this._service.attachStylesheet();\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /**\n   * Moves the active highlight to the next match.\n   * Wraps around to the first match after the last one.\n   *\n   * @param options - Optional navigation options (e.g. `preventScroll`).\n   */\n  public next(options?: HighlightNavigation): void {\n    this._service.next(options);\n  }\n\n  /**\n   * Moves the active highlight to the previous match.\n   * Wraps around to the last match when going back from the first one.\n   *\n   * @param options - Optional navigation options (e.g. `preventScroll`).\n   */\n  public previous(options?: HighlightNavigation): void {\n    this._service.previous(options);\n  }\n\n  /**\n   * Moves the active highlight to the match at the specified zero-based index.\n   *\n   * @param index - The zero-based index of the match to activate.\n   * @param options - Optional navigation options (e.g. `preventScroll`).\n   */\n  public setActive(index: number, options?: HighlightNavigation): void {\n    this._service.setActive(index, options);\n  }\n\n  /**\n   * Re-runs the highlight search based on the current `searchText` and `caseSensitive` values.\n   *\n   * Call this method after the slotted content changes dynamically (e.g. after lazy loading\n   * or programmatic DOM mutations) to ensure all matches are up to date.\n   */\n  public search(): void {\n    if (this.hasUpdated) {\n      this._service.clear();\n      this._service.find(this.searchText);\n    }\n  }\n\n  //#endregion\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-highlight': IgcHighlightComponent;\n  }\n}\n"]}

package/components/highlight/service.d.ts

@@ -0,0 +1,58 @@
+import { type ReactiveController } from 'lit';
+import type IgcHighlightComponent from './highlight.js';
+/**
+ * Options for controlling navigation behavior when moving the active highlight.
+ */
+export type HighlightNavigation = {
+    /** If true, prevents the component from scrolling the new active match into view. */
+    preventScroll?: boolean;
+};
+declare class HighlightService implements ReactiveController {
+    private readonly _host;
+    private readonly _id;
+    private readonly _activeId;
+    private readonly _styles;
+    private readonly _styleSheet?;
+    private _highlight;
+    private _activeHighlight;
+    private _ranges;
+    private _current;
+    /**
+     * The total number of matches found in the component's content.
+     */
+    get size(): number;
+    /**
+     * The index of the currently active match. Returns 0 if there are no matches.
+     */
+    get current(): number;
+    constructor(host: IgcHighlightComponent);
+    /** @internal */
+    hostConnected(): void;
+    /** @internal */
+    hostDisconnected(): void;
+    private _removeStyleSheet;
+    private _createHighlightEntries;
+    private _removeHighlightEntries;
+    private _createRegex;
+    private _updateActiveHighlight;
+    private _goTo;
+    /**
+     * Attaches the service's stylesheet to the render root.
+     * Necessary for the component to apply highlight styles to its content.
+     */
+    attachStylesheet(): void;
+    /**
+     * Finds matches for the given search text in the component's content and creates highlight ranges for them.
+     */
+    find(value: string): void;
+    /** Moves the active state to the next match. */
+    next(options?: HighlightNavigation): void;
+    /** Moves the active state to the previous match. */
+    previous(options?: HighlightNavigation): void;
+    /** Moves the active state to the given index. */
+    setActive(index: number, options?: HighlightNavigation): void;
+    /** Clears highlight collections. */
+    clear(): void;
+}
+export declare function createHighlightController(host: IgcHighlightComponent): HighlightService;
+export {};