igniteui-webcomponents 5.3.0-beta.1 → 5.3.0-beta.3

package/components/rating/rating.d.ts

@@ -0,0 +1,143 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import { type FormValue } from '../common/mixins/forms/form-value.js';
+import IgcRatingSymbolComponent from './rating-symbol.js';
+export interface IgcRatingComponentEventMap {
+    igcChange: CustomEvent<number>;
+    igcHover: CustomEvent<number>;
+}
+declare const IgcRatingComponent_base: Constructor<import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcRatingComponentEventMap>> & Constructor<LitElement>;
+/**
+ * Rating provides insight regarding others' opinions and experiences,
+ * and can allow the user to submit a rating of their own
+ *
+ * @element igc-rating
+ *
+ * @fires igcChange - Emitted when the value of the control changes.
+ * @fires igcHover - Emitted when hover is enabled and the user mouses over a symbol of the rating.
+ *
+ * @csspart base - The main wrapper which holds all of the rating elements.
+ * @csspart label - The label part.
+ * @csspart value-label - The value label part.
+ * @csspart symbols - A wrapper for all rating symbols.
+ * @csspart symbol - The part of the encapsulated default symbol.
+ * @csspart full - The part of the encapsulated full symbols.
+ * @csspart empty - The part of the encapsulated empty symbols.
+ *
+ * @cssproperty --symbol-size - The size of the symbols.
+ * @cssproperty --symbol-full-color - The color of the filled symbol.
+ * @cssproperty --symbol-empty-color - The color of the empty symbol.
+ * @cssproperty --symbol-full-filter - The filter(s) used for the filled symbol.
+ * @cssproperty --symbol-empty-filter - The filter(s) used for the empty symbol.
+ */
+export default class IgcRatingComponent extends IgcRatingComponent_base {
+    static readonly tagName = "igc-rating";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected _formValue: FormValue<number>;
+    private _max;
+    private _step;
+    private _single;
+    protected ratingSymbols: IgcRatingSymbolComponent[];
+    protected container: HTMLElement;
+    protected valueLabel: Node[];
+    protected hoverValue: number;
+    protected hoverState: boolean;
+    protected get isInteractive(): boolean;
+    protected get hasProjectedSymbols(): boolean;
+    protected get valueText(): string;
+    /**
+     * The maximum value for the rating.
+     *
+     * If there are projected symbols, the maximum value will be resolved
+     * based on the number of symbols.
+     * @attr max
+     * @default 5
+     */
+    set max(value: number);
+    get max(): number;
+    /**
+     * The minimum value change allowed.
+     *
+     * Valid values are in the interval between 0 and 1 inclusive.
+     * @attr step
+     * @default 1
+     */
+    set step(value: number);
+    get step(): number;
+    /**
+     * The label of the control.
+     * @attr label
+     */
+    label: string;
+    /**
+     * A format string which sets aria-valuetext. Instances of '{0}' will be replaced
+     * with the current value of the control and instances of '{1}' with the maximum value for the control.
+     *
+     * Important for screen-readers and useful for localization.
+     * @attr value-format
+     */
+    valueFormat: string;
+    /**
+     * The current value of the component
+     * @attr value
+     * @default 0
+     */
+    set value(number: number);
+    get value(): number;
+    /**
+     * Sets hover preview behavior for the component
+     * @attr hover-preview
+     */
+    hoverPreview: boolean;
+    /**
+     * Makes the control a readonly field.
+     * @attr readonly
+     */
+    readOnly: boolean;
+    /**
+     * Toggles single selection visual mode.
+     * @attr single
+     * @default false
+     */
+    set single(value: boolean);
+    get single(): boolean;
+    /**
+     * Whether to reset the rating when the user selects the same value.
+     * @attr allow-reset
+     */
+    allowReset: boolean;
+    constructor();
+    protected firstUpdated(): Promise<void>;
+    protected handleClick({ clientX }: PointerEvent): void;
+    protected handlePointerMove({ clientX }: PointerEvent): void;
+    protected emitValueUpdate(value: number): void;
+    protected handleSlotChange(): void;
+    protected handleHoverEnabled(): void;
+    protected handleHoverDisabled(): void;
+    protected calcNewValue(x: number): number;
+    protected round(value: number): number;
+    protected clipSymbol(index: number, isLTR?: boolean): {
+        backward: string;
+        forward: string;
+    };
+    /**
+     * Increments the value of the control by `n` steps multiplied by the
+     * step factor.
+     */
+    stepUp(n?: number): void;
+    /**
+     * Decrements the value of the control by `n` steps multiplied by
+     * the step factor.
+     */
+    stepDown(n?: number): void;
+    protected renderSymbols(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
+    protected clipProjected(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-rating': IgcRatingComponent;
+    }
+}
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/rating/themes/rating-symbol.base.css.d.ts

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

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

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

package/components/rating/themes/shared/rating.bootstrap.css.d.ts

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

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

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

package/components/rating/themes/shared/rating.fluent.css.d.ts

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

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

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

package/components/rating/themes/themes.d.ts

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

package/components/resize-container/default-ghost.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Default ghost element factory for the igc-resize implementation.
+ */
+export declare function createDefaultGhostElement(width: number, height: number): HTMLElement;

package/components/resize-container/resize-container.d.ts

@@ -0,0 +1,68 @@
+import { LitElement, nothing } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import type { ResizeCallbackParams, ResizeGhostFactory, ResizeMode } from './types.js';
+export interface IgcResizeContainerComponentEventMap {
+    igcResizeStart: CustomEvent<ResizeCallbackParams>;
+    igcResize: CustomEvent<ResizeCallbackParams>;
+    igcResizeEnd: CustomEvent<ResizeCallbackParams>;
+    igcResizeCancel: CustomEvent<unknown>;
+}
+declare const IgcResizeContainerComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcResizeContainerComponentEventMap>> & Constructor<LitElement>;
+/**
+ * @element igc-resize
+ *
+ * @slot - renders the element(s) that should be resized
+ * @slot side-adorner - renders the side resize handle.
+ * @slot corner-adorner - renders the corner resize handle.
+ * @slot bottom-adorner - renders the bottom resize handle.
+ *
+ */
+export default class IgcResizeContainerComponent extends IgcResizeContainerComponent_base {
+    static readonly tagName = "igc-resize";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private _controller;
+    private _enabled;
+    private _mode;
+    private _ghostFactory?;
+    /** The DOM container doing the actual resizing */
+    private _container;
+    /** Resize component adorners */
+    private _adorners;
+    private _isActive;
+    /** Whether the resize behavior is enabled. */
+    set enabled(value: boolean);
+    get enabled(): boolean;
+    /**
+     * Whether to always show the resize element adorners.
+     */
+    active: boolean;
+    set ghostFactory(value: ResizeGhostFactory);
+    get ghostFactory(): ResizeGhostFactory | undefined;
+    /** Get/Set the mode of the resizing operation. */
+    set mode(value: ResizeMode);
+    get mode(): ResizeMode;
+    setSize(width: number | null, height: number | null): void;
+    getSize(): {
+        width: string;
+        height: string;
+    };
+    constructor();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private _updateResizingState;
+    private _handlePointerEnter;
+    private _handlePointerLeave;
+    private _handleResizeStart;
+    private _handleResize;
+    private _handleResizeEnd;
+    private _handleResizeCancel;
+    protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string): import("lit-html").TemplateResult<1>;
+    protected _renderAdorners(): import("lit-html").TemplateResult<1> | typeof nothing;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-resize': IgcResizeContainerComponent;
+    }
+}
+export {};

