igniteui-webcomponents 4.2.2 → 4.3.0-alpha.0

package/components/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../src/components/stepper/stepper.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { IgcStepperEventMap } from './stepper.common.js';\nimport IgcStepComponent from './step.js';\nimport { Direction } from '../common/types.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/stepper/stepper.base.css.js';\nimport { styles as bootstrap } from './themes/stepper/stepper.bootstrap.css.js';\nimport { styles as fluent } from './themes/stepper/stepper.fluent.css.js';\nimport { styles as indigo } from './themes/stepper/stepper.indigo.css.js';\nimport { watch } from '../common/decorators/watch.js';\n\ndefineComponents(IgcStepComponent);\n\n/**\n * IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n *\n * @remarks\n * The stepper component allows the user to navigate between multiple steps.\n * It supports horizontal and vertical orientation as well as keyboard navigation and provides API methods to control the active step.\n *\n * @element igc-stepper\n *\n * @slot - Renders the step components inside default slot.\n *\n * @fires igcActiveStepChanging - Emitted when the active step is about to change.\n * @fires igcActiveStepChanged - Emitted when the active step is changed.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcStepperComponent extends SizableMixin(\n  EventEmitterMixin<IgcStepperEventMap, Constructor<LitElement>>(LitElement)\n) {\n  /** @private */\n  public static readonly tagName = 'igc-stepper';\n  /** @private */\n  protected static styles = styles;\n\n  private readonly keyDownHandlers: Map<string, Function> = new Map(\n    Object.entries({\n      Enter: this.activateStep,\n      Space: this.activateStep,\n      SpaceBar: this.activateStep,\n      ' ': this.activateStep,\n      ArrowUp: this.onArrowUpKeyDown,\n      ArrowDown: this.onArrowDownKeyDown,\n      ArrowLeft: this.onArrowLeftKeyDown,\n      ArrowRight: this.onArrowRightKeyDown,\n      Home: this.onHomeKey,\n      End: this.onEndKey,\n    })\n  );\n\n  private activeStep!: IgcStepComponent;\n\n  /** Returns all of the stepper's steps. */\n  @queryAssignedElements({ selector: 'igc-step' })\n  public steps!: Array<IgcStepComponent>;\n\n  /** Gets/Sets the orientation of the stepper.\n   *\n   * @remarks\n   * Default value is `horizontal`.\n   */\n  @property({ reflect: true })\n  public orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** Get/Set the type of the steps.\n   *\n   * @remarks\n   * Default value is `full`.\n   */\n  @property({ reflect: true, attribute: 'step-type' })\n  public stepType: 'indicator' | 'title' | 'full' = 'full';\n\n  /**\n   * Get/Set whether the stepper is linear.\n   *\n   * @remarks\n   * If the stepper is in linear mode and if the active step is valid only then the user is able to move forward.\n   */\n  @property({ type: Boolean })\n  public linear = false;\n\n  /**\n   * Get/Set whether the content is displayed above the steps.\n   *\n   * @remarks\n   * Default value is `false` and the content is below the steps.\n   */\n  @property({ reflect: true, type: Boolean, attribute: 'content-top' })\n  public contentTop = false;\n\n  /** The direction attribute of the control. */\n  @property({ reflect: true })\n  public override dir: Direction = 'auto';\n\n  /**\n   * Get/Set the position of the steps title.\n   *\n   * @remarks\n   * The default value is undefined.\n   * When the stepper is horizontally orientated the title is positioned below the indicator.\n   * When the stepper is horizontally orientated the title is positioned on the right side of the indicator.\n   */\n  @property({ reflect: false, attribute: 'title-position' })\n  public titlePosition?: 'bottom' | 'top' | 'end' | 'start';\n\n  @watch('orientation', { waitUntilFirstUpdate: true })\n  protected orientationChange(): void {\n    this.setAttribute('aria-orientation', this.orientation);\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.orientation = this.orientation)\n    );\n  }\n\n  @watch('stepType', { waitUntilFirstUpdate: true })\n  protected stepTypeChange(): void {\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.stepType = this.stepType)\n    );\n  }\n\n  @watch('titlePosition', { waitUntilFirstUpdate: true })\n  protected titlePositionChange(): void {\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.titlePosition = this.titlePosition)\n    );\n  }\n\n  @watch('contentTop', { waitUntilFirstUpdate: true })\n  protected contentTopChange(): void {\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.contentTop = this.contentTop)\n    );\n  }\n\n  @watch('linear', { waitUntilFirstUpdate: true })\n  protected linearChange(): void {\n    this.steps.forEach((step: IgcStepComponent) => {\n      step.linearDisabled = this.linear;\n      if (step.index <= this.activeStep.index) {\n        step.visited = true;\n      } else {\n        step.visited = false;\n      }\n    });\n    if (this.linear) {\n      this.updateStepsLinearDisabled();\n    }\n  }\n\n  constructor() {\n    super();\n\n    this.addEventListener('stepActiveChanged', (event: any) => {\n      event.stopPropagation();\n      this.activateStep(event.target, event.detail);\n    });\n\n    this.addEventListener('stepDisabledInvalidChanged', (event: any) => {\n      event.stopPropagation();\n      if (this.linear) {\n        this.updateStepsLinearDisabled();\n      }\n    });\n\n    this.addEventListener('stepCompleteChanged', (event: any) => {\n      event.stopPropagation();\n      const nextStep = this.steps[event.target.index + 1];\n      if (nextStep) {\n        nextStep.previousComplete = event.target.complete;\n      }\n    });\n\n    this.addEventListener('stepHeaderKeydown', (event: any) => {\n      event.stopPropagation();\n      this.handleKeydown(event.detail.event, event.detail.focusedStep);\n    });\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'tablist');\n    this.setAttribute('aria-orientation', this.orientation);\n  }\n\n  private activateFirstStep() {\n    const firstEnabledStep = this.steps.find(\n      (s: IgcStepComponent) => !s.disabled\n    );\n    if (firstEnabledStep) {\n      this.activateStep(firstEnabledStep, false);\n    }\n  }\n\n  private activateStep(step: IgcStepComponent, shouldEmit = true) {\n    if (step === this.activeStep) {\n      return;\n    }\n\n    if (shouldEmit) {\n      const args = {\n        detail: {\n          owner: this,\n          oldIndex: this.activeStep.index,\n          newIndex: step.index,\n        },\n        cancelable: true,\n      };\n\n      const allowed = this.emitEvent('igcActiveStepChanging', args);\n\n      if (!allowed) {\n        return;\n      }\n      this.changeActiveStep(step);\n      this.emitEvent('igcActiveStepChanged', {\n        detail: { owner: this, index: step.index },\n      });\n    } else {\n      this.changeActiveStep(step);\n    }\n  }\n\n  private changeActiveStep(step: IgcStepComponent) {\n    if (this.activeStep) {\n      this.activeStep.active = false;\n    }\n    step.active = true;\n    step.visited = true;\n    this.activeStep = step;\n  }\n\n  private moveToNextStep(next = true) {\n    let steps = this.steps;\n    let activeStepIndex = this.activeStep.index;\n    if (!next) {\n      steps = this.steps.reverse();\n      activeStepIndex = steps.findIndex(\n        (step: IgcStepComponent) => step === this.activeStep\n      );\n    }\n\n    const nextStep = steps.find(\n      (step: IgcStepComponent, i: number) =>\n        i > activeStepIndex && step.isAccessible\n    );\n    if (nextStep) {\n      this.activateStep(nextStep, false);\n    }\n  }\n\n  private handleKeydown(event: KeyboardEvent, focusedStep: IgcStepComponent) {\n    const key = event.key.toLowerCase();\n\n    if (this.keyDownHandlers.has(event.key)) {\n      event.preventDefault();\n      this.keyDownHandlers.get(event.key)?.call(this, focusedStep);\n    }\n    if (key === 'tab' && this.orientation === 'vertical') {\n      return;\n    }\n    if (key === 'tab' && this.activeStep.index !== focusedStep.index) {\n      this.activeStep.header.focus();\n    }\n  }\n\n  private onHomeKey() {\n    this.steps\n      .filter((step: IgcStepComponent) => step.isAccessible)[0]\n      ?.header?.focus();\n  }\n\n  private onEndKey() {\n    this.steps\n      .filter((step: IgcStepComponent) => step.isAccessible)\n      .pop()\n      ?.header?.focus();\n  }\n\n  private onArrowDownKeyDown(focusedStep: IgcStepComponent) {\n    if (this.orientation === 'horizontal') {\n      return;\n    }\n    this.getNextStep(focusedStep)?.header?.focus();\n  }\n\n  private onArrowUpKeyDown(focusedStep: IgcStepComponent) {\n    if (this.orientation === 'horizontal') {\n      return;\n    }\n    this.getPreviousStep(focusedStep)?.header?.focus();\n  }\n\n  private onArrowRightKeyDown(focusedStep: IgcStepComponent) {\n    if (this.dir === 'rtl' && this.orientation === 'horizontal') {\n      this.getPreviousStep(focusedStep)?.header?.focus();\n    } else {\n      this.getNextStep(focusedStep)?.header?.focus();\n    }\n  }\n\n  private onArrowLeftKeyDown(focusedStep: IgcStepComponent) {\n    if (this.dir === 'rtl' && this.orientation === 'horizontal') {\n      this.getNextStep(focusedStep)?.header?.focus();\n    } else {\n      this.getPreviousStep(focusedStep)?.header?.focus();\n    }\n  }\n\n  private getNextStep(\n    focusedStep: IgcStepComponent\n  ): IgcStepComponent | undefined {\n    if (focusedStep.index === this.steps.length - 1) {\n      return this.steps.find((step: IgcStepComponent) => step.isAccessible);\n    }\n\n    const nextAccessible = this.steps.find(\n      (step: IgcStepComponent, i: number) =>\n        i > focusedStep.index && step.isAccessible\n    );\n    return nextAccessible\n      ? nextAccessible\n      : this.steps.find((step: IgcStepComponent) => step.isAccessible);\n  }\n\n  private getPreviousStep(\n    focusedStep: IgcStepComponent\n  ): IgcStepComponent | undefined {\n    if (focusedStep.index === 0) {\n      return this.steps\n        .filter((step: IgcStepComponent) => step.isAccessible)\n        .pop();\n    }\n\n    let prevStep;\n    for (let i = focusedStep.index - 1; i >= 0; i--) {\n      const step = this.steps[i];\n      if (step.isAccessible) {\n        prevStep = step;\n        break;\n      }\n    }\n\n    return prevStep\n      ? prevStep\n      : this.steps.filter((step: IgcStepComponent) => step.isAccessible).pop();\n  }\n\n  private updateStepsLinearDisabled(): void {\n    const firstInvalidStep = this.steps\n      .filter((step: IgcStepComponent) => !step.disabled && !step.optional)\n      .find((step: IgcStepComponent) => step.invalid);\n    if (firstInvalidStep) {\n      this.steps.forEach((step: IgcStepComponent) => {\n        if (step.index <= firstInvalidStep.index) {\n          step.linearDisabled = false;\n        } else {\n          step.linearDisabled = true;\n        }\n      });\n    } else {\n      this.steps.forEach(\n        (step: IgcStepComponent) => (step.linearDisabled = false)\n      );\n    }\n  }\n\n  private syncProperties(): void {\n    this.steps.forEach((step: IgcStepComponent, index: number) => {\n      step.orientation = this.orientation;\n      step.stepType = this.stepType;\n      step.titlePosition = this.titlePosition;\n      step.contentTop = this.contentTop;\n      step.index = index;\n      step.active = this.activeStep === step;\n      step.header?.setAttribute('aria-posinset', (index + 1).toString());\n      step.header?.setAttribute('aria-setsize', this.steps.length.toString());\n      step.header?.setAttribute('id', `igc-step-header-${index}`);\n      step.header?.setAttribute('aria-controls', `igc-step-content-${index}`);\n      if (index > 0) {\n        step.previousComplete = this.steps[index - 1].complete;\n      }\n    });\n  }\n\n  private stepsChanged(): void {\n    this.style.setProperty('--steps-count', this.steps.length.toString());\n\n    const lastActiveStep = this.steps\n      .reverse()\n      .find((step: IgcStepComponent) => step.active);\n    if (!lastActiveStep) {\n      // initially when there isn't a predefined active step or when the active step is removed\n      this.activateFirstStep();\n    } else {\n      // activate the last step marked as active\n      this.activateStep(lastActiveStep, false);\n    }\n\n    this.syncProperties();\n    if (this.linear) {\n      this.updateStepsLinearDisabled();\n    }\n  }\n\n  /** Activates the step at a given index. */\n  public navigateTo(index: number) {\n    const step = this.steps[index];\n    if (!step) {\n      return;\n    }\n    this.activateStep(step, false);\n  }\n\n  /** Activates the next enabled step. */\n  public next(): void {\n    this.moveToNextStep();\n  }\n\n  /** Activates the previous enabled step. */\n  public prev(): void {\n    this.moveToNextStep(false);\n  }\n\n  /**\n   * Resets the stepper to its initial state i.e. activates the first step.\n   *\n   * @remarks\n   * The steps' content will not be automatically reset.\n   */\n  public reset(): void {\n    this.steps.forEach((step) => (step.visited = false));\n    this.activateFirstStep();\n  }\n\n  protected override render() {\n    return html`<slot @slotchange=${this.stepsChanged}></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-stepper': IgcStepperComponent;\n  }\n}\n"]}
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../src/components/stepper/stepper.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { IgcStepperEventMap } from './stepper.common.js';\nimport IgcStepComponent from './step.js';\nimport { Direction } from '../common/types.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/stepper/stepper.base.css.js';\nimport { styles as bootstrap } from './themes/stepper/stepper.bootstrap.css.js';\nimport { styles as fluent } from './themes/stepper/stepper.fluent.css.js';\nimport { styles as indigo } from './themes/stepper/stepper.indigo.css.js';\nimport { watch } from '../common/decorators/watch.js';\n\ndefineComponents(IgcStepComponent);\n\n/**\n * IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n *\n * @remarks\n * The stepper component allows the user to navigate between multiple steps.\n * It supports horizontal and vertical orientation as well as keyboard navigation and provides API methods to control the active step.\n *\n * @element igc-stepper\n *\n * @slot - Renders the step components inside default slot.\n *\n * @fires igcActiveStepChanging - Emitted when the active step is about to change.\n * @fires igcActiveStepChanged - Emitted when the active step is changed.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcStepperComponent extends EventEmitterMixin<\n  IgcStepperEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  /** @private */\n  public static readonly tagName = 'igc-stepper';\n  /** @private */\n  protected static styles = styles;\n\n  private readonly keyDownHandlers: Map<string, Function> = new Map(\n    Object.entries({\n      Enter: this.activateStep,\n      Space: this.activateStep,\n      SpaceBar: this.activateStep,\n      ' ': this.activateStep,\n      ArrowUp: this.onArrowUpKeyDown,\n      ArrowDown: this.onArrowDownKeyDown,\n      ArrowLeft: this.onArrowLeftKeyDown,\n      ArrowRight: this.onArrowRightKeyDown,\n      Home: this.onHomeKey,\n      End: this.onEndKey,\n    })\n  );\n\n  private activeStep!: IgcStepComponent;\n\n  /** Returns all of the stepper's steps. */\n  @queryAssignedElements({ selector: 'igc-step' })\n  public steps!: Array<IgcStepComponent>;\n\n  /** Gets/Sets the orientation of the stepper.\n   *\n   * @remarks\n   * Default value is `horizontal`.\n   */\n  @property({ reflect: true })\n  public orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** Get/Set the type of the steps.\n   *\n   * @remarks\n   * Default value is `full`.\n   */\n  @property({ reflect: true, attribute: 'step-type' })\n  public stepType: 'indicator' | 'title' | 'full' = 'full';\n\n  /**\n   * Get/Set whether the stepper is linear.\n   *\n   * @remarks\n   * If the stepper is in linear mode and if the active step is valid only then the user is able to move forward.\n   */\n  @property({ type: Boolean })\n  public linear = false;\n\n  /**\n   * Get/Set whether the content is displayed above the steps.\n   *\n   * @remarks\n   * Default value is `false` and the content is below the steps.\n   */\n  @property({ reflect: true, type: Boolean, attribute: 'content-top' })\n  public contentTop = false;\n\n  /** The direction attribute of the control. */\n  @property({ reflect: true })\n  public override dir: Direction = 'auto';\n\n  /**\n   * Get/Set the position of the steps title.\n   *\n   * @remarks\n   * The default value is undefined.\n   * When the stepper is horizontally orientated the title is positioned below the indicator.\n   * When the stepper is horizontally orientated the title is positioned on the right side of the indicator.\n   */\n  @property({ reflect: false, attribute: 'title-position' })\n  public titlePosition?: 'bottom' | 'top' | 'end' | 'start';\n\n  @watch('orientation', { waitUntilFirstUpdate: true })\n  protected orientationChange(): void {\n    this.setAttribute('aria-orientation', this.orientation);\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.orientation = this.orientation)\n    );\n  }\n\n  @watch('stepType', { waitUntilFirstUpdate: true })\n  protected stepTypeChange(): void {\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.stepType = this.stepType)\n    );\n  }\n\n  @watch('titlePosition', { waitUntilFirstUpdate: true })\n  protected titlePositionChange(): void {\n    this.steps.forEach((step: IgcStepComponent) => {\n      if (\n        this.titlePosition !== 'bottom' &&\n        this.titlePosition !== 'top' &&\n        this.titlePosition !== 'end' &&\n        this.titlePosition !== 'start'\n      ) {\n        step.titlePosition = undefined;\n      } else {\n        step.titlePosition = this.titlePosition;\n      }\n    });\n  }\n\n  @watch('contentTop', { waitUntilFirstUpdate: true })\n  protected contentTopChange(): void {\n    this.steps.forEach(\n      (step: IgcStepComponent) => (step.contentTop = this.contentTop)\n    );\n  }\n\n  @watch('linear', { waitUntilFirstUpdate: true })\n  protected linearChange(): void {\n    this.steps.forEach((step: IgcStepComponent) => {\n      step.linearDisabled = this.linear;\n      if (step.index <= this.activeStep.index) {\n        step.visited = true;\n      } else {\n        step.visited = false;\n      }\n    });\n    if (this.linear) {\n      this.updateStepsLinearDisabled();\n    }\n  }\n\n  constructor() {\n    super();\n\n    this.addEventListener('stepActiveChanged', (event: any) => {\n      event.stopPropagation();\n      this.activateStep(event.target, event.detail);\n    });\n\n    this.addEventListener('stepDisabledInvalidChanged', (event: any) => {\n      event.stopPropagation();\n      if (this.linear) {\n        this.updateStepsLinearDisabled();\n      }\n    });\n\n    this.addEventListener('stepCompleteChanged', (event: any) => {\n      event.stopPropagation();\n      const nextStep = this.steps[event.target.index + 1];\n      if (nextStep) {\n        nextStep.previousComplete = event.target.complete;\n      }\n    });\n\n    this.addEventListener('stepHeaderKeydown', (event: any) => {\n      event.stopPropagation();\n      this.handleKeydown(event.detail.event, event.detail.focusedStep);\n    });\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'tablist');\n    this.setAttribute('aria-orientation', this.orientation);\n  }\n\n  private activateFirstStep() {\n    const firstEnabledStep = this.steps.find(\n      (s: IgcStepComponent) => !s.disabled\n    );\n    if (firstEnabledStep) {\n      this.activateStep(firstEnabledStep, false);\n    }\n  }\n\n  private activateStep(step: IgcStepComponent, shouldEmit = true) {\n    if (step === this.activeStep) {\n      return;\n    }\n\n    if (shouldEmit) {\n      const args = {\n        detail: {\n          owner: this,\n          oldIndex: this.activeStep.index,\n          newIndex: step.index,\n        },\n        cancelable: true,\n      };\n\n      const allowed = this.emitEvent('igcActiveStepChanging', args);\n\n      if (!allowed) {\n        return;\n      }\n      this.changeActiveStep(step);\n      this.emitEvent('igcActiveStepChanged', {\n        detail: { owner: this, index: step.index },\n      });\n    } else {\n      this.changeActiveStep(step);\n    }\n  }\n\n  private changeActiveStep(step: IgcStepComponent) {\n    if (this.activeStep) {\n      this.activeStep.active = false;\n    }\n    step.active = true;\n    step.visited = true;\n    this.activeStep = step;\n  }\n\n  private moveToNextStep(next = true) {\n    let steps = this.steps;\n    let activeStepIndex = this.activeStep.index;\n    if (!next) {\n      steps = this.steps.reverse();\n      activeStepIndex = steps.findIndex(\n        (step: IgcStepComponent) => step === this.activeStep\n      );\n    }\n\n    const nextStep = steps.find(\n      (step: IgcStepComponent, i: number) =>\n        i > activeStepIndex && step.isAccessible\n    );\n    if (nextStep) {\n      this.activateStep(nextStep, false);\n    }\n  }\n\n  private handleKeydown(event: KeyboardEvent, focusedStep: IgcStepComponent) {\n    const key = event.key.toLowerCase();\n\n    if (this.keyDownHandlers.has(event.key)) {\n      event.preventDefault();\n      this.keyDownHandlers.get(event.key)?.call(this, focusedStep);\n    }\n    if (key === 'tab' && this.orientation === 'vertical') {\n      return;\n    }\n    if (key === 'tab' && this.activeStep.index !== focusedStep.index) {\n      this.activeStep.header.focus();\n    }\n  }\n\n  private onHomeKey() {\n    this.steps\n      .filter((step: IgcStepComponent) => step.isAccessible)[0]\n      ?.header?.focus();\n  }\n\n  private onEndKey() {\n    this.steps\n      .filter((step: IgcStepComponent) => step.isAccessible)\n      .pop()\n      ?.header?.focus();\n  }\n\n  private onArrowDownKeyDown(focusedStep: IgcStepComponent) {\n    if (this.orientation === 'horizontal') {\n      return;\n    }\n    this.getNextStep(focusedStep)?.header?.focus();\n  }\n\n  private onArrowUpKeyDown(focusedStep: IgcStepComponent) {\n    if (this.orientation === 'horizontal') {\n      return;\n    }\n    this.getPreviousStep(focusedStep)?.header?.focus();\n  }\n\n  private onArrowRightKeyDown(focusedStep: IgcStepComponent) {\n    if (this.dir === 'rtl' && this.orientation === 'horizontal') {\n      this.getPreviousStep(focusedStep)?.header?.focus();\n    } else {\n      this.getNextStep(focusedStep)?.header?.focus();\n    }\n  }\n\n  private onArrowLeftKeyDown(focusedStep: IgcStepComponent) {\n    if (this.dir === 'rtl' && this.orientation === 'horizontal') {\n      this.getNextStep(focusedStep)?.header?.focus();\n    } else {\n      this.getPreviousStep(focusedStep)?.header?.focus();\n    }\n  }\n\n  private getNextStep(\n    focusedStep: IgcStepComponent\n  ): IgcStepComponent | undefined {\n    if (focusedStep.index === this.steps.length - 1) {\n      return this.steps.find((step: IgcStepComponent) => step.isAccessible);\n    }\n\n    const nextAccessible = this.steps.find(\n      (step: IgcStepComponent, i: number) =>\n        i > focusedStep.index && step.isAccessible\n    );\n    return nextAccessible\n      ? nextAccessible\n      : this.steps.find((step: IgcStepComponent) => step.isAccessible);\n  }\n\n  private getPreviousStep(\n    focusedStep: IgcStepComponent\n  ): IgcStepComponent | undefined {\n    if (focusedStep.index === 0) {\n      return this.steps\n        .filter((step: IgcStepComponent) => step.isAccessible)\n        .pop();\n    }\n\n    let prevStep;\n    for (let i = focusedStep.index - 1; i >= 0; i--) {\n      const step = this.steps[i];\n      if (step.isAccessible) {\n        prevStep = step;\n        break;\n      }\n    }\n\n    return prevStep\n      ? prevStep\n      : this.steps.filter((step: IgcStepComponent) => step.isAccessible).pop();\n  }\n\n  private updateStepsLinearDisabled(): void {\n    const firstInvalidStep = this.steps\n      .filter((step: IgcStepComponent) => !step.disabled && !step.optional)\n      .find((step: IgcStepComponent) => step.invalid);\n    if (firstInvalidStep) {\n      this.steps.forEach((step: IgcStepComponent) => {\n        if (step.index <= firstInvalidStep.index) {\n          step.linearDisabled = false;\n        } else {\n          step.linearDisabled = true;\n        }\n      });\n    } else {\n      this.steps.forEach(\n        (step: IgcStepComponent) => (step.linearDisabled = false)\n      );\n    }\n  }\n\n  private syncProperties(): void {\n    this.steps.forEach((step: IgcStepComponent, index: number) => {\n      step.orientation = this.orientation;\n      step.stepType = this.stepType;\n      step.titlePosition = this.titlePosition;\n      step.contentTop = this.contentTop;\n      step.index = index;\n      step.active = this.activeStep === step;\n      step.header?.setAttribute('aria-posinset', (index + 1).toString());\n      step.header?.setAttribute('aria-setsize', this.steps.length.toString());\n      step.header?.setAttribute('id', `igc-step-header-${index}`);\n      step.header?.setAttribute('aria-controls', `igc-step-content-${index}`);\n      if (index > 0) {\n        step.previousComplete = this.steps[index - 1].complete;\n      }\n    });\n  }\n\n  private stepsChanged(): void {\n    this.style.setProperty('--steps-count', this.steps.length.toString());\n\n    const lastActiveStep = this.steps\n      .reverse()\n      .find((step: IgcStepComponent) => step.active);\n    if (!lastActiveStep) {\n      // initially when there isn't a predefined active step or when the active step is removed\n      this.activateFirstStep();\n    } else {\n      // activate the last step marked as active\n      this.activateStep(lastActiveStep, false);\n    }\n\n    this.syncProperties();\n    if (this.linear) {\n      this.updateStepsLinearDisabled();\n    }\n  }\n\n  /** Activates the step at a given index. */\n  public navigateTo(index: number) {\n    const step = this.steps[index];\n    if (!step) {\n      return;\n    }\n    this.activateStep(step, false);\n  }\n\n  /** Activates the next enabled step. */\n  public next(): void {\n    this.moveToNextStep();\n  }\n\n  /** Activates the previous enabled step. */\n  public prev(): void {\n    this.moveToNextStep(false);\n  }\n\n  /**\n   * Resets the stepper to its initial state i.e. activates the first step.\n   *\n   * @remarks\n   * The steps' content will not be automatically reset.\n   */\n  public reset(): void {\n    this.steps.forEach((step) => (step.visited = false));\n    this.activateFirstStep();\n  }\n\n  protected override render() {\n    return html`<slot @slotchange=${this.stepsChanged}></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-stepper': IgcStepperComponent;\n  }\n}\n"]}

package/components/stepper/themes/step/light/step.base.css.js

@@ -1,11 +1,10 @@
 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-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;
   -webkit-box-sizing: border-box;
@@ -190,6 +189,7 @@ export const styles = css `:host {
   z-index: 1;
   position: relative;
   color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  overflow: auto;
   width: 0;
   min-width: 100%;
 }
@@ -206,6 +206,8 @@ export const styles = css `:host {
 
 [part=content] {
   display: var(--horizontal-content-disply, none);
+  height: 100%;
+  overflow: auto;
 }
 
 [part~=top] {

package/components/stepper/themes/step/light/step.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqcvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --title-color: var(--ig-gray-50-contrast);\n  --subtitle-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --separator-color--completed: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --header-color: var(--ig-gray-50-contrast);\n  --header-background--hover: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --header-background--focus: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-shadow: hsla(var(--ig-gray-50), 0);\n  --indicator-color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --indicator-background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  --indicator-shadow: var(--indicator-background);\n  --optional-indicator-color: var(--indicator-color);\n  --optional-indicator-background: var(--indicator-background);\n  --optional-indicator-shadow: var(--indicator-shadow);\n  --completed-indicator-color: var(--indicator-color);\n  --completed-indicator-background: var(--indicator-background);\n  --completed-indicator-shadow: var(--indicator-shadow);\n  --active-indicator-color: var(--ig-primary-800-contrast);\n  --active-indicator-background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --active-indicator-shadow: var(--active-indicator-background);\n  --active-title-color: var(--title-color);\n  --active-subtitle-color: var(--subtitle-color);\n  --error-color: var(--ig-error-800-contrast);\n  --error-background: hsla(var(--ig-error-500), var(--ig-error-a));\n  --error-shadow: var(--error-background);\n  --disabled-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  --disabled-background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --disabled-shadow: var(--disabled-background);\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n[part~=header-container],\n[part~=header] {\n  width: var(--header-width-vertical, auto);\n}\n[part~=header-container]::before,\n[part~=header]::before {\n  content: \"\";\n  width: auto;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);\n  height: var(--separator-size);\n  position: relative;\n}\n\n[part~=header-container] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: relative;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  z-index: 0;\n}\n[part~=header-container] [part~=header] {\n  pointer-events: all;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[part~=header-container] [part=indicator],\n[part~=header-container] [part=title],\n[part~=header-container] [part=subtitle] {\n  pointer-events: none;\n}\n[part~=header-container]::before {\n  min-width: var(--separator-min-width);\n  display: var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type));\n}\n\n[part~=header] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  grid-row: var(--header-bottom, 1);\n  position: relative;\n  overflow: hidden;\n  padding: var(--header-padding);\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  gap: var(--header-gap);\n  color: var(--header-color);\n  z-index: var(--vertical-header-z-index);\n}\n[part~=header]::before, [part~=header]::after {\n  content: \"\";\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);\n  height: var(--separator-size);\n  min-width: var(--separator-min-width--header);\n  width: calc(50% - var(--indicator-size) / 2 - var(--header-padding));\n  position: absolute;\n  z-index: -1;\n}\n[part~=header]::before {\n  inset-inline-start: 0;\n  /* stylelint-disable */\n  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)));\n  /* stylelint-enable */\n}\n[part~=header]::after {\n  inset-inline-end: 0;\n  /* stylelint-disable */\n  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)));\n  /* stylelint-enable */\n}\n[part~=header]:focus, [part~=header]:hover {\n  cursor: pointer;\n  outline: none;\n}\n[part~=header]:hover {\n  background: var(--header-background--hover);\n}\n[part~=header]:hover::before, [part~=header]:hover::after {\n  visibility: var(--header-separator-visibility--hover);\n}\n[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {\n  background: var(--header-background--focus);\n  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);\n          box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);\n}\n[part~=header]:focus::before, [part~=header]:focus::after, [part~=header]:focus-within::before, [part~=header]:focus-within::after, [part~=header]:active::before, [part~=header]:active::after {\n  visibility: var(--header-separator-visibility--hover);\n}\n\n[part~=body] {\n  display: var(--vertical-body-disply--last-of-type, var(--vertical-body-disply, none));\n  grid-row-start: var(--body-top, 2);\n  grid-column: span var(--steps-count);\n  -webkit-margin-start: calc(var(--body-indent--vertical) / 2);\n          margin-inline-start: calc(var(--body-indent--vertical) / 2);\n  -webkit-padding-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));\n          padding-inline-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));\n  -webkit-padding-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-inline-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n  -webkit-padding-before: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-block-start: var(--horizontal-body-padding, var(--vertical-body-padding));\n  -webkit-padding-after: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-block-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n  z-index: 1;\n  position: relative;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  width: 0;\n  min-width: 100%;\n}\n[part~=body]::before {\n  display: var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));\n  content: \"\";\n  position: absolute;\n  inset-inline-start: calc(var(--separator-size) / 2 * -1);\n  height: 100%;\n  inset-block-start: 0 !important;\n  -webkit-border-start: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-inline-start: var(--separator-size) var(--separator-type) var(--separator-color);\n}\n\n[part=content] {\n  display: var(--horizontal-content-disply, none);\n}\n\n[part~=top] {\n  -webkit-box-align: var(--step-not-full-header-aligmnet, flex-end);\n      -ms-flex-align: var(--step-not-full-header-aligmnet, flex-end);\n          align-items: var(--step-not-full-header-aligmnet, flex-end);\n}\n[part~=top]::before, [part~=top]::after {\n  inset-block-end: var(--step-separator-position);\n}\n[part~=top] [part~=header] {\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n[part~=top] [part~=header]::before, [part~=top] [part~=header]::after {\n  inset-block-end: var(--step-separator-position);\n}\n\n[part~=bottom] {\n  -webkit-box-align: var(--step-not-full-header-aligmnet, start);\n      -ms-flex-align: var(--step-not-full-header-aligmnet, start);\n          align-items: var(--step-not-full-header-aligmnet, start);\n}\n[part~=bottom]::before, [part~=bottom]::after {\n  inset-block-start: var(--step-separator-position);\n}\n[part~=bottom] [part~=header] {\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n[part~=bottom] [part~=header]::before, [part~=bottom] [part~=header]::after {\n  inset-block-start: var(--step-separator-position);\n}\n\n[part~=top] [part~=text],\n[part~=bottom] [part~=text] {\n  width: 100%;\n}\n\n[part~=start] [part=text] {\n  -webkit-box-ordinal-group: 0;\n      -ms-flex-order: -1;\n          order: -1;\n}\n\n[part~=start],\n[part~=end] {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[part~=start] [part~=text],\n[part~=end] [part~=text] {\n  overflow: hidden;\n}\n[part~=start] [part~=header]::before, [part~=start] [part~=header]::after,\n[part~=end] [part~=header]::before,\n[part~=end] [part~=header]::after {\n  display: none;\n}\n\n[part~=indicator] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--indicator-size);\n  min-width: var(--indicator-size);\n  height: var(--indicator-size);\n  position: relative;\n}\n[part~=indicator] span {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--indicator-size);\n  height: var(--indicator-size);\n  border-radius: var(--indicator-roundness);\n  background: var(--indicator-background);\n  color: var(--indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);\n  font-family: var(--ig-caption-font-family, var(--ig-font-family));\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n[part~=text] {\n  text-align: var(--align-text, initial);\n  min-width: var(--indicator-size);\n}\n\n[part~=subtitle],\n[part~=title] {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n[part~=title] {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  color: var(--title-color);\n}\n\n[part~=subtitle] {\n  font-family: var(--ig-caption-font-family, var(--ig-font-family));\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n  color: var(--subtitle-color);\n}\n\n[part~=empty] {\n  display: none;\n}\n\n[part~=optional] [part~=indicator] span {\n  color: var(--optional-indicator-color);\n  background: var(--optional-indicator-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);\n}\n\n[part~=complete-start]::after {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-start] [part~=header]::after {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-start] [part~=indicator] span {\n  background: var(--completed-indicator-background);\n  color: var(--completed-indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);\n}\n\n:host([complete]) [part~=body]::before {\n  border-inline-start-style: var(--separator-type--completed);\n  border-inline-start-color: var(--separator-color--completed);\n}\n\n[part~=complete-end]::before {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-end] [part~=header]::before {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n\n[part~=invalid] [part~=indicator] span {\n  color: var(--error-color);\n  background: var(--error-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);\n}\n[part~=invalid] [part~=title],\n[part~=invalid] [part~=subtitle] {\n  color: var(--error-background);\n}\n\n:host([active]) [part~=body] {\n  display: var(--vertical-body-disply, block);\n}\n:host([active]) [part~=\"body bottom\"]::before {\n  inset-block-start: 0;\n}\n:host([active]) [part=content] {\n  display: var(--horizontal-content-disply, block);\n  pointer-events: all;\n}\n:host([active]) [part~=indicator] span {\n  background: var(--active-indicator-background);\n  color: var(--active-indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);\n}\n:host([active]) [part~=title] {\n  color: var(--active-title-color);\n  font-weight: 600;\n}\n:host([active]) [part~=subtitle] {\n  color: var(--active-subtitle-color);\n}\n\n[part~=disabled] [part=header] {\n  background: hsla(var(--ig-gray-50), 0);\n}\n[part~=disabled]:focus [part=header], [part~=disabled]:focus-visible [part=header], [part~=disabled]:focus-within [part=header], [part~=disabled]:active [part=header], [part~=disabled]:hover [part=header] {\n  background: hsla(var(--ig-gray-50), 0);\n  cursor: default;\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);\n}\n[part~=disabled] [part~=indicator] span {\n  color: var(--disabled-color);\n  background: var(--disabled-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);\n}\n[part~=disabled] [part~=title],\n[part~=disabled] [part~=subtitle] {\n  color: var(--disabled-color);\n}`;\n"]}
+{"version":3,"file":"step.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAucvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --title-color: var(--ig-gray-50-contrast);\n  --subtitle-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --separator-color--completed: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --header-color: var(--ig-gray-50-contrast);\n  --header-background--hover: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --header-background--focus: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-shadow: hsla(var(--ig-gray-50), 0);\n  --indicator-color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --indicator-background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  --indicator-shadow: var(--indicator-background);\n  --optional-indicator-color: var(--indicator-color);\n  --optional-indicator-background: var(--indicator-background);\n  --optional-indicator-shadow: var(--indicator-shadow);\n  --completed-indicator-color: var(--indicator-color);\n  --completed-indicator-background: var(--indicator-background);\n  --completed-indicator-shadow: var(--indicator-shadow);\n  --active-indicator-color: var(--ig-primary-800-contrast);\n  --active-indicator-background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --active-indicator-shadow: var(--active-indicator-background);\n  --active-title-color: var(--title-color);\n  --active-subtitle-color: var(--subtitle-color);\n  --error-color: var(--ig-error-800-contrast);\n  --error-background: hsla(var(--ig-error-500), var(--ig-error-a));\n  --error-shadow: var(--error-background);\n  --disabled-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  --disabled-background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --disabled-shadow: var(--disabled-background);\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n[part~=header-container],\n[part~=header] {\n  width: var(--header-width-vertical, auto);\n}\n[part~=header-container]::before,\n[part~=header]::before {\n  content: \"\";\n  width: auto;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);\n  height: var(--separator-size);\n  position: relative;\n}\n\n[part~=header-container] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: relative;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  z-index: 0;\n}\n[part~=header-container] [part~=header] {\n  pointer-events: all;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[part~=header-container] [part=indicator],\n[part~=header-container] [part=title],\n[part~=header-container] [part=subtitle] {\n  pointer-events: none;\n}\n[part~=header-container]::before {\n  min-width: var(--separator-min-width);\n  display: var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type));\n}\n\n[part~=header] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  grid-row: var(--header-bottom, 1);\n  position: relative;\n  overflow: hidden;\n  padding: var(--header-padding);\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  gap: var(--header-gap);\n  color: var(--header-color);\n  z-index: var(--vertical-header-z-index);\n}\n[part~=header]::before, [part~=header]::after {\n  content: \"\";\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);\n  height: var(--separator-size);\n  min-width: var(--separator-min-width--header);\n  width: calc(50% - var(--indicator-size) / 2 - var(--header-padding));\n  position: absolute;\n  z-index: -1;\n}\n[part~=header]::before {\n  inset-inline-start: 0;\n  /* stylelint-disable */\n  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)));\n  /* stylelint-enable */\n}\n[part~=header]::after {\n  inset-inline-end: 0;\n  /* stylelint-disable */\n  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)));\n  /* stylelint-enable */\n}\n[part~=header]:focus, [part~=header]:hover {\n  cursor: pointer;\n  outline: none;\n}\n[part~=header]:hover {\n  background: var(--header-background--hover);\n}\n[part~=header]:hover::before, [part~=header]:hover::after {\n  visibility: var(--header-separator-visibility--hover);\n}\n[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {\n  background: var(--header-background--focus);\n  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);\n          box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);\n}\n[part~=header]:focus::before, [part~=header]:focus::after, [part~=header]:focus-within::before, [part~=header]:focus-within::after, [part~=header]:active::before, [part~=header]:active::after {\n  visibility: var(--header-separator-visibility--hover);\n}\n\n[part~=body] {\n  display: var(--vertical-body-disply--last-of-type, var(--vertical-body-disply, none));\n  grid-row-start: var(--body-top, 2);\n  grid-column: span var(--steps-count);\n  -webkit-margin-start: calc(var(--body-indent--vertical) / 2);\n          margin-inline-start: calc(var(--body-indent--vertical) / 2);\n  -webkit-padding-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));\n          padding-inline-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));\n  -webkit-padding-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-inline-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n  -webkit-padding-before: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-block-start: var(--horizontal-body-padding, var(--vertical-body-padding));\n  -webkit-padding-after: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-block-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n  z-index: 1;\n  position: relative;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  overflow: auto;\n  width: 0;\n  min-width: 100%;\n}\n[part~=body]::before {\n  display: var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));\n  content: \"\";\n  position: absolute;\n  inset-inline-start: calc(var(--separator-size) / 2 * -1);\n  height: 100%;\n  inset-block-start: 0 !important;\n  -webkit-border-start: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-inline-start: var(--separator-size) var(--separator-type) var(--separator-color);\n}\n\n[part=content] {\n  display: var(--horizontal-content-disply, none);\n  height: 100%;\n  overflow: auto;\n}\n\n[part~=top] {\n  -webkit-box-align: var(--step-not-full-header-aligmnet, flex-end);\n      -ms-flex-align: var(--step-not-full-header-aligmnet, flex-end);\n          align-items: var(--step-not-full-header-aligmnet, flex-end);\n}\n[part~=top]::before, [part~=top]::after {\n  inset-block-end: var(--step-separator-position);\n}\n[part~=top] [part~=header] {\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n[part~=top] [part~=header]::before, [part~=top] [part~=header]::after {\n  inset-block-end: var(--step-separator-position);\n}\n\n[part~=bottom] {\n  -webkit-box-align: var(--step-not-full-header-aligmnet, start);\n      -ms-flex-align: var(--step-not-full-header-aligmnet, start);\n          align-items: var(--step-not-full-header-aligmnet, start);\n}\n[part~=bottom]::before, [part~=bottom]::after {\n  inset-block-start: var(--step-separator-position);\n}\n[part~=bottom] [part~=header] {\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n[part~=bottom] [part~=header]::before, [part~=bottom] [part~=header]::after {\n  inset-block-start: var(--step-separator-position);\n}\n\n[part~=top] [part~=text],\n[part~=bottom] [part~=text] {\n  width: 100%;\n}\n\n[part~=start] [part=text] {\n  -webkit-box-ordinal-group: 0;\n      -ms-flex-order: -1;\n          order: -1;\n}\n\n[part~=start],\n[part~=end] {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[part~=start] [part~=text],\n[part~=end] [part~=text] {\n  overflow: hidden;\n}\n[part~=start] [part~=header]::before, [part~=start] [part~=header]::after,\n[part~=end] [part~=header]::before,\n[part~=end] [part~=header]::after {\n  display: none;\n}\n\n[part~=indicator] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--indicator-size);\n  min-width: var(--indicator-size);\n  height: var(--indicator-size);\n  position: relative;\n}\n[part~=indicator] span {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--indicator-size);\n  height: var(--indicator-size);\n  border-radius: var(--indicator-roundness);\n  background: var(--indicator-background);\n  color: var(--indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);\n  font-family: var(--ig-caption-font-family, var(--ig-font-family));\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n[part~=text] {\n  text-align: var(--align-text, initial);\n  min-width: var(--indicator-size);\n}\n\n[part~=subtitle],\n[part~=title] {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n[part~=title] {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  color: var(--title-color);\n}\n\n[part~=subtitle] {\n  font-family: var(--ig-caption-font-family, var(--ig-font-family));\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n  color: var(--subtitle-color);\n}\n\n[part~=empty] {\n  display: none;\n}\n\n[part~=optional] [part~=indicator] span {\n  color: var(--optional-indicator-color);\n  background: var(--optional-indicator-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);\n}\n\n[part~=complete-start]::after {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-start] [part~=header]::after {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-start] [part~=indicator] span {\n  background: var(--completed-indicator-background);\n  color: var(--completed-indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);\n}\n\n:host([complete]) [part~=body]::before {\n  border-inline-start-style: var(--separator-type--completed);\n  border-inline-start-color: var(--separator-color--completed);\n}\n\n[part~=complete-end]::before {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-end] [part~=header]::before {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n\n[part~=invalid] [part~=indicator] span {\n  color: var(--error-color);\n  background: var(--error-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);\n}\n[part~=invalid] [part~=title],\n[part~=invalid] [part~=subtitle] {\n  color: var(--error-background);\n}\n\n:host([active]) [part~=body] {\n  display: var(--vertical-body-disply, block);\n}\n:host([active]) [part~=\"body bottom\"]::before {\n  inset-block-start: 0;\n}\n:host([active]) [part=content] {\n  display: var(--horizontal-content-disply, block);\n  pointer-events: all;\n}\n:host([active]) [part~=indicator] span {\n  background: var(--active-indicator-background);\n  color: var(--active-indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);\n}\n:host([active]) [part~=title] {\n  color: var(--active-title-color);\n  font-weight: 600;\n}\n:host([active]) [part~=subtitle] {\n  color: var(--active-subtitle-color);\n}\n\n[part~=disabled] [part=header] {\n  background: hsla(var(--ig-gray-50), 0);\n}\n[part~=disabled]:focus [part=header], [part~=disabled]:focus-visible [part=header], [part~=disabled]:focus-within [part=header], [part~=disabled]:active [part=header], [part~=disabled]:hover [part=header] {\n  background: hsla(var(--ig-gray-50), 0);\n  cursor: default;\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);\n}\n[part~=disabled] [part~=indicator] span {\n  color: var(--disabled-color);\n  background: var(--disabled-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);\n}\n[part~=disabled] [part~=title],\n[part~=disabled] [part~=subtitle] {\n  color: var(--disabled-color);\n}`;\n"]}

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

@@ -1,11 +1,10 @@
 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-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;
   -webkit-box-sizing: border-box;
@@ -65,6 +64,7 @@ export const styles = css `:host {
   grid-template-columns: minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));
   grid-template-columns: minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));
   /* stylelint-enable */
+  grid-template-rows: auto 1fr;
 }
 :host([orientation=horizontal]) ::slotted(igc-step) {
   display: contents;
@@ -120,7 +120,14 @@ export const styles = css `:host {
   --vertical-body-disply: block;
   --header-width-vertical: 100%;
   --hide-horizontal-separator: none;
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  width: 100%;
 }
 :host(:not([orientation=horizontal])) ::slotted(igc-step) {
   --horizontal-separator-display: none;

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  font-family: var(--ig-font-family);\n  --margin: 1rem;\n  --body-padding: 1rem;\n  --header-gap: 0.5rem;\n  --header-padding: 0.5rem;\n  --vertical-body-padding: var(--body-padding);\n  --indicator-size: 1.5rem;\n  --indicator-roundness: calc(var(--indicator-size) / 2);\n  --indicator-box-shadow-size: 0.0625rem;\n  --separator-size: 0.0625rem;\n  --separator-type: dashed;\n  --separator-type--completed: solid;\n  --separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));\n  --separator-min-width: 2.25rem;\n  --separator-min-width--header: 0.25rem;\n  --separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));\n  --text-min-width: var(--indicator-size);\n  --header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));\n  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));\n  --step-min-width--first-step: var(--header-min-width);\n}\n\n:host([orientation=horizontal]) {\n  --horizontal-content-disply: block;\n  --vertical-separator-visibility: none;\n  --horizontal-body-padding: 0.5rem;\n  display: grid;\n  /* stylelint-disable */\n  grid-template-columns: minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));\n  grid-template-columns: minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));\n  /* stylelint-enable */\n}\n:host([orientation=horizontal]) ::slotted(igc-step) {\n  display: contents;\n  pointer-events: none;\n  --align-text: center;\n  --align-items: center;\n}\n:host([orientation=horizontal]) ::slotted(igc-step:first-of-type) {\n  --horizontal-separator-visibility--first-of-type: none;\n}\n:host([orientation=horizontal]) ::slotted(igc-step:last-of-type) {\n  --horizontal-separator-visibility--last-of-type: none;\n}\n\n:host([orientation=horizontal][title-position=start]),\n:host([orientation=horizontal][title-position=end]) {\n  --step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));\n  /* stylelint-disable */\n  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding));\n  /* stylelint-enable */\n}\n\n::slotted(igc-step:first-of-type) {\n  --horizontal-separator-display--first-of-type: none;\n}\n\n::slotted(igc-step:last-of-type) {\n  --vertical-body-disply--last-of-type: none;\n  --horizontal-separator-display--last-of-type: none;\n}\n\n:host(:not([step-type=full])) {\n  /* stylelint-disable */\n  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));\n  /* stylelint-enable */\n  --separator-disply-not-full: none;\n}\n:host(:not([step-type=full])) ::slotted(igc-step) {\n  --step-not-full-header-aligmnet: center;\n}\n\n:host([step-type=full]) ::slotted(igc-step) {\n  --step-separator-position: var(--separator-position);\n}\n\n:host([content-top]) ::slotted(igc-step) {\n  --header-bottom: 2;\n  --body-top: 1;\n}\n\n:host(:not([orientation=horizontal])) {\n  --vertical-header-z-index: 2;\n  --vertical-body-disply: block;\n  --header-width-vertical: 100%;\n  --hide-horizontal-separator: none;\n  display: block;\n}\n:host(:not([orientation=horizontal])) ::slotted(igc-step) {\n  --horizontal-separator-display: none;\n  --step-hide-last-of-type: none;\n  --step-hide-first-of-type: none;\n  --step-width: 100%;\n  --body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type) {\n  --hide-last-separator: none;\n}`;\n"]}
+{"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  font-family: var(--ig-font-family);\n  --margin: 1rem;\n  --body-padding: 1rem;\n  --header-gap: 0.5rem;\n  --header-padding: 0.5rem;\n  --vertical-body-padding: var(--body-padding);\n  --indicator-size: 1.5rem;\n  --indicator-roundness: calc(var(--indicator-size) / 2);\n  --indicator-box-shadow-size: 0.0625rem;\n  --separator-size: 0.0625rem;\n  --separator-type: dashed;\n  --separator-type--completed: solid;\n  --separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));\n  --separator-min-width: 2.25rem;\n  --separator-min-width--header: 0.25rem;\n  --separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));\n  --text-min-width: var(--indicator-size);\n  --header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));\n  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));\n  --step-min-width--first-step: var(--header-min-width);\n}\n\n:host([orientation=horizontal]) {\n  --horizontal-content-disply: block;\n  --vertical-separator-visibility: none;\n  --horizontal-body-padding: 0.5rem;\n  display: grid;\n  /* stylelint-disable */\n  grid-template-columns: minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));\n  grid-template-columns: minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));\n  /* stylelint-enable */\n  grid-template-rows: auto 1fr;\n}\n:host([orientation=horizontal]) ::slotted(igc-step) {\n  display: contents;\n  pointer-events: none;\n  --align-text: center;\n  --align-items: center;\n}\n:host([orientation=horizontal]) ::slotted(igc-step:first-of-type) {\n  --horizontal-separator-visibility--first-of-type: none;\n}\n:host([orientation=horizontal]) ::slotted(igc-step:last-of-type) {\n  --horizontal-separator-visibility--last-of-type: none;\n}\n\n:host([orientation=horizontal][title-position=start]),\n:host([orientation=horizontal][title-position=end]) {\n  --step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));\n  /* stylelint-disable */\n  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding));\n  /* stylelint-enable */\n}\n\n::slotted(igc-step:first-of-type) {\n  --horizontal-separator-display--first-of-type: none;\n}\n\n::slotted(igc-step:last-of-type) {\n  --vertical-body-disply--last-of-type: none;\n  --horizontal-separator-display--last-of-type: none;\n}\n\n:host(:not([step-type=full])) {\n  /* stylelint-disable */\n  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));\n  /* stylelint-enable */\n  --separator-disply-not-full: none;\n}\n:host(:not([step-type=full])) ::slotted(igc-step) {\n  --step-not-full-header-aligmnet: center;\n}\n\n:host([step-type=full]) ::slotted(igc-step) {\n  --step-separator-position: var(--separator-position);\n}\n\n:host([content-top]) ::slotted(igc-step) {\n  --header-bottom: 2;\n  --body-top: 1;\n}\n\n:host(:not([orientation=horizontal])) {\n  --vertical-header-z-index: 2;\n  --vertical-body-disply: block;\n  --header-width-vertical: 100%;\n  --hide-horizontal-separator: none;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  width: 100%;\n}\n:host(:not([orientation=horizontal])) ::slotted(igc-step) {\n  --horizontal-separator-display: none;\n  --step-hide-last-of-type: none;\n  --step-hide-first-of-type: none;\n  --step-width: 100%;\n  --body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type) {\n  --hide-last-separator: none;\n}`;\n"]}

