igniteui-webcomponents 5.4.0-rc.0 → 5.4.0

package/components/tooltip/controller.js

@@ -0,0 +1,172 @@
+import { addWeakEventListener, getElementByIdFromRoot, isString, } from '../common/util.js';
+import service from './service.js';
+class TooltipController {
+    get open() {
+        return this._open;
+    }
+    set open(value) {
+        this._open = value;
+        if (this._open) {
+            this._addTooltipListeners();
+            service.add(this._host, this._options.onEscape);
+        }
+        else {
+            if (this._isTransient) {
+                this._isTransient = false;
+                this.setAnchor(this._initialAnchor?.deref());
+            }
+            this._removeTooltipListeners();
+            service.remove(this._host);
+        }
+    }
+    get anchor() {
+        return this._isTransient
+            ? this._anchor?.deref()
+            : this._initialAnchor?.deref();
+    }
+    get hideTriggers() {
+        return Array.from(this._hideTriggers).join();
+    }
+    set hideTriggers(value) {
+        this._hideTriggers = parseTriggers(value);
+        this._removeAnchorListeners();
+        this._addAnchorListeners();
+    }
+    get showTriggers() {
+        return Array.from(this._showTriggers).join();
+    }
+    set showTriggers(value) {
+        this._showTriggers = parseTriggers(value);
+        this._removeAnchorListeners();
+        this._addAnchorListeners();
+    }
+    constructor(tooltip, options) {
+        this._hostAbortController = null;
+        this._anchorAbortController = null;
+        this._showTriggers = new Set(['pointerenter']);
+        this._hideTriggers = new Set(['pointerleave', 'click']);
+        this._anchor = null;
+        this._initialAnchor = null;
+        this._isTransient = false;
+        this._open = false;
+        this._host = tooltip;
+        this._options = options;
+        this._host.addController(this);
+    }
+    _addAnchorListeners() {
+        const anchor = this.anchor;
+        if (!anchor) {
+            return;
+        }
+        this._anchorAbortController = new AbortController();
+        const signal = this._anchorAbortController.signal;
+        for (const each of this._showTriggers) {
+            addWeakEventListener(anchor, each, this, { passive: true, signal });
+        }
+        for (const each of this._hideTriggers) {
+            addWeakEventListener(anchor, each, this, { passive: true, signal });
+        }
+    }
+    _removeAnchorListeners() {
+        this._anchorAbortController?.abort();
+        this._anchorAbortController = null;
+    }
+    _addTooltipListeners() {
+        this._hostAbortController = new AbortController();
+        const signal = this._hostAbortController.signal;
+        for (const event of TooltipController._listeners) {
+            this._host.addEventListener(event, this, { passive: true, signal });
+        }
+    }
+    _removeTooltipListeners() {
+        this._hostAbortController?.abort();
+        this._hostAbortController = null;
+    }
+    async _handleTooltipEvent(event) {
+        switch (event.type) {
+            case 'pointerenter':
+                await this._options.onShow.call(this._host);
+                break;
+            case 'pointerleave':
+                await this._options.onHide.call(this._host);
+                break;
+            default:
+                return;
+        }
+    }
+    async _handleAnchorEvent(event) {
+        if (!this._open && this._showTriggers.has(event.type)) {
+            await this._options.onShow.call(this._host);
+        }
+        if (this._open && this._hideTriggers.has(event.type)) {
+            await this._options.onHide.call(this._host);
+        }
+    }
+    handleEvent(event) {
+        if (event.target === this._host) {
+            this._handleTooltipEvent(event);
+        }
+        else if (event.target === this._anchor?.deref()) {
+            this._handleAnchorEvent(event);
+        }
+        else if (event.target === this._initialAnchor?.deref()) {
+            this.open = false;
+            this._handleAnchorEvent(event);
+        }
+    }
+    _dispose() {
+        this._removeAnchorListeners();
+        this._removeTooltipListeners();
+        service.remove(this._host);
+        this._anchor = null;
+        this._initialAnchor = null;
+    }
+    setAnchor(value, transient = false) {
+        const newAnchor = isString(value)
+            ? getElementByIdFromRoot(this._host, value)
+            : value;
+        if (this._anchor?.deref() === newAnchor) {
+            return;
+        }
+        if (transient && this._open) {
+            this.open = false;
+        }
+        if (this._anchor?.deref() !== this._initialAnchor?.deref()) {
+            this._removeAnchorListeners();
+        }
+        this._anchor = newAnchor ? new WeakRef(newAnchor) : null;
+        this._isTransient = transient;
+        this._addAnchorListeners();
+    }
+    resolveAnchor(value) {
+        const resolvedElement = isString(value)
+            ? getElementByIdFromRoot(this._host, value)
+            : value;
+        this._initialAnchor = resolvedElement ? new WeakRef(resolvedElement) : null;
+        this.setAnchor(resolvedElement);
+    }
+    hostConnected() {
+        this.resolveAnchor(this._host.anchor);
+    }
+    hostDisconnected() {
+        this._dispose();
+    }
+}
+TooltipController._listeners = [
+    'pointerenter',
+    'pointerleave',
+];
+function parseTriggers(string) {
+    return new Set((string ?? '').split(TooltipRegexes.triggers).filter((s) => s.trim()));
+}
+export const TooltipRegexes = Object.freeze({
+    triggers: /[,\s]+/,
+    horizontalStart: /^(left|right)-start$/,
+    horizontalEnd: /^(left|right)-end$/,
+    start: /start$/,
+    end: /end$/,
+});
+export function addTooltipController(host, options) {
+    return new TooltipController(host, options);
+}
+//# sourceMappingURL=controller.js.map