package/components/resize-container/resize-container.js

@@ -117,7 +117,6 @@ let IgcResizeContainerComponent = IgcResizeContainerComponent_1 = class IgcResiz
     _renderAdorner(name, part) {
         return html `
       <slot ${ref(this._adorners[name])} part=${part} name="${name}-adorner">
-        <div part="adorner-indicator"></div>
       </slot>
     `;
     }

package/components/resize-container/resize-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-container.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { addResizeController } from './resize-controller.js';\nimport { styles } from './themes/resize-container.base.css.js';\nimport { styles as shared } from './themes/shared/resize-container.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ResizeCallbackParams,\n  ResizeGhostFactory,\n  ResizeMode,\n  ResizeState,\n} from './types.js';\n\nexport interface IgcResizeContainerComponentEventMap {\n  igcResizeStart: CustomEvent<ResizeCallbackParams>;\n  igcResize: CustomEvent<ResizeCallbackParams>;\n  igcResizeEnd: CustomEvent<ResizeCallbackParams>;\n  igcResizeCancel: CustomEvent<unknown>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-resize\n *\n * @slot - renders the element(s) that should be resized\n * @slot side-adorner - renders the side resize handle.\n * @slot corner-adorner - renders the corner resize handle.\n * @slot bottom-adorner - renders the bottom resize handle.\n *\n */\n@themes(all)\nexport default class IgcResizeContainerComponent extends EventEmitterMixin<\n  IgcResizeContainerComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-resize';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcResizeContainerComponent, IgcIconComponent);\n  }\n\n  private _controller: ReturnType<typeof addResizeController>;\n\n  private _enabled = true;\n  private _mode: ResizeMode = 'immediate';\n  private _ghostFactory?: ResizeGhostFactory;\n\n  /** The DOM container doing the actual resizing */\n  private _container: Ref<HTMLElement> = createRef();\n\n  /** Resize component adorners */\n  private _adorners: Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>> = {\n    side: createRef(),\n    corner: createRef(),\n    bottom: createRef(),\n  };\n\n  @state()\n  private _isActive = false;\n\n  /** Whether the resize behavior is enabled. */\n  @property({ type: Boolean })\n  public set enabled(value: boolean) {\n    this._enabled = value;\n    this._controller.set({ enabled: value });\n  }\n\n  public get enabled(): boolean {\n    return this._enabled;\n  }\n\n  /**\n   * Whether to always show the resize element adorners.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @property({ attribute: false })\n  public set ghostFactory(value: ResizeGhostFactory) {\n    this._ghostFactory = value;\n    this._controller.set({ deferredFactory: this._ghostFactory });\n  }\n\n  public get ghostFactory(): ResizeGhostFactory | undefined {\n    return this._ghostFactory;\n  }\n\n  /** Get/Set the mode of the resizing operation. */\n  @property()\n  public set mode(value: ResizeMode) {\n    this._mode = value;\n    this._controller.set({ mode: this._mode });\n  }\n\n  public get mode(): ResizeMode {\n    return this._mode;\n  }\n\n  public setSize(width: number | null, height: number | null): void {\n    this._controller.setSize(width, height);\n  }\n\n  public getSize() {\n    const { width, height } = this._container.value!.style;\n    return { width, height };\n  }\n\n  constructor() {\n    super();\n\n    this._controller = addResizeController(this, {\n      ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],\n      mode: this._mode,\n      deferredFactory: this._ghostFactory,\n      start: this._handleResizeStart,\n      resize: this._handleResize,\n      end: this._handleResizeEnd,\n      cancel: this._handleResizeCancel,\n      resizeTarget: () => this._container.value!,\n    });\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private _updateResizingState(params: ResizeCallbackParams): void {\n    const { initial, current, trigger } = params.state;\n    const { side, bottom } = this._adorners;\n\n    if (trigger === side.value) {\n      current.height = initial.height;\n    } else if (trigger === bottom.value) {\n      current.width = initial.width;\n    }\n  }\n\n  private _handlePointerEnter(): void {\n    this._isActive = true;\n  }\n\n  private _handlePointerLeave(): void {\n    this._isActive = false;\n  }\n\n  private _handleResizeStart(params: ResizeCallbackParams): void {\n    params.event.preventDefault();\n    this.emitEvent('igcResizeStart', { bubbles: false, detail: params });\n  }\n\n  private _handleResize(params: ResizeCallbackParams): void {\n    this._updateResizingState(params);\n    this.emitEvent('igcResize', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeEnd(params: ResizeCallbackParams): void {\n    this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeCancel({ initial }: ResizeState): void {\n    this._controller.dispose();\n\n    if (this.mode !== 'deferred') {\n      Object.assign(this._container.value!.style, {\n        width: `${initial.width}px`,\n        height: `${initial.height}px`,\n      });\n    }\n\n    this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });\n  }\n\n  protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {\n    return html`\n      <slot ${ref(this._adorners[name])} part=${part} name=\"${name}-adorner\">\n        <div part=\"adorner-indicator\"></div>\n      </slot>\n    `;\n  }\n\n  protected _renderAdorners() {\n    if (!this._enabled || (!this._isActive && !this.active)) {\n      return nothing;\n    }\n\n    return html`\n      ${this._renderAdorner('side', 'trigger-side')}\n      ${this._renderAdorner('corner', 'trigger')}\n      ${this._renderAdorner('bottom', 'trigger-bottom')}\n    `;\n  }\n\n  protected override render() {\n    const parts = partNameMap({\n      'resize-base': true,\n      active: this._isActive || this.active,\n    });\n\n    const skipHandlers = this.active || !this._enabled;\n\n    return html`\n      <div\n        ${ref(this._container)}\n        part=${parts}\n        @pointerenter=${skipHandlers ? nothing : this._handlePointerEnter}\n        @pointerleave=${skipHandlers ? nothing : this._handlePointerLeave}\n      >\n        <slot></slot>\n        ${this._renderAdorners()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-resize': IgcResizeContainerComponent;\n  }\n}\n"]}
+{"version":3,"file":"resize-container.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { addResizeController } from './resize-controller.js';\nimport { styles } from './themes/resize-container.base.css.js';\nimport { styles as shared } from './themes/shared/resize-container.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ResizeCallbackParams,\n  ResizeGhostFactory,\n  ResizeMode,\n  ResizeState,\n} from './types.js';\n\nexport interface IgcResizeContainerComponentEventMap {\n  igcResizeStart: CustomEvent<ResizeCallbackParams>;\n  igcResize: CustomEvent<ResizeCallbackParams>;\n  igcResizeEnd: CustomEvent<ResizeCallbackParams>;\n  igcResizeCancel: CustomEvent<unknown>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-resize\n *\n * @slot - renders the element(s) that should be resized\n * @slot side-adorner - renders the side resize handle.\n * @slot corner-adorner - renders the corner resize handle.\n * @slot bottom-adorner - renders the bottom resize handle.\n *\n */\n@themes(all)\nexport default class IgcResizeContainerComponent extends EventEmitterMixin<\n  IgcResizeContainerComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-resize';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcResizeContainerComponent, IgcIconComponent);\n  }\n\n  private _controller: ReturnType<typeof addResizeController>;\n\n  private _enabled = true;\n  private _mode: ResizeMode = 'immediate';\n  private _ghostFactory?: ResizeGhostFactory;\n\n  /** The DOM container doing the actual resizing */\n  private _container: Ref<HTMLElement> = createRef();\n\n  /** Resize component adorners */\n  private _adorners: Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>> = {\n    side: createRef(),\n    corner: createRef(),\n    bottom: createRef(),\n  };\n\n  @state()\n  private _isActive = false;\n\n  /** Whether the resize behavior is enabled. */\n  @property({ type: Boolean })\n  public set enabled(value: boolean) {\n    this._enabled = value;\n    this._controller.set({ enabled: value });\n  }\n\n  public get enabled(): boolean {\n    return this._enabled;\n  }\n\n  /**\n   * Whether to always show the resize element adorners.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @property({ attribute: false })\n  public set ghostFactory(value: ResizeGhostFactory) {\n    this._ghostFactory = value;\n    this._controller.set({ deferredFactory: this._ghostFactory });\n  }\n\n  public get ghostFactory(): ResizeGhostFactory | undefined {\n    return this._ghostFactory;\n  }\n\n  /** Get/Set the mode of the resizing operation. */\n  @property()\n  public set mode(value: ResizeMode) {\n    this._mode = value;\n    this._controller.set({ mode: this._mode });\n  }\n\n  public get mode(): ResizeMode {\n    return this._mode;\n  }\n\n  public setSize(width: number | null, height: number | null): void {\n    this._controller.setSize(width, height);\n  }\n\n  public getSize() {\n    const { width, height } = this._container.value!.style;\n    return { width, height };\n  }\n\n  constructor() {\n    super();\n\n    this._controller = addResizeController(this, {\n      ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],\n      mode: this._mode,\n      deferredFactory: this._ghostFactory,\n      start: this._handleResizeStart,\n      resize: this._handleResize,\n      end: this._handleResizeEnd,\n      cancel: this._handleResizeCancel,\n      resizeTarget: () => this._container.value!,\n    });\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private _updateResizingState(params: ResizeCallbackParams): void {\n    const { initial, current, trigger } = params.state;\n    const { side, bottom } = this._adorners;\n\n    if (trigger === side.value) {\n      current.height = initial.height;\n    } else if (trigger === bottom.value) {\n      current.width = initial.width;\n    }\n  }\n\n  private _handlePointerEnter(): void {\n    this._isActive = true;\n  }\n\n  private _handlePointerLeave(): void {\n    this._isActive = false;\n  }\n\n  private _handleResizeStart(params: ResizeCallbackParams): void {\n    params.event.preventDefault();\n    this.emitEvent('igcResizeStart', { bubbles: false, detail: params });\n  }\n\n  private _handleResize(params: ResizeCallbackParams): void {\n    this._updateResizingState(params);\n    this.emitEvent('igcResize', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeEnd(params: ResizeCallbackParams): void {\n    this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeCancel({ initial }: ResizeState): void {\n    this._controller.dispose();\n\n    if (this.mode !== 'deferred') {\n      Object.assign(this._container.value!.style, {\n        width: `${initial.width}px`,\n        height: `${initial.height}px`,\n      });\n    }\n\n    this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });\n  }\n\n  protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {\n    return html`\n      <slot ${ref(this._adorners[name])} part=${part} name=\"${name}-adorner\">\n      </slot>\n    `;\n  }\n\n  protected _renderAdorners() {\n    if (!this._enabled || (!this._isActive && !this.active)) {\n      return nothing;\n    }\n\n    return html`\n      ${this._renderAdorner('side', 'trigger-side')}\n      ${this._renderAdorner('corner', 'trigger')}\n      ${this._renderAdorner('bottom', 'trigger-bottom')}\n    `;\n  }\n\n  protected override render() {\n    const parts = partNameMap({\n      'resize-base': true,\n      active: this._isActive || this.active,\n    });\n\n    const skipHandlers = this.active || !this._enabled;\n\n    return html`\n      <div\n        ${ref(this._container)}\n        part=${parts}\n        @pointerenter=${skipHandlers ? nothing : this._handlePointerEnter}\n        @pointerleave=${skipHandlers ? nothing : this._handlePointerLeave}\n      >\n        <slot></slot>\n        ${this._renderAdorners()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-resize': IgcResizeContainerComponent;\n  }\n}\n"]}