package/components/stepper/themes/stepper/stepper.bootstrap.css.js

@@ -1,11 +1,10 @@
 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-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;
   -webkit-box-sizing: border-box;

package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --header-gap: 0.5rem;\n  --header-padding: 0.5rem;\n  --step-not-top-bottom-min-width: 6rem;\n  --indicator-size: 2.5rem;\n  --indicator-roundness: 0.25rem;\n  --separator-size: 0.5rem;\n  --indicator-box-shadow-size: 0.0625rem;\n  --separator-type: solid;\n}`;\n"]}
+{"version":3,"file":"stepper.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --header-gap: 0.5rem;\n  --header-padding: 0.5rem;\n  --step-not-top-bottom-min-width: 6rem;\n  --indicator-size: 2.5rem;\n  --indicator-roundness: 0.25rem;\n  --separator-size: 0.5rem;\n  --indicator-box-shadow-size: 0.0625rem;\n  --separator-type: solid;\n}`;\n"]}

package/components/stepper/themes/stepper/stepper.fluent.css.js

@@ -1,11 +1,10 @@
 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-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;
   -webkit-box-sizing: border-box;

package/components/stepper/themes/stepper/stepper.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --indicator-roundness: 0.125rem;\n  --indicator-box-shadow-size: 0.0625rem;\n}`;\n"]}
+{"version":3,"file":"stepper.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --indicator-roundness: 0.125rem;\n  --indicator-box-shadow-size: 0.0625rem;\n}`;\n"]}