package/components/tooltip/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/components/tooltip/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport {\n  addWeakEventListener,\n  getElementByIdFromRoot,\n  isString,\n} from '../common/util.js';\nimport service from './service.js';\nimport type IgcTooltipComponent from './tooltip.js';\n\nclass TooltipController implements ReactiveController {\n  //#region Internal properties and state\n\n  private static readonly _listeners = [\n    'pointerenter',\n    'pointerleave',\n  ] as const;\n\n  private readonly _host: IgcTooltipComponent;\n  private readonly _options: TooltipCallbacks;\n\n  private _hostAbortController: AbortController | null = null;\n  private _anchorAbortController: AbortController | null = null;\n\n  private _showTriggers = new Set(['pointerenter']);\n  private _hideTriggers = new Set(['pointerleave', 'click']);\n\n  private _anchor: WeakRef<Element> | null = null;\n  private _initialAnchor: WeakRef<Element> | null = null;\n\n  private _isTransient = false;\n  private _open = false;\n\n  //#endregion\n\n  //#region Public properties\n\n  /** Whether the tooltip is in shown state. */\n  public get open(): boolean {\n    return this._open;\n  }\n\n  /** Sets the shown state of the current tooltip. */\n  public set open(value: boolean) {\n    this._open = value;\n\n    if (this._open) {\n      this._addTooltipListeners();\n      service.add(this._host, this._options.onEscape);\n    } else {\n      if (this._isTransient) {\n        this._isTransient = false;\n        this.setAnchor(this._initialAnchor?.deref());\n      }\n\n      this._removeTooltipListeners();\n      service.remove(this._host);\n    }\n  }\n\n  /**\n   * Returns the current tooltip anchor target if any.\n   */\n  public get anchor(): TooltipAnchor {\n    return this._isTransient\n      ? this._anchor?.deref()\n      : this._initialAnchor?.deref();\n  }\n\n  /**\n   * Returns the current set of hide triggers as a comma-separated string.\n   */\n  public get hideTriggers(): string {\n    return Array.from(this._hideTriggers).join();\n  }\n\n  /**\n   * Sets a new set of hide triggers from a comma-separated string.\n   *\n   * @remarks\n   * If the tooltip already has an `anchor` bound it will remove the old\n   * set of triggers from it and rebind it with the new one.\n   */\n  public set hideTriggers(value: string) {\n    this._hideTriggers = parseTriggers(value);\n    this._removeAnchorListeners();\n    this._addAnchorListeners();\n  }\n\n  /**\n   * Returns the current set of show triggers as a comma-separated string.\n   */\n  public get showTriggers(): string {\n    return Array.from(this._showTriggers).join();\n  }\n\n  /**\n   * Sets a new set of show triggers from a comma-separated string.\n   *\n   * @remarks\n   * If the tooltip already has an `anchor` bound it will remove the old\n   * set of triggers from it and rebind it with the new one.\n   */\n  public set showTriggers(value: string) {\n    this._showTriggers = parseTriggers(value);\n    this._removeAnchorListeners();\n    this._addAnchorListeners();\n  }\n\n  //#endregion\n\n  constructor(tooltip: IgcTooltipComponent, options: TooltipCallbacks) {\n    this._host = tooltip;\n    this._options = options;\n    this._host.addController(this);\n  }\n\n  //#region Internal event listeners state\n\n  private _addAnchorListeners(): void {\n    const anchor = this.anchor;\n\n    if (!anchor) {\n      return;\n    }\n\n    this._anchorAbortController = new AbortController();\n    const signal = this._anchorAbortController.signal;\n\n    for (const each of this._showTriggers) {\n      addWeakEventListener(anchor, each, this, { passive: true, signal });\n    }\n\n    for (const each of this._hideTriggers) {\n      addWeakEventListener(anchor, each, this, { passive: true, signal });\n    }\n  }\n\n  private _removeAnchorListeners(): void {\n    this._anchorAbortController?.abort();\n    this._anchorAbortController = null;\n  }\n\n  private _addTooltipListeners(): void {\n    this._hostAbortController = new AbortController();\n    const signal = this._hostAbortController.signal;\n\n    for (const event of TooltipController._listeners) {\n      this._host.addEventListener(event, this, { passive: true, signal });\n    }\n  }\n\n  private _removeTooltipListeners(): void {\n    this._hostAbortController?.abort();\n    this._hostAbortController = null;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  private async _handleTooltipEvent(event: Event): Promise<void> {\n    switch (event.type) {\n      case 'pointerenter':\n        await this._options.onShow.call(this._host);\n        break;\n      case 'pointerleave':\n        await this._options.onHide.call(this._host);\n        break;\n      default:\n        return;\n    }\n  }\n\n  private async _handleAnchorEvent(event: Event): Promise<void> {\n    if (!this._open && this._showTriggers.has(event.type)) {\n      await this._options.onShow.call(this._host);\n    }\n\n    if (this._open && this._hideTriggers.has(event.type)) {\n      await this._options.onHide.call(this._host);\n    }\n  }\n\n  /** @internal */\n  public handleEvent(event: Event): void {\n    if (event.target === this._host) {\n      this._handleTooltipEvent(event);\n    } else if (event.target === this._anchor?.deref()) {\n      this._handleAnchorEvent(event);\n    } else if (event.target === this._initialAnchor?.deref()) {\n      this.open = false;\n      this._handleAnchorEvent(event);\n    }\n  }\n\n  //#endregion\n\n  private _dispose(): void {\n    this._removeAnchorListeners();\n    this._removeTooltipListeners();\n    service.remove(this._host);\n    this._anchor = null;\n    this._initialAnchor = null;\n  }\n\n  //#region Public API\n\n  /**\n   * Removes all triggers from the previous `anchor` target and rebinds the current\n   * sets back to the new value if it exists.\n   */\n  public setAnchor(value: TooltipAnchor | string, transient = false): void {\n    const newAnchor = isString(value)\n      ? getElementByIdFromRoot(this._host, value)\n      : value;\n\n    if (this._anchor?.deref() === newAnchor) {\n      return;\n    }\n\n    // Tooltip `show()` method called with a target. Set to hidden state.\n    if (transient && this._open) {\n      this.open = false;\n    }\n\n    if (this._anchor?.deref() !== this._initialAnchor?.deref()) {\n      this._removeAnchorListeners();\n    }\n\n    this._anchor = newAnchor ? new WeakRef(newAnchor) : null;\n    this._isTransient = transient;\n    this._addAnchorListeners();\n  }\n\n  public resolveAnchor(value: TooltipAnchor | string): void {\n    const resolvedElement = isString(value)\n      ? getElementByIdFromRoot(this._host, value)\n      : value;\n\n    this._initialAnchor = resolvedElement ? new WeakRef(resolvedElement) : null;\n    this.setAnchor(resolvedElement);\n  }\n\n  //#endregion\n\n  //#region ReactiveController interface\n\n  /** @internal */\n  public hostConnected(): void {\n    this.resolveAnchor(this._host.anchor);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._dispose();\n  }\n\n  //#endregion\n}\n\nfunction parseTriggers(string: string): Set<string> {\n  return new Set(\n    (string ?? '').split(TooltipRegexes.triggers).filter((s) => s.trim())\n  );\n}\n\nexport const TooltipRegexes = Object.freeze({\n  /** Used for parsing the strings passed in the tooltip `show/hide-trigger` properties. */\n  triggers: /[,\\s]+/,\n\n  /** Matches horizontal `PopoverPlacement` start positions. */\n  horizontalStart: /^(left|right)-start$/,\n\n  /** Matches horizontal `PopoverPlacement` end positions. */\n  horizontalEnd: /^(left|right)-end$/,\n\n  /** Matches vertical `PopoverPlacement` start positions. */\n  start: /start$/,\n\n  /** Matches vertical `PopoverPlacement` end positions. */\n  end: /end$/,\n});\n\nexport function addTooltipController(\n  host: IgcTooltipComponent,\n  options: TooltipCallbacks\n): TooltipController {\n  return new TooltipController(host, options);\n}\n\ntype TooltipAnchor = Element | null | undefined;\n\ntype TooltipCallbacks = {\n  onShow: (event?: Event) => unknown;\n  onHide: (event?: Event) => unknown;\n  onEscape: (event?: Event) => unknown;\n};\n"]}

package/components/tooltip/service.d.ts

@@ -0,0 +1,12 @@
+import type IgcTooltipComponent from './tooltip.js';
+type TooltipHideCallback = () => unknown;
+declare class TooltipEscapeCallbacks {
+    private _collection;
+    private _setListener;
+    add(instance: IgcTooltipComponent, hideCallback: TooltipHideCallback): void;
+    remove(instance: IgcTooltipComponent): void;
+    /** @internal */
+    handleEvent(event: KeyboardEvent): Promise<void>;
+}
+declare const service: TooltipEscapeCallbacks;
+export default service;

package/components/tooltip/service.js

@@ -0,0 +1,42 @@
+import { isServer } from 'lit';
+import { escapeKey } from '../common/controllers/key-bindings.js';
+import { isEmpty, last } from '../common/util.js';
+class TooltipEscapeCallbacks {
+    constructor() {
+        this._collection = new Map();
+    }
+    _setListener(state = true) {
+        if (isServer) {
+            return;
+        }
+        if (isEmpty(this._collection)) {
+            state
+                ? globalThis.addEventListener('keydown', this)
+                : globalThis.removeEventListener('keydown', this);
+        }
+    }
+    add(instance, hideCallback) {
+        if (this._collection.has(instance)) {
+            return;
+        }
+        this._setListener();
+        this._collection.set(instance, hideCallback);
+    }
+    remove(instance) {
+        if (!this._collection.has(instance)) {
+            return;
+        }
+        this._collection.delete(instance);
+        this._setListener(false);
+    }
+    async handleEvent(event) {
+        if (event.key !== escapeKey) {
+            return;
+        }
+        const [tooltip, callback] = last(Array.from(this._collection.entries()));
+        await callback?.call(tooltip);
+    }
+}
+const service = new TooltipEscapeCallbacks();
+export default service;
+//# sourceMappingURL=service.js.map

package/components/tooltip/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../src/components/tooltip/service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAKlD,MAAM,sBAAsB;IAA5B;QACU,gBAAW,GAAG,IAAI,GAAG,EAA4C,CAAC;IA6C5E,CAAC;IA3CS,YAAY,CAAC,KAAK,GAAG,IAAI;QAE/B,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;YAC9B,KAAK;gBACH,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC;gBAC9C,CAAC,CAAC,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAEM,GAAG,CACR,QAA6B,EAC7B,YAAiC;QAEjC,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC/C,CAAC;IAEM,MAAM,CAAC,QAA6B;QACzC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAGM,KAAK,CAAC,WAAW,CAAC,KAAoB;QAC3C,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACzE,MAAM,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;CACF;AAED,MAAM,OAAO,GAAG,IAAI,sBAAsB,EAAE,CAAC;AAC7C,eAAe,OAAO,CAAC","sourcesContent":["import { isServer } from 'lit';\nimport { escapeKey } from '../common/controllers/key-bindings.js';\nimport { isEmpty, last } from '../common/util.js';\nimport type IgcTooltipComponent from './tooltip.js';\n\ntype TooltipHideCallback = () => unknown;\n\nclass TooltipEscapeCallbacks {\n  private _collection = new Map<IgcTooltipComponent, TooltipHideCallback>();\n\n  private _setListener(state = true): void {\n    /* c8 ignore next 3 */\n    if (isServer) {\n      return;\n    }\n\n    if (isEmpty(this._collection)) {\n      state\n        ? globalThis.addEventListener('keydown', this)\n        : globalThis.removeEventListener('keydown', this);\n    }\n  }\n\n  public add(\n    instance: IgcTooltipComponent,\n    hideCallback: TooltipHideCallback\n  ): void {\n    if (this._collection.has(instance)) {\n      return;\n    }\n\n    this._setListener();\n    this._collection.set(instance, hideCallback);\n  }\n\n  public remove(instance: IgcTooltipComponent): void {\n    if (!this._collection.has(instance)) {\n      return;\n    }\n\n    this._collection.delete(instance);\n    this._setListener(false);\n  }\n\n  /** @internal */\n  public async handleEvent(event: KeyboardEvent): Promise<void> {\n    if (event.key !== escapeKey) {\n      return;\n    }\n\n    const [tooltip, callback] = last(Array.from(this._collection.entries()));\n    await callback?.call(tooltip);\n  }\n}\n\nconst service = new TooltipEscapeCallbacks();\nexport default service;\n"]}

package/components/tooltip/themes/dark/tooltip.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/dark/tooltip.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--ig-theme: bootstrap}`;
+//# sourceMappingURL=tooltip.bootstrap.css.js.map

package/components/tooltip/themes/dark/tooltip.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/dark/tooltip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yLAAyL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--ig-theme: bootstrap}`;\n"]}