package/components/resize-container/resize-controller.d.ts

@@ -0,0 +1,46 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { ResizeControllerConfiguration } from './types.js';
+declare class ResizeController implements ReactiveController {
+    private _host;
+    private _options;
+    private _id;
+    private _hasPointerCapture;
+    private _state;
+    private _activeRef;
+    private _ghost;
+    private get _element();
+    private get _resizeTarget();
+    /** Whether the controller is in deferred mode. */
+    private get _isDeferred();
+    private get _stateParameters();
+    constructor(host: ReactiveControllerHost & HTMLElement, options?: ResizeControllerConfiguration);
+    /** Whether the controller is enabled and will listen for events. */
+    get enabled(): boolean;
+    /** Updates the configuration of the resize controller. */
+    set(options?: ResizeControllerConfiguration): void;
+    /** Stops any resizing operation, cleaning up any additional elements and event listeners. */
+    dispose(): void;
+    /** Assign the given width and height in pixels to the resize target of the controller. */
+    setSize(width: number | null, height: number | null): void;
+    /** @internal */
+    hostConnected(): void;
+    /** @internal */
+    hostDisconnected(): void;
+    /** @internal */
+    handleEvent(event: PointerEvent & KeyboardEvent): void;
+    private _handlePointerDown;
+    private _handlePointerMove;
+    private _handlePointerEnd;
+    private _handleCancel;
+    private _shouldSkip;
+    private _setActiveRef;
+    private _setResizeState;
+    private _setResizeCancelListener;
+    private _setInitialState;
+    private _updateState;
+    private _updatePosition;
+    private _createGhostElement;
+    private _removeGhostElement;
+}
+export declare function addResizeController(host: ReactiveControllerHost & HTMLElement, options?: ResizeControllerConfiguration): ResizeController;
+export {};