package/components/stepper/themes/stepper/stepper.indigo.css.js

@@ -1,11 +1,10 @@
 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-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;
   -webkit-box-sizing: border-box;

package/components/stepper/themes/stepper/stepper.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --indicator-box-shadow-size: 0.125rem;\n  --separator-size: 0.125rem;\n}`;\n"]}
+{"version":3,"file":"stepper.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --indicator-box-shadow-size: 0.125rem;\n  --separator-size: 0.125rem;\n}`;\n"]}

package/components/tabs/tab-panel.js

@@ -1,7 +1,7 @@
 import { html, LitElement } from 'lit';
 import { createCounter } from '../common/util.js';
 import { styles } from './themes/light/tab-panel.base.css.js';
-export default class IgcTabPanelComponent extends LitElement {
+class IgcTabPanelComponent extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', 'tabpanel');
@@ -18,4 +18,5 @@ export default class IgcTabPanelComponent extends LitElement {
 IgcTabPanelComponent.tagName = 'igc-tab-panel';
 IgcTabPanelComponent.styles = styles;
 IgcTabPanelComponent.increment = createCounter();
+export default IgcTabPanelComponent;
 //# sourceMappingURL=tab-panel.js.map

package/components/tabs/tab-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/components/tabs/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAS9D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAO1C,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACvB,iBAAiB,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;IACxD,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAlBsB,4BAAO,GAAG,eAAe,CAAC;AAE1B,2BAAM,GAAG,MAAM,CAAC;AAEf,8BAAS,GAAG,aAAa,EAAE,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { createCounter } from '../common/util.js';\nimport { styles } from './themes/light/tab-panel.base.css.js';\n\n/**\n * Represents the content of a tab\n *\n * @element igc-tab-panel\n *\n * @slot - Renders the content.\n */\nexport default class IgcTabPanelComponent extends LitElement {\n  public static readonly tagName = 'igc-tab-panel';\n\n  public static override styles = styles;\n\n  private static readonly increment = createCounter();\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'tabpanel');\n    this.tabIndex = this.hasAttribute('tabindex') ? this.tabIndex : 0;\n    this.slot = this.slot.length > 0 ? this.slot : 'panel';\n    this.id =\n      this.getAttribute('id') ||\n      `igc-tab-panel-${IgcTabPanelComponent.increment()}`;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tab-panel': IgcTabPanelComponent;\n  }\n}\n"]}
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/components/tabs/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAS9D,MAAqB,oBAAqB,SAAQ,UAAU;IAO1C,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACvB,iBAAiB,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;IACxD,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAlBsB,4BAAO,GAAG,eAAe,CAAC;AAE1B,2BAAM,GAAG,MAAM,CAAC;AAEf,8BAAS,GAAG,aAAa,EAAE,CAAC;eALjC,oBAAoB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { createCounter } from '../common/util.js';\nimport { styles } from './themes/light/tab-panel.base.css.js';\n\n/**\n * Represents the content of a tab\n *\n * @element igc-tab-panel\n *\n * @slot - Renders the content.\n */\nexport default class IgcTabPanelComponent extends LitElement {\n  public static readonly tagName = 'igc-tab-panel';\n\n  public static override styles = styles;\n\n  private static readonly increment = createCounter();\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'tabpanel');\n    this.tabIndex = this.hasAttribute('tabindex') ? this.tabIndex : 0;\n    this.slot = this.slot.length > 0 ? this.slot : 'panel';\n    this.id =\n      this.getAttribute('id') ||\n      `igc-tab-panel-${IgcTabPanelComponent.increment()}`;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tab-panel': IgcTabPanelComponent;\n  }\n}\n"]}

package/components/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAgBrD,IAAM,eAAe,uBAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAeN,UAAK,GAAG,EAAE,CAAC;QAOX,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAG,KAAK,CAAC;IAmC1B,CAAC;IAjCiB,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,WAAW,iBAAe,CAAC,SAAS,EAAE,EAAE,CAAC;IACxE,CAAC;IAGe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC;IAGe,IAAI;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;wBAIS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACrC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;KAQtD,CAAC;IACJ,CAAC;;AA9DsB,uBAAO,GAAG,SAAS,CAAC;AAEpB,sBAAM,GAAG,MAAM,CAAC;AAEf,yBAAS,GAAG,aAAa,EAAE,CAAC;AAGpD;IADC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;4CACH;AAO1B;IADC,QAAQ,EAAE;8CACO;AAOlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AAOxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AA7BL,eAAe;IADnC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,eAAe,CAgEnC;eAhEoB,eAAe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { createCounter } from '../common/util.js';\nimport { styles } from './themes/light/tab.base.css.js';\nimport { styles as bootstrap } from './themes/light/tab.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tab.fluent.css.js';\nimport { styles as indigo } from './themes/light/tab.indigo.css.js';\n\n/**\n * Represents the tab header.\n *\n * @element igc-tab\n *\n * @slot prefix - Renders before the tab header content.\n * @slot - Renders the tab header content.\n * @slot suffix - Renders after the tab header content.\n *\n * @csspart content - The content wrapper.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcTabComponent extends LitElement {\n  public static readonly tagName = 'igc-tab';\n\n  public static override styles = styles;\n\n  private static readonly increment = createCounter();\n\n  @query('[part=\"base\"]', true)\n  private tab!: HTMLElement;\n\n  /**\n   * The id of the tab panel which will be controlled by the tab.\n   * @attr\n   */\n  @property()\n  public panel = '';\n\n  /**\n   * Determines whether the tab is selected.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the tab is disabled.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.id =\n      this.getAttribute('id') || `igc-tab-${IgcTabComponent.increment()}`;\n  }\n\n  /** Sets focus to the tab. */\n  public override focus(options?: FocusOptions) {\n    this.tab.focus(options);\n  }\n\n  /** Removes focus from the tab. */\n  public override blur() {\n    this.tab.blur();\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=\"base\"\n        role=\"tab\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-selected=${this.selected ? 'true' : 'false'}\n        tabindex=${this.disabled || !this.selected ? -1 : 0}\n      >\n        <slot name=\"prefix\" part=\"prefix\"></slot>\n        <div part=\"content\">\n          <slot></slot>\n        </div>\n        <slot name=\"suffix\" part=\"suffix\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tab': IgcTabComponent;\n  }\n}\n"]}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAgBpE,IAAqB,eAAe,uBAApC,MAAqB,eAAgB,SAAQ,UAAU;IAAvD;;QAeS,UAAK,GAAG,EAAE,CAAC;QAOX,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAG,KAAK,CAAC;IAmC1B,CAAC;IAjCiB,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,WAAW,iBAAe,CAAC,SAAS,EAAE,EAAE,CAAC;IACxE,CAAC;IAGe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC;IAGe,IAAI;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;wBAIS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACrC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;KAQtD,CAAC;IACJ,CAAC;;AA9DsB,uBAAO,GAAG,SAAS,AAAZ,CAAa;AAEpB,sBAAM,GAAG,MAAM,AAAT,CAAU;AAEf,yBAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAG5C;IADP,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;4CACH;AAOnB;IADN,QAAQ,EAAE;8CACO;AAOX;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AA7BL,eAAe;IADnC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,eAAe,CAgEnC;eAhEoB,eAAe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { createCounter } from '../common/util.js';\nimport { styles } from './themes/light/tab.base.css.js';\nimport { styles as bootstrap } from './themes/light/tab.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tab.fluent.css.js';\nimport { styles as indigo } from './themes/light/tab.indigo.css.js';\n\n/**\n * Represents the tab header.\n *\n * @element igc-tab\n *\n * @slot prefix - Renders before the tab header content.\n * @slot - Renders the tab header content.\n * @slot suffix - Renders after the tab header content.\n *\n * @csspart content - The content wrapper.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcTabComponent extends LitElement {\n  public static readonly tagName = 'igc-tab';\n\n  public static override styles = styles;\n\n  private static readonly increment = createCounter();\n\n  @query('[part=\"base\"]', true)\n  private tab!: HTMLElement;\n\n  /**\n   * The id of the tab panel which will be controlled by the tab.\n   * @attr\n   */\n  @property()\n  public panel = '';\n\n  /**\n   * Determines whether the tab is selected.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the tab is disabled.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.id =\n      this.getAttribute('id') || `igc-tab-${IgcTabComponent.increment()}`;\n  }\n\n  /** Sets focus to the tab. */\n  public override focus(options?: FocusOptions) {\n    this.tab.focus(options);\n  }\n\n  /** Removes focus from the tab. */\n  public override blur() {\n    this.tab.blur();\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=\"base\"\n        role=\"tab\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-selected=${this.selected ? 'true' : 'false'}\n        tabindex=${this.disabled || !this.selected ? -1 : 0}\n      >\n        <slot name=\"prefix\" part=\"prefix\"></slot>\n        <div part=\"content\">\n          <slot></slot>\n        </div>\n        <slot name=\"suffix\" part=\"suffix\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tab': IgcTabComponent;\n  }\n}\n"]}

package/components/tabs/tabs.js

@@ -131,7 +131,7 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
         this.mutationObserver = new MutationObserver(async (records, observer) => {
             var _a;
             observer.disconnect();
-            const attributes = getAttributesForTags(records, 'igc-tab');
+            const attributes = getAttributesForTags(records, 'igc-tab').filter((e) => { var _a; return (_a = e.closest(this.tagName)) === null || _a === void 0 ? void 0 : _a.isSameNode(this); });
             const changed = getNodesForTags(records, this, 'igc-tab');
             if (attributes.length > 0) {
                 this.activeTab = attributes.find((tab) => tab.selected);