package/components/tooltip/themes/dark/tooltip.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/dark/tooltip.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--ig-theme: fluent}`;
+//# sourceMappingURL=tooltip.fluent.css.js.map

package/components/tooltip/themes/dark/tooltip.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/dark/tooltip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uSAAuS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--ig-theme: fluent}`;\n"]}

package/components/tooltip/themes/dark/tooltip.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/dark/tooltip.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-9));--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-300) h s l/0.9));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;
+//# sourceMappingURL=tooltip.indigo.css.js.map

package/components/tooltip/themes/dark/tooltip.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/dark/tooltip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qPAAqP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-9));--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-300) h s l/0.9));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;\n"]}

package/components/tooltip/themes/dark/tooltip.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/dark/tooltip.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material}`;
+//# sourceMappingURL=tooltip.material.css.js.map

package/components/tooltip/themes/dark/tooltip.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/dark/tooltip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

package/components/tooltip/themes/light/tooltip.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/light/tooltip.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--ig-theme: bootstrap}`;
+//# sourceMappingURL=tooltip.bootstrap.css.js.map

package/components/tooltip/themes/light/tooltip.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/light/tooltip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yLAAyL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--ig-theme: bootstrap}`;\n"]}

package/components/tooltip/themes/light/tooltip.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/light/tooltip.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--ig-theme: fluent}`;
+//# sourceMappingURL=tooltip.fluent.css.js.map