package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.fluent.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.indigo.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.material.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.shared.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.fluent.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.indigo.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.material.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.shared.css.d.ts

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

package/components/resize-container/themes/resize-container.base.css.d.ts

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

package/components/resize-container/themes/shared/resize-container.common.css.d.ts

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

package/components/resize-container/themes/themes.d.ts

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

package/components/resize-container/types.d.ts

@@ -0,0 +1,38 @@
+import type { Ref } from 'lit/directives/ref.js';
+export type ResizeMode = 'immediate' | 'deferred';
+export type ResizeCallback = (params: ResizeCallbackParams) => unknown;
+export type ResizeCancelCallback = (state: ResizeState) => unknown;
+export type ResizeGhostFactory = () => HTMLElement;
+export type ResizeState = {
+    initial: DOMRect;
+    current: DOMRect;
+    deltaX: number;
+    deltaY: number;
+    ghost: HTMLElement | null;
+    trigger: HTMLElement | null;
+};
+export type ResizeCallbackParams = {
+    event: PointerEvent;
+    state: ResizeState;
+};
+export type ResizeControllerConfiguration = {
+    enabled?: boolean;
+    ref?: Ref<HTMLElement>[];
+    mode?: ResizeMode;
+    deferredFactory?: ResizeGhostFactory;
+    /** Callback invoked at the start of a resize operation. */
+    start?: ResizeCallback;
+    /** Callback invoked on each pointer move during a resize operation. */
+    resize?: ResizeCallback;
+    /** Callback invoked when a resize operation completes. */
+    end?: ResizeCallback;
+    /** Callback invoked when a resize operation is cancelled. */
+    cancel?: ResizeCancelCallback;
+    /**
+     * Optional callback that returns the DOM element which will be resized/resizing depending on the
+     * configured mode of the controller.
+     *
+     * Defaults to the controller host.
+     */
+    resizeTarget?: () => HTMLElement;
+};

