igniteui-webcomponents 7.2.4 → 7.3.0-beta.1

package/components/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import type { Constructor } from '../common/mixins/constructor.js';
+import type { Constructor } from '#internals/mixins/constructor.js';
 import { IgcSliderBaseComponent } from './slider-base.js';
 export interface IgcSliderComponentEventMap {
     /**
@@ -10,7 +10,7 @@ export interface IgcSliderComponentEventMap {
      */
     igcChange: CustomEvent<number>;
 }
-declare const IgcSliderComponent_base: Constructor<import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSliderComponentEventMap>> & Constructor<IgcSliderBaseComponent>;
+declare const IgcSliderComponent_base: Constructor<import("../../internals/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcSliderComponentEventMap>> & Constructor<IgcSliderBaseComponent>;
 /**
  * A slider component used to select numeric value within a range.
  *
@@ -37,7 +37,7 @@ declare const IgcSliderComponent_base: Constructor<import("../common/mixins/form
 export default class IgcSliderComponent extends IgcSliderComponent_base {
     static readonly tagName = "igc-slider";
     static register(): void;
-    protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<number>;
+    protected readonly _formValue: import("#internals/mixins/forms/form-value.js").FormValue<number>;
     /**
      * The current value of the component.
      * @attr

package/components/slider/slider.js

@@ -5,12 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { property } from 'lit/decorators.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { FormAssociatedMixin } from '../common/mixins/forms/associated.js';
-import { FormValueNumberTransformers } from '../common/mixins/forms/form-transformers.js';
-import { createFormValueState } from '../common/mixins/forms/form-value.js';
-import { asNumber, asPercent, clamp } from '../common/util.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { FormAssociatedMixin } from '#internals/mixins/forms/associated.js';
+import { FormValueNumberTransformers } from '#internals/mixins/forms/form-transformers.js';
+import { createFormValueState } from '#internals/mixins/forms/form-value.js';
+import { asNumber, asPercent, clamp } from '#internals/utils/math.js';
 import { IgcSliderBaseComponent } from './slider-base.js';
 import IgcSliderLabelComponent from './slider-label.js';
 export default class IgcSliderComponent extends FormAssociatedMixin(EventEmitterMixin(IgcSliderBaseComponent)) {
@@ -35,7 +35,13 @@ export default class IgcSliderComponent extends FormAssociatedMixin(EventEmitter
         return this.value;
     }
     normalizeValue() {
-        this.value = this.validateValue(this.value);
+        const value = this.validateValue(this.value);
+        if (value === this.value) {
+            return;
+        }
+        const pristine = this._pristine;
+        this.value = value;
+        this._pristine = pristine;
     }
     getTrackStyle() {
         return {
@@ -52,12 +58,10 @@ export default class IgcSliderComponent extends FormAssociatedMixin(EventEmitter
         return true;
     }
     emitInputEvent() {
-        this._setTouchedState();
-        this.emitEvent('igcInput', { detail: this.value });
+        this._emitTouchedEvent('igcInput', { detail: this.value });
     }
     emitChangeEvent() {
-        this._setTouchedState();
-        this.emitEvent('igcChange', { detail: this.value });
+        this._emitTouchedEvent('igcChange', { detail: this.value });
     }
     stepUp(stepIncrement = 1) {
         this.value = this.value + stepIncrement * this.step;

package/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.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 { FormAssociatedMixin } from '../common/mixins/forms/associated.js';\nimport { FormValueNumberTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { asNumber, asPercent, clamp } from '../common/util.js';\nimport { IgcSliderBaseComponent } from './slider-base.js';\nimport IgcSliderLabelComponent from './slider-label.js';\n\nexport interface IgcSliderComponentEventMap {\n  /**\n   * Emitted when a value is changed via thumb drag or keyboard interaction.\n   */\n  igcInput: CustomEvent<number>;\n  /**\n   * Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n   */\n  igcChange: CustomEvent<number>;\n}\n\n/**\n * A slider component used to select numeric value within a range.\n *\n * @element igc-slider\n *\n * @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.\n * @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n *\n * @csspart base - The base wrapper of the slider.\n * @csspart ticks - The ticks container.\n * @csspart tick-group - The tick group container.\n * @csspart tick - The tick element.\n * @csspart tick-label - The tick label element.\n * @csspart tick-label-inner - The inner element of the tick label.\n * @csspart thumbs - The thumbs container.\n * @csspart thumb - The thumb element.\n * @csspart thumb-label - The thumb tooltip label container.\n * @csspart thumb-label-inner - The thumb tooltip label inner element.\n * @csspart track - The track container.\n * @csspart steps - The track steps element.\n * @csspart inactive - The inactive element of the track.\n * @csspart fill - The filled part of the track.\n */\nexport default class IgcSliderComponent extends FormAssociatedMixin(\n  EventEmitterMixin<\n    IgcSliderComponentEventMap,\n    Constructor<IgcSliderBaseComponent>\n  >(IgcSliderBaseComponent)\n) {\n  public static readonly tagName = 'igc-slider';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcSliderComponent, IgcSliderLabelComponent);\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: 0,\n    transformers: FormValueNumberTransformers,\n  });\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The current value of the component.\n   * @attr\n   */\n  @property({ type: Number })\n  public set value(value: number) {\n    this._formValue.setValueAndFormState(\n      this.validateValue(asNumber(value, this._formValue.value))\n    );\n  }\n\n  public get value(): number {\n    return this._formValue.value;\n  }\n\n  protected override get activeValue(): number {\n    return this.value;\n  }\n\n  protected override normalizeValue(): void {\n    this.value = this.validateValue(this.value);\n  }\n\n  protected override getTrackStyle() {\n    return {\n      width: `${asPercent(this.value - this.min, this.distance)}%`,\n    };\n  }\n\n  protected override updateValue(increment: number) {\n    const value = clamp(\n      this.value + increment,\n      this.lowerBound,\n      this.upperBound\n    );\n\n    if (this.value === value) {\n      return false;\n    }\n\n    this.value = value;\n    this.emitInputEvent();\n    return true;\n  }\n\n  protected override emitInputEvent() {\n    this._setTouchedState();\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  protected override emitChangeEvent() {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  /**\n   * Increments the value of the slider by `stepIncrement * step`, where `stepIncrement` defaults to 1.\n   * @param stepIncrement Optional step increment. If no parameter is passed, it defaults to 1.\n   */\n  public stepUp(stepIncrement = 1) {\n    this.value = this.value + stepIncrement * this.step;\n  }\n\n  /**\n   * Decrements the value of the slider by `stepDecrement * step`, where `stepDecrement` defaults to 1.\n   * @param stepDecrement Optional step decrement. If no parameter is passed, it defaults to 1.\n   */\n  public stepDown(stepDecrement = 1) {\n    this.value = this.value - stepDecrement * this.step;\n  }\n\n  protected override renderThumbs() {\n    return this.renderThumb(this.value, this.ariaLabel!);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-slider': IgcSliderComponent;\n  }\n}\n"]}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormAssociatedMixin } from '#internals/mixins/forms/associated.js';\nimport { FormValueNumberTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { asNumber, asPercent, clamp } from '#internals/utils/math.js';\nimport { IgcSliderBaseComponent } from './slider-base.js';\nimport IgcSliderLabelComponent from './slider-label.js';\n\nexport interface IgcSliderComponentEventMap {\n  /**\n   * Emitted when a value is changed via thumb drag or keyboard interaction.\n   */\n  igcInput: CustomEvent<number>;\n  /**\n   * Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n   */\n  igcChange: CustomEvent<number>;\n}\n\n/**\n * A slider component used to select numeric value within a range.\n *\n * @element igc-slider\n *\n * @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.\n * @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n *\n * @csspart base - The base wrapper of the slider.\n * @csspart ticks - The ticks container.\n * @csspart tick-group - The tick group container.\n * @csspart tick - The tick element.\n * @csspart tick-label - The tick label element.\n * @csspart tick-label-inner - The inner element of the tick label.\n * @csspart thumbs - The thumbs container.\n * @csspart thumb - The thumb element.\n * @csspart thumb-label - The thumb tooltip label container.\n * @csspart thumb-label-inner - The thumb tooltip label inner element.\n * @csspart track - The track container.\n * @csspart steps - The track steps element.\n * @csspart inactive - The inactive element of the track.\n * @csspart fill - The filled part of the track.\n */\nexport default class IgcSliderComponent extends FormAssociatedMixin(\n  EventEmitterMixin<\n    IgcSliderComponentEventMap,\n    Constructor<IgcSliderBaseComponent>\n  >(IgcSliderBaseComponent)\n) {\n  public static readonly tagName = 'igc-slider';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcSliderComponent, IgcSliderLabelComponent);\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: 0,\n    transformers: FormValueNumberTransformers,\n  });\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The current value of the component.\n   * @attr\n   */\n  @property({ type: Number })\n  public set value(value: number) {\n    this._formValue.setValueAndFormState(\n      this.validateValue(asNumber(value, this._formValue.value))\n    );\n  }\n\n  public get value(): number {\n    return this._formValue.value;\n  }\n\n  protected override get activeValue(): number {\n    return this.value;\n  }\n\n  protected override normalizeValue(): void {\n    const value = this.validateValue(this.value);\n\n    if (value === this.value) {\n      return;\n    }\n\n    // A clamp into the current scale is not an edit of the control, so the\n    // form state that it was in carries over.\n    const pristine = this._pristine;\n    this.value = value;\n    this._pristine = pristine;\n  }\n\n  protected override getTrackStyle() {\n    return {\n      width: `${asPercent(this.value - this.min, this.distance)}%`,\n    };\n  }\n\n  protected override updateValue(increment: number) {\n    const value = clamp(\n      this.value + increment,\n      this.lowerBound,\n      this.upperBound\n    );\n\n    if (this.value === value) {\n      return false;\n    }\n\n    this.value = value;\n    this.emitInputEvent();\n    return true;\n  }\n\n  protected override emitInputEvent() {\n    this._emitTouchedEvent('igcInput', { detail: this.value });\n  }\n\n  protected override emitChangeEvent() {\n    this._emitTouchedEvent('igcChange', { detail: this.value });\n  }\n\n  /**\n   * Increments the value of the slider by `stepIncrement * step`, where `stepIncrement` defaults to 1.\n   * @param stepIncrement Optional step increment. If no parameter is passed, it defaults to 1.\n   */\n  public stepUp(stepIncrement = 1) {\n    this.value = this.value + stepIncrement * this.step;\n  }\n\n  /**\n   * Decrements the value of the slider by `stepDecrement * step`, where `stepDecrement` defaults to 1.\n   * @param stepDecrement Optional step decrement. If no parameter is passed, it defaults to 1.\n   */\n  public stepDown(stepDecrement = 1) {\n    this.value = this.value - stepDecrement * this.step;\n  }\n\n  protected override renderThumbs() {\n    return this.renderThumb(this.value, this.ariaLabel!);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-slider': IgcSliderComponent;\n  }\n}\n"]}

package/components/slider/themes/themes.d.ts

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

package/components/slider/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;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,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/slider.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/slider.fluent.css.js';\nimport { styles as indigoDark } from './dark/slider.indigo.css.js';\nimport { styles as materialDark } from './dark/slider.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/slider.bootstrap.css.js';\nimport { styles as fluentLight } from './light/slider.fluent.css.js';\nimport { styles as indigoLight } from './light/slider.indigo.css.js';\nimport { styles as materialLight } from './light/slider.material.css.js';\nimport { styles as shared } from './light/slider.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/slider.bootstrap.css.js';\nimport { styles as fluent } from './shared/slider.fluent.css.js';\nimport { styles as indigo } from './shared/slider.indigo.css.js';\nimport { styles as material } from './shared/slider.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;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,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/slider.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/slider.fluent.css.js';\nimport { styles as indigoDark } from './dark/slider.indigo.css.js';\nimport { styles as materialDark } from './dark/slider.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/slider.bootstrap.css.js';\nimport { styles as fluentLight } from './light/slider.fluent.css.js';\nimport { styles as indigoLight } from './light/slider.indigo.css.js';\nimport { styles as materialLight } from './light/slider.material.css.js';\nimport { styles as shared } from './light/slider.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/slider.bootstrap.css.js';\nimport { styles as fluent } from './shared/slider.fluent.css.js';\nimport { styles as indigo } from './shared/slider.indigo.css.js';\nimport { styles as material } from './shared/slider.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/snackbar/snackbar.d.ts

@@ -1,9 +1,9 @@
-import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
-import type { AbstractConstructor } from '../common/mixins/constructor.js';
+import { IgcBaseAlertLikeComponent } from '#internals/mixins/alert.js';
+import type { AbstractConstructor } from '#internals/mixins/constructor.js';
 export interface IgcSnackbarComponentEventMap {
     igcAction: CustomEvent<void>;
 }
-declare const IgcSnackbarComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarComponentEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
+declare const IgcSnackbarComponent_base: import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarComponentEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
 /**
  * A snackbar component is used to provide feedback about an operation
  * by showing a brief message at the bottom of the screen.

package/components/snackbar/snackbar.js

@@ -6,11 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
-import { addThemingController } from '../../theming/theming-controller.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { IgcBaseAlertLikeComponent } from '#internals/mixins/alert.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import IgcButtonComponent from '../button/button.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { styles as shared } from './themes/shared/snackbar.common.css.js';
 import { styles } from './themes/snackbar.base.css.js';
 import { all } from './themes/themes.js';

package/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AA4BzC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,iBAAiB,CAGjE,yBAAyB,CAAC;aACH,YAAO,GAAG,cAAc,CAAC;aAClC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGjC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;IAC9D,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;gCACiB,CAAC,IAAI,CAAC,IAAI;;;;;6DAKmB,IAAI,CAAC,YAAY;YAElE,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,IAAI,CAAA;;sBAEE,IAAI,CAAC,UAAU;;iBAEpB;YACH,CAAC,CAAC,OACN;;;KAGL,CAAC;IACJ,CAAC;;AA/BM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { styles as shared } from './themes/shared/snackbar.common.css.js';\nimport { styles } from './themes/snackbar.base.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcSnackbarComponentEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` /\n * `\"--toggle\"` and `commandfor` pointing to this element will call the\n * corresponding method declaratively without any JavaScript.\n *\n * @element igc-snackbar\n *\n * @slot - Default slot to render the snackbar content.\n * @slot action - Renders the action part of the snackbar. Usually an interactive element (button).\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The default snackbar action button.\n * @csspart action-container - The area holding the actions.\n */\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarComponentEventMap,\n  AbstractConstructor<IgcBaseAlertLikeComponent>\n>(IgcBaseAlertLikeComponent) {\n  public static readonly tagName = 'igc-snackbar';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcSnackbarComponent, IgcButtonComponent);\n  }\n\n  /**\n   * The text of the action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText?: string;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  private _handleClick(): void {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\" .inert=${!this.open}>\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n\n        <slot name=\"action\" part=\"action-container\" @click=${this._handleClick}>\n          ${\n            this.actionText\n              ? html`\n                  <igc-button type=\"button\" part=\"action\" variant=\"flat\">\n                    ${this.actionText}\n                  </igc-button>\n                `\n              : nothing\n          }\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AA4BzC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,iBAAiB,CAGjE,yBAAyB,CAAC;aACH,YAAO,GAAG,cAAc,CAAC;aAClC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGjC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;IAC9D,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;gCACiB,CAAC,IAAI,CAAC,IAAI;;;;;6DAKmB,IAAI,CAAC,YAAY;YAElE,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,IAAI,CAAA;;sBAEE,IAAI,CAAC,UAAU;;iBAEpB;YACH,CAAC,CAAC,OACN;;;KAGL,CAAC;IACJ,CAAC;;AA/BM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '#internals/mixins/alert.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { styles as shared } from './themes/shared/snackbar.common.css.js';\nimport { styles } from './themes/snackbar.base.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcSnackbarComponentEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` /\n * `\"--toggle\"` and `commandfor` pointing to this element will call the\n * corresponding method declaratively without any JavaScript.\n *\n * @element igc-snackbar\n *\n * @slot - Default slot to render the snackbar content.\n * @slot action - Renders the action part of the snackbar. Usually an interactive element (button).\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The default snackbar action button.\n * @csspart action-container - The area holding the actions.\n */\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarComponentEventMap,\n  AbstractConstructor<IgcBaseAlertLikeComponent>\n>(IgcBaseAlertLikeComponent) {\n  public static readonly tagName = 'igc-snackbar';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcSnackbarComponent, IgcButtonComponent);\n  }\n\n  /**\n   * The text of the action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText?: string;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  private _handleClick(): void {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\" .inert=${!this.open}>\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n\n        <slot name=\"action\" part=\"action-container\" @click=${this._handleClick}>\n          ${\n            this.actionText\n              ? html`\n                  <igc-button type=\"button\" part=\"action\" variant=\"flat\">\n                    ${this.actionText}\n                  </igc-button>\n                `\n              : nothing\n          }\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}

package/components/snackbar/themes/themes.d.ts

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

package/components/snackbar/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEnE,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,MAAM,IAAI,WAAW;GACxB;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,MAAM,IAAI,UAAU;GACvB;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';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/snackbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/snackbar.indigo.css.js';\nimport { styles as materialDark } from './dark/snackbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/snackbar.fluent.css.js';\nimport { styles as indigoLight } from './light/snackbar.indigo.css.js';\nimport { styles as materialLight } from './light/snackbar.material.css.js';\nimport { styles as shared } from './light/snackbar.shared.css.js';\n// Shared Styles\nimport { styles as fluent } from './shared/snackbar.fluent.css.js';\nimport { styles as indigo } from './shared/snackbar.indigo.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    ${fluent} ${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    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEnE,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,MAAM,IAAI,WAAW;GACxB;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,MAAM,IAAI,UAAU;GACvB;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';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/snackbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/snackbar.indigo.css.js';\nimport { styles as materialDark } from './dark/snackbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/snackbar.fluent.css.js';\nimport { styles as indigoLight } from './light/snackbar.indigo.css.js';\nimport { styles as materialLight } from './light/snackbar.material.css.js';\nimport { styles as shared } from './light/snackbar.shared.css.js';\n// Shared Styles\nimport { styles as fluent } from './shared/snackbar.fluent.css.js';\nimport { styles as indigo } from './shared/snackbar.indigo.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    ${fluent} ${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    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/splitter/splitter.d.ts

@@ -1,11 +1,11 @@
 import { LitElement, type PropertyValues } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
+import type { Constructor } from '#internals/mixins/constructor.js';
 import type { SplitterOrientation } from '../types.js';
-import type { IgcSplitterComponentEventMap, IgcSplitterResizeEventArgs, IgcSplitterResizeEventDetail, PanePosition } from './types.js';
-declare const IgcSplitterComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSplitterComponentEventMap>> & Constructor<LitElement>;
+import type { IgcSplitterComponentEventMap, IgcSplitterLayoutChangedEventArgs, IgcSplitterResizeEventArgs, IgcSplitterResizeEventDetail, PanePosition } from './types.js';
+declare const IgcSplitterComponent_base: Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcSplitterComponentEventMap>> & Constructor<LitElement>;
 /**
- * The `igc-splitter` component provides a resizable split-pane layout that divides the view
- * into two panels — *start* and *end* — separated by a draggable bar.
+ * A splitter component that provides a resizable split-pane layout, dividing the view
+ * into two panels - *start* and *end* - separated by a draggable bar.
  *
  * Panels can be resized by dragging the bar, using keyboard shortcuts, or collapsed/expanded
  * using the built-in collapse buttons or the programmatic `toggle()` API.
@@ -67,6 +67,8 @@ declare const IgcSplitterComponent_base: Constructor<import("../common/mixins/ev
  * @fires igcResizeStart - Emitted once when a resize operation begins (pointer drag or keyboard).
  * @fires igcResizing - Emitted continuously while a pane is being resized.
  * @fires igcResizeEnd - Emitted once when a resize operation completes.
+ * @fires igcLayoutChanged - Emitted after a user-driven resize or expansion change, with a full
+ * snapshot of the current layout (pane sizes and collapsed states).
  *
  * @slot start - Content projected into the start (left/top) panel.
  * @slot end - Content projected into the end (right/bottom) panel.
@@ -79,6 +81,12 @@ declare const IgcSplitterComponent_base: Constructor<import("../common/mixins/ev
  * @csspart end-collapse-btn - The button to collapse the end panel.
  * @csspart start-expand-btn - The button to expand the start panel when collapsed.
  * @csspart end-expand-btn - The button to expand the end panel when collapsed.
+ *
+ * @remarks
+ * The bar holds two expander elements, one on either side of the drag handle,
+ * and each carries whichever part name applies to the current collapsed state.
+ * A part name is therefore not tied to a fixed side: with the end pane
+ * collapsed, `end-expand-btn` lands on the *first* of the two.
  */
 export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     static readonly tagName = "igc-splitter";
@@ -86,55 +94,59 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     static register(): void;
     private readonly _internals;
     private readonly _separatorRef;
-    private _startPaneState;
-    private _endPaneState;
+    private readonly _startPaneState;
+    private readonly _endPaneState;
     private _collapsedPane;
     private _resizeState;
+    private _measurement;
+    /** Container extent at the last resize notification we acted on. */
+    private _observedSize;
     private readonly _base;
     private readonly _startPane;
     private readonly _endPane;
     private get _separator();
+    private get _isDragging();
     private get _resizeDisallowed();
     private get _isHorizontal();
     private get _separatorCursor();
     /**
      * The orientation of the splitter, which determines the direction of resizing and collapsing.
      *
+     * Changing the orientation after the initial render clears the pane sizes and
+     * their min/max constraints, along with the corresponding attributes - a size
+     * authored for one axis rarely makes sense on the other.
      * @attr orientation
      * @default 'horizontal'
      */
     orientation: SplitterOrientation;
     /**
-     * When true, prevents the user from collapsing either pane.
-     * This also hides the expand/collapse buttons on the splitter bar.
-     *
+     * Whether collapsing either pane is disabled. When `true`, this also hides
+     * the expand/collapse buttons on the splitter bar.
      * @attr disable-collapse
      * @default false
      */
     disableCollapse: boolean;
     /**
-     * When true, prevents the user from resizing the panes by dragging the splitter bar or using keyboard shortcuts.
-     * This also hides the drag handle on the splitter bar.
-     *
+     * Whether resizing the panes by dragging the splitter bar or using keyboard
+     * shortcuts is disabled. When `true`, this also hides the drag handle on the
+     * splitter bar.
      * @attr disable-resize
      * @default false
      */
     disableResize: boolean;
     /**
-     * When true, hides the expand/collapse buttons on the splitter bar.
+     * Whether the expand/collapse buttons on the splitter bar are hidden.
      *
      * Note that the buttons will also be hidden if `disable-collapse` is true or
      * if a pane is currently collapsed.
-     *
      * @attr hide-collapse-buttons
      * @default false
      */
     hideCollapseButtons: boolean;
     /**
-     * When true, hides the drag handle on the splitter bar.
+     * Whether the drag handle on the splitter bar is hidden.
      *
      * Note that the drag handle will also be hidden if `disable-resize` is true.
-     *
      * @attr hide-drag-handle
      * @default false
      */
@@ -142,6 +154,9 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     /**
      * The minimum size of the start pane.
      *
+     * Accepts a CSS length with an explicit unit, e.g. `100px` or `20%`, or a
+     * unitless `0`. Setting `auto`, any other unitless or unparsable value, a
+     * negative value, or a percentage above 100 removes the constraint.
      * @attr start-min-size
      */
     set startMinSize(value: string | undefined);
@@ -149,6 +164,9 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     /**
      * The minimum size of the end pane.
      *
+     * Accepts a CSS length with an explicit unit, e.g. `100px` or `20%`, or a
+     * unitless `0`. Setting `auto`, any other unitless or unparsable value, a
+     * negative value, or a percentage above 100 removes the constraint.
      * @attr end-min-size
      */
     set endMinSize(value: string | undefined);
@@ -156,6 +174,9 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     /**
      * The maximum size of the start pane.
      *
+     * Accepts a CSS length with an explicit unit, e.g. `500px` or `80%`, or a
+     * unitless `0`. Setting `auto`, any other unitless or unparsable value, a
+     * negative value, or a percentage above 100 removes the constraint.
      * @attr start-max-size
      */
     set startMaxSize(value: string | undefined);
@@ -163,6 +184,9 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     /**
      * The maximum size of the end pane.
      *
+     * Accepts a CSS length with an explicit unit, e.g. `500px` or `80%`, or a
+     * unitless `0`. Setting `auto`, any other unitless or unparsable value, a
+     * negative value, or a percentage above 100 removes the constraint.
      * @attr end-max-size
      */
     set endMaxSize(value: string | undefined);
@@ -170,6 +194,9 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     /**
      * The size of the start pane.
      *
+     * Accepts a CSS length with an explicit unit, e.g. `200px` or `50%`, or a
+     * unitless `0`. Setting `auto`, any other unitless or unparsable value, a
+     * negative value, or a percentage above 100 falls back to automatic sizing.
      * @attr start-size
      */
     set startSize(value: string | undefined);
@@ -177,29 +204,65 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     /**
      * The size of the end pane.
      *
+     * Accepts a CSS length with an explicit unit, e.g. `200px` or `50%`, or a
+     * unitless `0`. Setting `auto`, any other unitless or unparsable value, a
+     * negative value, or a percentage above 100 falls back to automatic sizing.
      * @attr end-size
      */
     set endSize(value: string | undefined);
     get endSize(): string | undefined;
+    /**
+     * Whether the start pane is currently collapsed. Set this property to
+     * collapse or expand the pane programmatically.
+     * @attr start-collapsed
+     * @default false
+     */
+    set startCollapsed(value: boolean);
+    get startCollapsed(): boolean;
+    /**
+     * Whether the end pane is currently collapsed. Set this property to
+     * collapse or expand the pane programmatically.
+     * @attr end-collapsed
+     * @default false
+     */
+    set endCollapsed(value: boolean);
+    get endCollapsed(): boolean;
     constructor();
     protected update(changed: PropertyValues<this>): void;
     protected updated(): void;
+    disconnectedCallback(): void;
     private _handleBarPointerDown;
     private _getDragDelta;
     private _handleBarPointerMove;
     private _handleEndDrag;
+    /** A cancelled gesture reverts, but still reports an end for the start it emitted. */
+    private _handleCancelDrag;
     private _endDrag;
-    /** Toggles the collapsed state of the specified pane. */
+    /**
+     * Toggles the collapsed state of the specified pane.
+     *
+     * Does not emit `igcLayoutChanged` - that event reports user-driven changes,
+     * and a programmatic call is already known to the caller.
+     */
     toggle(position: PanePosition): void;
+    private _applyCollapse;
+    private _setPaneSize;
+    /** Drops the authored sizes and their attributes, which would otherwise diverge. */
+    private _resetPaneSizes;
+    private _setCollapsed;
     private _savePaneSizes;
     private _restoreSizesOnExpandCollapse;
-    /** Measures the actual rendered size of a pane and returns it as a percentage of total size. */
-    private _paneRectAsPercent;
-    /** Converts a CSS size string (px or %) to a percentage of total size. */
-    private _sizeToPercent;
+    /**
+     * The container is what the browser resolves a percentage `flex-basis`
+     * against, so a value measured this way survives a round trip through CSS.
+     */
+    private _asPercentOfContainer;
+    /** Resolves a CSS length to pixels, percentages against the container. */
+    private _toPixels;
     private _getStartPaneSizePercent;
     private _getMinMaxAsPercent;
     private _isCollapsed;
+    private _otherPane;
     private _updateBarAria;
     private _getPaneState;
     private _isPercentageSize;
@@ -207,20 +270,40 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     private _normalizeValue;
     private _getFlex;
     private _handleResizePanes;
+    /**
+     * A complete resize for a non-pointer gesture. Sharing `_calcNewSizes` with
+     * the drag path is what keeps both panes' constraints honoured and the
+     * emitted sizes equal to the ones that actually render.
+     */
+    private _runResize;
     private _preventDefaultForEvent;
     private _resolveDelta;
+    /** Snaps the start pane to its minimum or maximum size. */
     private _handleMinMaxResize;
     private _handleExpanderAction;
+    private _toggleWithEvent;
+    private _reportedSize;
+    private _emitLayoutChanged;
     private _handleArrowsExpandCollapse;
     private _resizeStart;
     private _createPaneState;
-    private _setMinMaxInPx;
+    private _getConstraintInPx;
     private _resizing;
     private _computeSize;
     private _resizeEnd;
     private _rectSize;
     private _calcNewSizes;
+    /**
+     * Reads the container and bar extents once per update pass - both
+     * `_updatePanes` and `_updateBarAria` need them, and the style writes in
+     * between would force a reflow for every repeated read.
+     */
+    private _measure;
+    /** The content box of the flex container - the basis for every percentage. */
+    private _getContainerSize;
+    /** The space left for the panes once the bar has taken its own. */
     private _getTotalSize;
+    private _handleContainerResize;
     private _updatePanes;
     private _updatePaneStyles;
     private _setPaneMinMaxSizes;
@@ -232,7 +315,7 @@ export default class IgcSplitterComponent extends IgcSplitterComponent_base {
     private _renderSeparator;
     protected render(): import("lit-html").TemplateResult<1>;
 }
-export type { IgcSplitterComponentEventMap, IgcSplitterResizeEventArgs, IgcSplitterResizeEventDetail, };
+export type { IgcSplitterComponentEventMap, IgcSplitterLayoutChangedEventArgs, IgcSplitterResizeEventArgs, IgcSplitterResizeEventDetail, };
 declare global {
     interface HTMLElementTagNameMap {
         'igc-splitter': IgcSplitterComponent;