package/components/tooltip/themes/light/tooltip.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/light/tooltip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uSAAuS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-900-contrast));--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--ig-theme: fluent}`;\n"]}

package/components/tooltip/themes/light/tooltip.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/light/tooltip.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-8));--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-600) h s l/0.9));--ig-theme: indigo}`;
+//# sourceMappingURL=tooltip.indigo.css.js.map

package/components/tooltip/themes/light/tooltip.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/light/tooltip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8KAA8K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-8));--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-600) h s l/0.9));--ig-theme: indigo}`;\n"]}

package/components/tooltip/themes/light/tooltip.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/light/tooltip.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material}`;
+//# sourceMappingURL=tooltip.material.css.js.map

package/components/tooltip/themes/light/tooltip.material.css.js.map

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

package/components/tooltip/themes/light/tooltip.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/light/tooltip.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-0));--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-700) h s l/0.9));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-700-contrast));--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem))}`;
+//# sourceMappingURL=tooltip.shared.css.js.map

package/components/tooltip/themes/light/tooltip.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/light/tooltip.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mVAAmV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-tooltip-elevation, var(--ig-elevation-0));--background: var(--ig-tooltip-background, hsl(from var(--ig-gray-700) h s l/0.9));--text-color: var(--ig-tooltip-text-color, var(--ig-gray-700-contrast));--border-radius: var(--ig-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem))}`;\n"]}