package/components/ripple/ripple.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * A ripple can be applied to an element to represent
+ * interactive surface.
+ *
+ * @element igc-ripple
+ */
+export default class IgcRippleComponent extends LitElement {
+    static readonly tagName = "igc-ripple";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    constructor();
+    private handler;
+    private getDimensions;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-ripple': IgcRippleComponent;
+    }
+}

package/components/ripple/ripple.material.css.d.ts

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

package/components/select/select-group.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import IgcSelectItemComponent from './select-item.js';
+/**
+ * @element igc-select-group - A container for a group of `igc-select-item` components.
+ *
+ * @slot label - Contains the group's label.
+ * @slot - Intended to contain the items belonging to this group.
+ *
+ * @csspart label - The native label element.
+ */
+export default class IgcSelectGroupComponent extends LitElement {
+    static readonly tagName = "igc-select-group";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private _internals;
+    private controlledItems;
+    /** All child `igc-select-item`s. */
+    items: Array<IgcSelectItemComponent>;
+    protected activeItems: Array<IgcSelectItemComponent>;
+    private _observerCallback;
+    /**
+     * Whether the group item and all its children are disabled.
+     * @attr
+     */
+    disabled: boolean;
+    constructor();
+    protected firstUpdated(): Promise<void>;
+    protected disabledChange(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-select-group': IgcSelectGroupComponent;
+    }
+}