package/components/tooltip/themes/shared/tooltip.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/shared/tooltip.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=base]{background:var(--background);color:var(--text-color);border-radius:var(--border-radius);box-shadow:var(--elevation)}#arrow[part=top],#arrow[part=bottom]{border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0)}#arrow[part=top]{border-top:.25rem solid var(--background)}#arrow[part=bottom]{border-bottom:.25rem solid var(--background)}#arrow[part=left],#arrow[part=right]{border-top:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid rgba(0,0,0,0)}#arrow[part=left]{border-left:.25rem solid var(--background)}#arrow[part=right]{border-right:.25rem solid var(--background)}`;
+//# sourceMappingURL=tooltip.common.css.js.map

package/components/tooltip/themes/shared/tooltip.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tooltip/themes/shared/tooltip.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmBAAkmB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{background:var(--background);color:var(--text-color);border-radius:var(--border-radius);box-shadow:var(--elevation)}#arrow[part=top],#arrow[part=bottom]{border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0)}#arrow[part=top]{border-top:.25rem solid var(--background)}#arrow[part=bottom]{border-bottom:.25rem solid var(--background)}#arrow[part=left],#arrow[part=right]{border-top:.25rem solid rgba(0,0,0,0);border-bottom:.25rem solid rgba(0,0,0,0)}#arrow[part=left]{border-left:.25rem solid var(--background)}#arrow[part=right]{border-right:.25rem solid var(--background)}`;\n"]}

package/components/tooltip/themes/shared/tooltip.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/shared/tooltip.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=base]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}`;
+//# sourceMappingURL=tooltip.indigo.css.js.map

package/components/tooltip/themes/shared/tooltip.indigo.css.js.map

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

package/components/tooltip/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/tooltip/themes/themes.js

@@ -0,0 +1,47 @@
+import { css } from 'lit';
+import { styles as indigo } from './shared/tooltip.indigo.css.js';
+import { styles as bootstrapDark } from './dark/tooltip.bootstrap.css.js';
+import { styles as fluentDark } from './dark/tooltip.fluent.css.js';
+import { styles as indigoDark } from './dark/tooltip.indigo.css.js';
+import { styles as materialDark } from './dark/tooltip.material.css.js';
+import { styles as bootstrapLight } from './light/tooltip.bootstrap.css.js';
+import { styles as fluentLight } from './light/tooltip.fluent.css.js';
+import { styles as indigoLight } from './light/tooltip.indigo.css.js';
+import { styles as materialLight } from './light/tooltip.material.css.js';
+import { styles as shared } from './light/tooltip.shared.css.js';
+const light = {
+    shared: css `
+    ${shared}
+  `,
+    bootstrap: css `
+    ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    shared: css `
+    ${shared}
+  `,
+    bootstrap: css `
+    ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/tooltip/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/tooltip/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAExE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as indigo } from './shared/tooltip.indigo.css.js';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/tooltip.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/tooltip.fluent.css.js';\nimport { styles as indigoDark } from './dark/tooltip.indigo.css.js';\nimport { styles as materialDark } from './dark/tooltip.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/tooltip.bootstrap.css.js';\nimport { styles as fluentLight } from './light/tooltip.fluent.css.js';\nimport { styles as indigoLight } from './light/tooltip.indigo.css.js';\nimport { styles as materialLight } from './light/tooltip.material.css.js';\nimport { styles as shared } from './light/tooltip.shared.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/tooltip/themes/tooltip.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tooltip/themes/tooltip.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;display:flex;align-items:center;text-align:center}[part=base]{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);padding:.25rem .5rem;font-size:.625rem;font-weight:600;line-height:1rem;text-align:start;max-width:200px;display:flex;align-items:flex-start;gap:.5rem;position:relative}#arrow{position:absolute;width:0;height:0}igc-popover::part(container){background-color:rgba(0,0,0,0)}slot[name=close-button] igc-icon{--component-size: 1}`;
+//# sourceMappingURL=tooltip.base.css.js.map

package/components/tooltip/themes/tooltip.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.base.css.js","sourceRoot":"","sources":["../../../../src/components/tooltip/themes/tooltip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ivDAAivD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;display:flex;align-items:center;text-align:center}[part=base]{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);padding:.25rem .5rem;font-size:.625rem;font-weight:600;line-height:1rem;text-align:start;max-width:200px;display:flex;align-items:flex-start;gap:.5rem;position:relative}#arrow{position:absolute;width:0;height:0}igc-popover::part(container){background-color:rgba(0,0,0,0)}slot[name=close-button] igc-icon{--component-size: 1}`;\n"]}