package/components/select/select-header.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * Represents a header item in an igc-select component.
+ *
+ * @element igc-select-header
+ *
+ * @slot - Renders the header.
+ */
+export default class IgcSelectHeaderComponent extends LitElement {
+    static readonly tagName = "igc-select-header";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-select-header': IgcSelectHeaderComponent;
+    }
+}

package/components/select/select-item.d.ts

@@ -0,0 +1,30 @@
+import { IgcBaseOptionLikeComponent } from '../common/mixins/option.js';
+/**
+ * Represents an item in a select list.
+ *
+ * @element igc-select-item
+ *
+ * @slot - Renders the all content bar the prefix and suffix.
+ * @slot prefix - Renders content before the main content area.
+ * @slot suffix - Renders content after the main content area.
+ *
+ * @csspart prefix - The prefix wrapper of the igc-select-item.
+ * @csspart content - The main content wrapper of the igc-select-item.
+ * @csspart suffix - The suffix wrapper of the igc-select-item.
+ */
+export default class IgcSelectItemComponent extends IgcBaseOptionLikeComponent {
+    static readonly tagName = "igc-select-item";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    /**
+     * Whether the item is disabled.
+     * @attr
+     */
+    set active(value: boolean);
+    get active(): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-select-item': IgcSelectItemComponent;
+    }
+}