igniteui-webcomponents 7.0.1 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/components/combo/themes/shared/combo.common.css.js +1 -1
  3. package/components/combo/themes/shared/combo.common.css.js.map +1 -1
  4. package/components/combo/types.js.map +1 -1
  5. package/components/common/definitions/defineAllComponents.js +4 -0
  6. package/components/common/definitions/defineAllComponents.js.map +1 -1
  7. package/components/common/mixins/forms/form-transformers.js.map +1 -1
  8. package/components/common/util.d.ts +11 -1
  9. package/components/common/util.js +3 -0
  10. package/components/common/util.js.map +1 -1
  11. package/components/date-picker/date-picker.js.map +1 -1
  12. package/components/file-input/file-input.js.map +1 -1
  13. package/components/highlight/highlight.d.ts +130 -0
  14. package/components/highlight/highlight.js +77 -0
  15. package/components/highlight/highlight.js.map +1 -0
  16. package/components/highlight/service.d.ts +58 -0
  17. package/components/highlight/service.js +132 -0
  18. package/components/highlight/service.js.map +1 -0
  19. package/components/highlight/themes/dark/highlight.bootstrap.css.js +3 -0
  20. package/components/highlight/themes/dark/highlight.bootstrap.css.js.map +1 -0
  21. package/components/highlight/themes/dark/highlight.fluent.css.d.ts +1 -0
  22. package/components/highlight/themes/dark/highlight.fluent.css.js +3 -0
  23. package/components/highlight/themes/dark/highlight.fluent.css.js.map +1 -0
  24. package/components/highlight/themes/dark/highlight.indigo.css.d.ts +1 -0
  25. package/components/highlight/themes/dark/highlight.indigo.css.js +3 -0
  26. package/components/highlight/themes/dark/highlight.indigo.css.js.map +1 -0
  27. package/components/highlight/themes/dark/highlight.material.css.d.ts +1 -0
  28. package/components/highlight/themes/dark/highlight.material.css.js +3 -0
  29. package/components/highlight/themes/dark/highlight.material.css.js.map +1 -0
  30. package/components/highlight/themes/dark/highlight.shared.css.d.ts +1 -0
  31. package/components/highlight/themes/dark/highlight.shared.css.js +3 -0
  32. package/components/highlight/themes/dark/highlight.shared.css.js.map +1 -0
  33. package/components/highlight/themes/light/highlight.bootstrap.css.d.ts +1 -0
  34. package/components/highlight/themes/light/highlight.bootstrap.css.js +3 -0
  35. package/components/highlight/themes/light/highlight.bootstrap.css.js.map +1 -0
  36. package/components/highlight/themes/light/highlight.fluent.css.d.ts +1 -0
  37. package/components/highlight/themes/light/highlight.fluent.css.js +3 -0
  38. package/components/highlight/themes/light/highlight.fluent.css.js.map +1 -0
  39. package/components/highlight/themes/light/highlight.indigo.css.d.ts +1 -0
  40. package/components/highlight/themes/light/highlight.indigo.css.js +3 -0
  41. package/components/highlight/themes/light/highlight.indigo.css.js.map +1 -0
  42. package/components/highlight/themes/light/highlight.material.css.d.ts +1 -0
  43. package/components/highlight/themes/light/highlight.material.css.js +3 -0
  44. package/components/highlight/themes/light/highlight.material.css.js.map +1 -0
  45. package/components/highlight/themes/light/highlight.shared.css.d.ts +1 -0
  46. package/components/highlight/themes/light/highlight.shared.css.js +3 -0
  47. package/components/highlight/themes/light/highlight.shared.css.js.map +1 -0
  48. package/components/highlight/themes/shared/highlight.common.css.d.ts +1 -0
  49. package/components/highlight/themes/shared/highlight.common.css.js +3 -0
  50. package/components/highlight/themes/shared/highlight.common.css.js.map +1 -0
  51. package/components/highlight/themes/themes.d.ts +2 -0
  52. package/components/highlight/themes/themes.js +47 -0
  53. package/components/highlight/themes/themes.js.map +1 -0
  54. package/components/splitter/splitter.d.ts +240 -0
  55. package/components/splitter/splitter.js +608 -0
  56. package/components/splitter/splitter.js.map +1 -0
  57. package/components/splitter/themes/dark/splitter.bootstrap.css.d.ts +1 -0
  58. package/components/splitter/themes/dark/splitter.bootstrap.css.js +3 -0
  59. package/components/splitter/themes/dark/splitter.bootstrap.css.js.map +1 -0
  60. package/components/splitter/themes/dark/splitter.fluent.css.d.ts +1 -0
  61. package/components/splitter/themes/dark/splitter.fluent.css.js +3 -0
  62. package/components/splitter/themes/dark/splitter.fluent.css.js.map +1 -0
  63. package/components/splitter/themes/dark/splitter.indigo.css.d.ts +1 -0
  64. package/components/splitter/themes/dark/splitter.indigo.css.js +3 -0
  65. package/components/splitter/themes/dark/splitter.indigo.css.js.map +1 -0
  66. package/components/splitter/themes/dark/splitter.material.css.d.ts +1 -0
  67. package/components/splitter/themes/dark/splitter.material.css.js +3 -0
  68. package/components/splitter/themes/dark/splitter.material.css.js.map +1 -0
  69. package/components/splitter/themes/dark/splitter.shared.css.d.ts +1 -0
  70. package/components/splitter/themes/dark/splitter.shared.css.js +3 -0
  71. package/components/splitter/themes/dark/splitter.shared.css.js.map +1 -0
  72. package/components/splitter/themes/light/splitter.bootstrap.css.d.ts +1 -0
  73. package/components/splitter/themes/light/splitter.bootstrap.css.js +3 -0
  74. package/components/splitter/themes/light/splitter.bootstrap.css.js.map +1 -0
  75. package/components/splitter/themes/light/splitter.fluent.css.d.ts +1 -0
  76. package/components/splitter/themes/light/splitter.fluent.css.js +3 -0
  77. package/components/splitter/themes/light/splitter.fluent.css.js.map +1 -0
  78. package/components/splitter/themes/light/splitter.indigo.css.d.ts +1 -0
  79. package/components/splitter/themes/light/splitter.indigo.css.js +3 -0
  80. package/components/splitter/themes/light/splitter.indigo.css.js.map +1 -0
  81. package/components/splitter/themes/light/splitter.material.css.d.ts +1 -0
  82. package/components/splitter/themes/light/splitter.material.css.js +3 -0
  83. package/components/splitter/themes/light/splitter.material.css.js.map +1 -0
  84. package/components/splitter/themes/light/splitter.shared.css.d.ts +1 -0
  85. package/components/splitter/themes/light/splitter.shared.css.js +3 -0
  86. package/components/splitter/themes/light/splitter.shared.css.js.map +1 -0
  87. package/components/splitter/themes/shared/splitter.common.css.d.ts +1 -0
  88. package/components/splitter/themes/shared/splitter.common.css.js +3 -0
  89. package/components/splitter/themes/shared/splitter.common.css.js.map +1 -0
  90. package/components/splitter/themes/shared/splitter.indigo.css.d.ts +1 -0
  91. package/components/splitter/themes/shared/splitter.indigo.css.js +3 -0
  92. package/components/splitter/themes/shared/splitter.indigo.css.js.map +1 -0
  93. package/components/splitter/themes/splitter.base.css.d.ts +1 -0
  94. package/components/splitter/themes/splitter.base.css.js +3 -0
  95. package/components/splitter/themes/splitter.base.css.js.map +1 -0
  96. package/components/splitter/themes/themes.d.ts +2 -0
  97. package/components/splitter/themes/themes.js +48 -0
  98. package/components/splitter/themes/themes.js.map +1 -0
  99. package/components/splitter/types.d.ts +39 -0
  100. package/components/splitter/types.js +2 -0
  101. package/components/splitter/types.js.map +1 -0
  102. package/components/stepper/{animations.d.ts → common/animations.d.ts} +2 -2
  103. package/components/stepper/{animations.js → common/animations.js} +2 -2
  104. package/components/stepper/common/animations.js.map +1 -0
  105. package/components/stepper/common/context.d.ts +9 -0
  106. package/components/stepper/common/context.js +3 -0
  107. package/components/stepper/common/context.js.map +1 -0
  108. package/components/stepper/common/state.d.ts +67 -0
  109. package/components/stepper/common/state.js +134 -0
  110. package/components/stepper/common/state.js.map +1 -0
  111. package/components/stepper/common/types.js +2 -0
  112. package/components/stepper/common/types.js.map +1 -0
  113. package/components/stepper/step.d.ts +101 -55
  114. package/components/stepper/step.js +145 -160
  115. package/components/stepper/step.js.map +1 -1
  116. package/components/stepper/stepper.d.ts +98 -53
  117. package/components/stepper/stepper.js +168 -308
  118. package/components/stepper/stepper.js.map +1 -1
  119. package/components/stepper/themes/step/shared/step.bootstrap.css.js +1 -1
  120. package/components/stepper/themes/step/shared/step.bootstrap.css.js.map +1 -1
  121. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  122. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  123. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  124. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  125. package/components/stepper/themes/step/themes.js +2 -3
  126. package/components/stepper/themes/step/themes.js.map +1 -1
  127. package/components/tabs/themes/tabs.base.css.js +1 -1
  128. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  129. package/components/textarea/textarea.js.map +1 -1
  130. package/components/types.d.ts +1 -0
  131. package/components/types.js.map +1 -1
  132. package/components/visually-hidden/visually-hidden.d.ts +49 -0
  133. package/components/visually-hidden/visually-hidden.js +26 -0
  134. package/components/visually-hidden/visually-hidden.js.map +1 -0
  135. package/custom-elements.json +2681 -379
  136. package/igniteui-webcomponents.css-data.json +2 -2
  137. package/igniteui-webcomponents.html-data.json +1 -1
  138. package/index.d.ts +6 -2
  139. package/index.js +2 -0
  140. package/index.js.map +1 -1
  141. package/package.json +3 -1
  142. package/web-types.json +3 -3
  143. package/components/stepper/animations.js.map +0 -1
  144. package/components/stepper/stepper.common.js +0 -2
  145. package/components/stepper/stepper.common.js.map +0 -1
  146. package/components/stepper/themes/step/shared/step.fluent.css.js +0 -3
  147. package/components/stepper/themes/step/shared/step.fluent.css.js.map +0 -1
  148. /package/components/{stepper/themes/step/shared/step.fluent.css.d.ts → highlight/themes/dark/highlight.bootstrap.css.d.ts} +0 -0
  149. /package/components/stepper/{stepper.common.d.ts → common/types.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../../src/components/splitter/splitter.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { eventOptions, property, query, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { type StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n ctrlKey,\n endKey,\n homeKey,\n} from '../common/controllers/key-bindings.js';\nimport { createResizeObserverController } from '../common/controllers/resize-observer.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n asNumber,\n asPercent,\n bindIf,\n clamp,\n isLTR,\n roundPrecise,\n} from '../common/util.js';\nimport type { SplitterOrientation } from '../types.js';\nimport IgcVisuallyHiddenComponent from '../visually-hidden/visually-hidden.js';\nimport { styles as shared } from './themes/shared/splitter.common.css.js';\nimport { styles } from './themes/splitter.base.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n IgcSplitterComponentEventMap,\n IgcSplitterResizeEventDetail,\n PanePosition,\n PaneResizeSnapshot,\n SplitterPaneState,\n SplitterResizeState,\n} from './types.js';\n\nconst KEYBOARD_RESIZE_STEP = 10;\n\nconst DEFAULT_RESIZE_STATE: SplitterResizeState = {\n startPane: null,\n endPane: null,\n isDragging: false,\n dragStartPosition: { x: 0, y: 0 },\n dragPointerId: -1,\n};\n\n/**\n * The `igc-splitter` component provides a resizable split-pane layout that divides the view\n * into two panels — *start* and *end* — separated by a draggable bar.\n *\n * Panels can be resized by dragging the bar, using keyboard shortcuts, or collapsed/expanded\n * using the built-in collapse buttons or the programmatic `toggle()` API.\n * Nested splitters are supported for more complex layouts.\n *\n * @example\n * ```html\n * <!-- Basic horizontal splitter -->\n * <igc-splitter>\n * <div slot=\"start\">Start panel</div>\n * <div slot=\"end\">End panel</div>\n * </igc-splitter>\n * ```\n *\n * @example\n * ```html\n * <!-- Vertical splitter with size constraints -->\n * <igc-splitter orientation=\"vertical\" start-min-size=\"100px\" end-min-size=\"100px\">\n * <div slot=\"start\">Top panel</div>\n * <div slot=\"end\">Bottom panel</div>\n * </igc-splitter>\n * ```\n *\n * @example\n * ```html\n * <!-- Nested splitters for a multi-pane layout -->\n * <igc-splitter style=\"height: 600px;\">\n * <igc-splitter slot=\"start\" orientation=\"vertical\">\n * <div slot=\"start\">Top left</div>\n * <div slot=\"end\">Bottom left</div>\n * </igc-splitter>\n * <div slot=\"end\">Right panel</div>\n * </igc-splitter>\n * ```\n *\n * @example\n * ```ts\n * // Programmatically collapse/expand a pane\n * const splitter = document.querySelector('igc-splitter');\n * splitter.toggle('start'); // collapse start pane\n * splitter.toggle('start'); // expand start pane\n * ```\n *\n * ## Keyboard interactions\n *\n * When the splitter bar is focused:\n *\n * | Key | Action |\n * |---|---|\n * | `Arrow Left` / `Arrow Right` | Resize panes (horizontal orientation) |\n * | `Arrow Up` / `Arrow Down` | Resize panes (vertical orientation) |\n * | `Home` | Snap start pane to its minimum size |\n * | `End` | Snap start pane to its maximum size |\n * | `Ctrl + Arrow Left` / `Ctrl + Arrow Up` | Collapse or expand the start pane |\n * | `Ctrl + Arrow Right` / `Ctrl + Arrow Down` | Collapse or expand the end pane |\n *\n * @element igc-splitter\n *\n * @fires igcResizeStart - Emitted once when a resize operation begins (pointer drag or keyboard).\n * @fires igcResizing - Emitted continuously while a pane is being resized.\n * @fires igcResizeEnd - Emitted once when a resize operation completes.\n *\n * @slot start - Content projected into the start (left/top) panel.\n * @slot end - Content projected into the end (right/bottom) panel.\n *\n * @csspart splitter-bar - The resizable bar element between the two panels.\n * @csspart drag-handle - The drag handle icon/element on the splitter bar.\n * @csspart start-pane - The container for the start panel content.\n * @csspart end-pane - The container for the end panel content.\n * @csspart start-collapse-btn - The button to collapse the start panel.\n * @csspart end-collapse-btn - The button to collapse the end panel.\n * @csspart start-expand-btn - The button to expand the start panel when collapsed.\n * @csspart end-expand-btn - The button to expand the end panel when collapsed.\n */\nexport default class IgcSplitterComponent extends EventEmitterMixin<\n IgcSplitterComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-splitter';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcSplitterComponent, IgcVisuallyHiddenComponent);\n }\n\n //#region Private Properties\n\n private readonly _internals = addInternalsController(this);\n\n private readonly _separatorRef = createRef<HTMLElement>();\n\n private _startPaneState: SplitterPaneState = { size: 'auto', styles: {} };\n private _endPaneState: SplitterPaneState = { size: 'auto', styles: {} };\n\n @state()\n private _collapsedPane: PanePosition | null = null;\n\n @state()\n private _resizeState: SplitterResizeState = { ...DEFAULT_RESIZE_STATE };\n\n @query('[part~=\"base\"]', true)\n private readonly _base!: HTMLElement;\n\n @query('[part~=\"start-pane\"]', true)\n private readonly _startPane!: HTMLElement;\n\n @query('[part~=\"end-pane\"]', true)\n private readonly _endPane!: HTMLElement;\n\n private get _separator(): HTMLElement | undefined {\n return this._separatorRef.value;\n }\n\n private get _resizeDisallowed(): boolean {\n return this.disableResize || this._collapsedPane != null;\n }\n\n private get _isHorizontal(): boolean {\n return this.orientation === 'horizontal';\n }\n\n private get _separatorCursor(): string {\n if (this._resizeDisallowed) {\n return 'default';\n }\n return this._isHorizontal ? 'col-resize' : 'row-resize';\n }\n\n //#endregion\n\n //#region Public Properties\n\n /**\n * The orientation of the splitter, which determines the direction of resizing and collapsing.\n *\n * @attr orientation\n * @default 'horizontal'\n */\n @property({ reflect: true })\n public orientation: SplitterOrientation = 'horizontal';\n\n /**\n * When true, prevents the user from collapsing either pane.\n * This also hides the expand/collapse buttons on the splitter bar.\n *\n * @attr disable-collapse\n * @default false\n */\n @property({ type: Boolean, reflect: true, attribute: 'disable-collapse' })\n public disableCollapse = false;\n\n /**\n * When true, prevents the user from resizing the panes by dragging the splitter bar or using keyboard shortcuts.\n * This also hides the drag handle on the splitter bar.\n *\n * @attr disable-resize\n * @default false\n */\n @property({ type: Boolean, reflect: true, attribute: 'disable-resize' })\n public disableResize = false;\n\n /**\n * When true, hides the expand/collapse buttons on the splitter bar.\n *\n * Note that the buttons will also be hidden if `disable-collapse` is true or\n * if a pane is currently collapsed.\n *\n * @attr hide-collapse-buttons\n * @default false\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'hide-collapse-buttons',\n })\n public hideCollapseButtons = false;\n\n /**\n * When true, hides the drag handle on the splitter bar.\n *\n * Note that the drag handle will also be hidden if `disable-resize` is true.\n *\n * @attr hide-drag-handle\n * @default false\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'hide-drag-handle',\n })\n public hideDragHandle = false;\n\n /**\n * The minimum size of the start pane.\n *\n * @attr start-min-size\n */\n @property({ attribute: 'start-min-size' })\n public set startMinSize(value: string | undefined) {\n this._startPaneState.minSize = this._normalizeValue(value);\n }\n\n public get startMinSize(): string | undefined {\n return this._startPaneState.minSize;\n }\n\n /**\n * The minimum size of the end pane.\n *\n * @attr end-min-size\n */\n @property({ attribute: 'end-min-size' })\n public set endMinSize(value: string | undefined) {\n this._endPaneState.minSize = this._normalizeValue(value);\n }\n\n public get endMinSize(): string | undefined {\n return this._endPaneState.minSize;\n }\n\n /**\n * The maximum size of the start pane.\n *\n * @attr start-max-size\n */\n @property({ attribute: 'start-max-size' })\n public set startMaxSize(value: string | undefined) {\n this._startPaneState.maxSize = this._normalizeValue(value);\n }\n\n public get startMaxSize(): string | undefined {\n return this._startPaneState.maxSize;\n }\n\n /**\n * The maximum size of the end pane.\n *\n * @attr end-max-size\n */\n @property({ attribute: 'end-max-size' })\n public set endMaxSize(value: string | undefined) {\n this._endPaneState.maxSize = this._normalizeValue(value);\n }\n\n public get endMaxSize(): string | undefined {\n return this._endPaneState.maxSize;\n }\n\n /**\n * The size of the start pane.\n *\n * @attr start-size\n */\n @property({ attribute: 'start-size' })\n public set startSize(value: string | undefined) {\n this._startPaneState.size = this._normalizeValue(value, 'auto');\n }\n\n public get startSize(): string | undefined {\n return this._startPaneState.size;\n }\n\n /**\n * The size of the end pane.\n *\n * @attr end-size\n */\n @property({ attribute: 'end-size' })\n public set endSize(value: string | undefined) {\n this._endPaneState.size = this._normalizeValue(value, 'auto');\n }\n\n public get endSize(): string | undefined {\n return this._endPaneState.size;\n }\n\n //#endregion\n\n //#region Lifecycle\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addSlotController(this, { slots: setSlots('start', 'end') });\n\n createResizeObserverController(this, {\n callback: () => this.requestUpdate(),\n });\n\n addKeybindings(this, {\n ref: this._separatorRef,\n })\n .set(arrowUp, () => this._handleResizePanes(-1, 'vertical'))\n .set(arrowDown, () => this._handleResizePanes(1, 'vertical'))\n .set(arrowLeft, () => this._handleResizePanes(-1, 'horizontal'))\n .set(arrowRight, () => this._handleResizePanes(1, 'horizontal'))\n .set(homeKey, () => this._handleMinMaxResize('min'))\n .set(endKey, () => this._handleMinMaxResize('max'))\n .set([ctrlKey, arrowUp], () =>\n this._handleArrowsExpandCollapse('start', 'vertical')\n )\n .set([ctrlKey, arrowDown], () =>\n this._handleArrowsExpandCollapse('end', 'vertical')\n )\n .set([ctrlKey, arrowLeft], () =>\n this._handleArrowsExpandCollapse('start', 'horizontal')\n )\n .set([ctrlKey, arrowRight], () =>\n this._handleArrowsExpandCollapse('end', 'horizontal')\n );\n }\n\n protected override update(changed: PropertyValues<this>): void {\n if (changed.get('orientation') != null) {\n for (const pane of ['start', 'end'] as PanePosition[]) {\n const state = this._getPaneState(pane);\n state.size = 'auto';\n state.minSize = undefined;\n state.maxSize = undefined;\n }\n }\n\n if (this.hasUpdated) {\n this._updatePanes();\n }\n\n super.update(changed);\n }\n\n protected override updated(): void {\n this._updateBarAria();\n }\n\n //#endregion\n\n //#region Resize Event Handlers\n\n private _handleBarPointerDown(e: PointerEvent): void {\n if (e.button !== 0) {\n return;\n }\n\n e.preventDefault();\n\n this._resizeState = {\n ...this._resizeState,\n isDragging: true,\n dragPointerId: e.pointerId,\n dragStartPosition: { x: e.clientX, y: e.clientY },\n };\n\n this._resizeStart();\n this._separator?.setPointerCapture(this._resizeState.dragPointerId);\n }\n\n private _getDragDelta(e: PointerEvent): number {\n const deltaX = e.clientX - this._resizeState.dragStartPosition.x;\n const deltaY = e.clientY - this._resizeState.dragStartPosition.y;\n return this._resolveDelta(deltaX, deltaY);\n }\n\n private _handleBarPointerMove(e: PointerEvent): void {\n if (e.pointerId !== this._resizeState.dragPointerId) {\n return;\n }\n\n const delta = this._getDragDelta(e);\n\n if (delta !== 0) {\n this._resizing(delta);\n }\n }\n\n private _handleEndDrag(e: PointerEvent): void {\n if (e.pointerId !== this._resizeState.dragPointerId) {\n return;\n }\n\n const delta = this._getDragDelta(e);\n\n if (delta !== 0) {\n this._resizeEnd(delta);\n }\n\n this._endDrag();\n }\n\n private _endDrag(): void {\n if (this._resizeState.dragPointerId !== -1) {\n this._separator?.releasePointerCapture(this._resizeState.dragPointerId);\n }\n this._resizeState = { ...DEFAULT_RESIZE_STATE };\n }\n\n //#endregion\n\n //#region Public Methods\n\n /** Toggles the collapsed state of the specified pane. */\n public toggle(position: PanePosition): void {\n if (this._collapsedPane === null) {\n this._savePaneSizes();\n }\n\n // If the requested pane is already collapsed, expand it (set to null)\n // Otherwise, collapse the requested pane (this also handles switching from one collapsed pane to another)\n this._collapsedPane = this._collapsedPane === position ? null : position;\n\n this._internals.setState('start-collapsed', this._isCollapsed('start'));\n this._internals.setState('end-collapsed', this._isCollapsed('end'));\n\n this._restoreSizesOnExpandCollapse();\n }\n\n //#endregion\n\n //#region Internal API\n\n private _savePaneSizes(): void {\n this._startPaneState.savedSize = `${this._paneRectAsPercent(0)}%`;\n this._endPaneState.savedSize = `${this._paneRectAsPercent(1)}%`;\n }\n\n /* Reset sizes on collapse; restore saved sizes on expand */\n private _restoreSizesOnExpandCollapse(): void {\n if (this._collapsedPane !== null) {\n this._startPaneState.size = 'auto';\n this._endPaneState.size = 'auto';\n } else {\n this._startPaneState.size =\n this._startPaneState.savedSize ?? this.startSize;\n this._endPaneState.size = this._endPaneState.savedSize ?? this.endSize;\n }\n }\n\n /** Measures the actual rendered size of a pane and returns it as a percentage of total size. */\n private _paneRectAsPercent(paneIndex: 0 | 1): number {\n const totalSize = this._getTotalSize();\n if (totalSize === 0) {\n return 0;\n }\n return roundPrecise(asPercent(this._rectSize()[paneIndex], totalSize), 0);\n }\n\n /** Converts a CSS size string (px or %) to a percentage of total size. */\n private _sizeToPercent(sizeValue: string): number {\n const totalSize = this._getTotalSize();\n if (totalSize === 0) {\n return 0;\n }\n\n if (sizeValue.includes('%')) {\n return asNumber(sizeValue);\n }\n\n const pxValue = asNumber(sizeValue);\n return roundPrecise(asPercent(pxValue, totalSize), 0);\n }\n\n private _getStartPaneSizePercent(): number {\n if (!this._startPane || this._isCollapsed('start')) {\n return 0;\n }\n\n if (this._isCollapsed('end')) {\n return 100;\n }\n\n return this._paneRectAsPercent(0);\n }\n\n private _getMinMaxAsPercent(type: 'min' | 'max'): number {\n const value = type === 'min' ? this.startMinSize : this.startMaxSize;\n const defaultValue = type === 'min' ? 0 : 100;\n\n return value ? this._sizeToPercent(value) : defaultValue;\n }\n\n private _isCollapsed(which: PanePosition): boolean {\n return this._collapsedPane === which;\n }\n\n private _updateBarAria(): void {\n if (this._separator) {\n this._separator.ariaValueNow = this._getStartPaneSizePercent().toString();\n this._separator.ariaValueMin = this._getMinMaxAsPercent('min').toString();\n this._separator.ariaValueMax = this._getMinMaxAsPercent('max').toString();\n }\n }\n\n private _getPaneState(which: PanePosition): SplitterPaneState {\n return which === 'start' ? this._startPaneState : this._endPaneState;\n }\n\n private _isPercentageSize(which: PanePosition): boolean {\n const { size } = this._getPaneState(which);\n return !!size && size.includes('%');\n }\n\n private _isAutoSize(which: PanePosition): boolean {\n return this._getPaneState(which).size === 'auto';\n }\n\n private _normalizeValue(\n value: string | undefined,\n fallback?: 'auto'\n ): string | undefined {\n const trimmed = value?.trim();\n if (!trimmed || trimmed === 'auto') {\n return fallback;\n }\n\n const numericValue = asNumber(trimmed, -1);\n if (numericValue < 0) return fallback;\n if (trimmed.includes('%') && numericValue > 100) return fallback;\n\n return trimmed;\n }\n\n private _getFlex(which: PanePosition): string {\n const isAuto = this._isAutoSize(which);\n const size = isAuto ? '0px' : this._getPaneState(which).size;\n return `${isAuto ? 1 : 0} 1 ${size}`;\n }\n\n private _handleResizePanes(\n direction: -1 | 1,\n validOrientation: SplitterOrientation\n ): void {\n if (this._resizeDisallowed || this.orientation !== validOrientation) {\n return;\n }\n const delta = this._resolveDelta(\n KEYBOARD_RESIZE_STEP,\n KEYBOARD_RESIZE_STEP,\n direction\n );\n\n this._resizeStart();\n this._resizing(delta);\n this._resizeEnd(delta);\n }\n\n @eventOptions({ passive: false })\n private _preventDefaultForEvent(e: Event): void {\n e.preventDefault();\n }\n\n private _resolveDelta(\n deltaX: number,\n deltaY: number,\n direction?: -1 | 1\n ): number {\n const isHorizontal = this._isHorizontal;\n const rtlMultiplier = isHorizontal && !isLTR(this) ? -1 : 1;\n const delta = isHorizontal ? deltaX : deltaY;\n return delta * rtlMultiplier * (direction ?? 1);\n }\n\n private _handleMinMaxResize(type: 'min' | 'max'): void {\n if (this._resizeDisallowed) {\n return;\n }\n\n const totalSize = this._getTotalSize();\n const boundaryValue =\n type === 'min' ? this.startMinSize : this.startMaxSize;\n const isPercentage = boundaryValue\n ? boundaryValue.includes('%')\n : type === 'max';\n\n const targetStartSizePx =\n this._setMinMaxInPx('start', type) ?? (type === 'min' ? 0 : totalSize);\n const targetEndSizePx = totalSize - targetStartSizePx;\n\n if (isPercentage) {\n this.startSize = `${roundPrecise(asPercent(targetStartSizePx, totalSize), 2)}%`;\n this.endSize = `${roundPrecise(asPercent(targetEndSizePx, totalSize), 2)}%`;\n } else {\n this.startSize = `${targetStartSizePx}px`;\n this.endSize = `${targetEndSizePx}px`;\n }\n }\n\n private _handleExpanderAction(pane: PanePosition): void {\n const other: PanePosition = pane === 'start' ? 'end' : 'start';\n this.toggle(this._collapsedPane === other ? other : pane);\n }\n\n private _handleArrowsExpandCollapse(\n target: PanePosition,\n validOrientation: SplitterOrientation\n ): void {\n if (this.disableCollapse || this.orientation !== validOrientation) {\n return;\n }\n const effectiveTarget: PanePosition =\n validOrientation === 'horizontal' && !isLTR(this)\n ? target === 'start'\n ? 'end'\n : 'start'\n : target;\n this._handleExpanderAction(effectiveTarget);\n }\n\n private _resizeStart(): void {\n const [startSize, endSize] = this._rectSize();\n const totalSize = this._getTotalSize();\n\n this._resizeState.startPane = this._createPaneState(\n 'start',\n startSize,\n totalSize\n );\n this._resizeState.endPane = this._createPaneState(\n 'end',\n endSize,\n totalSize\n );\n\n this.emitEvent('igcResizeStart', {\n detail: { startPanelSize: startSize, endPanelSize: endSize },\n });\n }\n\n private _createPaneState(\n pane: PanePosition,\n size: number,\n totalSize?: number\n ): PaneResizeSnapshot {\n return {\n initialSize: size,\n isPercentageBased: this._isPercentageSize(pane) || this._isAutoSize(pane),\n minSizePx: this._setMinMaxInPx(pane, 'min', totalSize),\n maxSizePx: this._setMinMaxInPx(pane, 'max', totalSize),\n };\n }\n\n private _setMinMaxInPx(\n pane: PanePosition,\n type: 'min' | 'max',\n totalSize?: number\n ): number | undefined {\n const paneState = this._getPaneState(pane);\n const value = type === 'max' ? paneState.maxSize : paneState.minSize;\n const valueAsNumber = asNumber(value);\n\n if (!value) {\n return undefined;\n }\n\n return value.includes('%')\n ? (valueAsNumber / 100) * (totalSize ?? this._getTotalSize())\n : valueAsNumber;\n }\n\n private _resizing(delta: number): void {\n const [startPaneSize, endPaneSize] = this._calcNewSizes(delta);\n\n this.startSize = `${startPaneSize}px`;\n this.endSize = `${endPaneSize}px`;\n\n this.emitEvent('igcResizing', {\n detail: {\n startPanelSize: startPaneSize,\n endPanelSize: endPaneSize,\n delta,\n },\n });\n }\n\n private _computeSize(\n pane: PaneResizeSnapshot,\n paneSize: number,\n totalSize: number\n ): string {\n return pane.isPercentageBased\n ? `${asPercent(paneSize, totalSize)}%`\n : `${roundPrecise(paneSize, 0)}px`;\n }\n\n private _resizeEnd(delta: number): void {\n if (!this._resizeState.startPane || !this._resizeState.endPane) {\n return;\n }\n\n const [startPaneSize, endPaneSize] = this._calcNewSizes(delta);\n const totalSize = this._getTotalSize();\n\n this.startSize = this._computeSize(\n this._resizeState.startPane,\n startPaneSize,\n totalSize\n );\n this.endSize = this._computeSize(\n this._resizeState.endPane,\n endPaneSize,\n totalSize\n );\n\n this.emitEvent('igcResizeEnd', {\n detail: {\n startPanelSize: startPaneSize,\n endPanelSize: endPaneSize,\n delta,\n },\n });\n }\n\n private _rectSize(): [number, number] {\n const axis = this._isHorizontal ? 'width' : 'height';\n const startPaneRect = this._startPane.getBoundingClientRect();\n const endPaneRect = this._endPane.getBoundingClientRect();\n\n return [startPaneRect[axis], endPaneRect[axis]];\n }\n\n private _calcNewSizes(delta: number): [number, number] {\n if (!this._resizeState.startPane || !this._resizeState.endPane)\n return [0, 0];\n\n const start = this._resizeState.startPane;\n const end = this._resizeState.endPane;\n const minStart = start.minSizePx || 0;\n const minEnd = end.minSizePx || 0;\n const maxStart =\n start.maxSizePx || start.initialSize + end.initialSize - minEnd;\n const maxEnd =\n end.maxSizePx || start.initialSize + end.initialSize - minStart;\n\n const maxPosDelta = Math.min(\n maxStart - start.initialSize,\n end.initialSize - minEnd\n );\n const maxNegDelta = Math.min(\n start.initialSize - minStart,\n maxEnd - end.initialSize\n );\n const finalDelta = clamp(delta, -maxNegDelta, maxPosDelta);\n\n return [start.initialSize + finalDelta, end.initialSize - finalDelta];\n }\n\n private _getTotalSize(): number {\n if (!this._base) {\n return 0;\n }\n\n const axis = this._isHorizontal ? 'width' : 'height';\n const barSize = this._separator\n ? roundPrecise(this._separator.getBoundingClientRect()[axis])\n : 0;\n\n const rect = this._base.getBoundingClientRect();\n const size = rect[axis];\n return size - barSize;\n }\n\n private _updatePanes(): void {\n const totalSize = this._getTotalSize();\n const isCollapsed = this._collapsedPane !== null;\n\n for (const pane of ['start', 'end'] as PanePosition[]) {\n const state = this._getPaneState(pane);\n if (isCollapsed) {\n state.size = 'auto';\n state.minSize = undefined;\n state.maxSize = undefined;\n }\n this._setPaneMinMaxSizes(\n pane,\n isCollapsed ? '0' : state.minSize,\n isCollapsed ? '100%' : state.maxSize,\n totalSize\n );\n this._updatePaneStyles(pane, { flex: this._getFlex(pane) });\n }\n }\n\n private _updatePaneStyles(pane: PanePosition, styles: StyleInfo): void {\n Object.assign(this._getPaneState(pane).styles, styles);\n }\n\n private _setPaneMinMaxSizes(\n pane: PanePosition,\n minSize?: string,\n maxSize?: string,\n totalSize?: number\n ): void {\n const min =\n this._ensureMinConstraintIsWithinBounds(pane, minSize, totalSize) ?? 0;\n const max = maxSize ?? '100%';\n\n this._updatePaneStyles(\n pane,\n this._isHorizontal\n ? { minWidth: min, maxWidth: max, minHeight: 0, maxHeight: '100%' }\n : { minWidth: 0, maxWidth: '100%', minHeight: min, maxHeight: max }\n );\n }\n\n private _ensureMinConstraintIsWithinBounds(\n pane: PanePosition,\n minSize?: string,\n totalSize?: number\n ): string | undefined {\n const total = totalSize ?? this._getTotalSize();\n\n if (minSize && total > 0) {\n const minPx = this._setMinMaxInPx(pane, 'min', total) ?? 0;\n const other: PanePosition = pane === 'start' ? 'end' : 'start';\n const otherMinPx = this._getPaneState(other).minSize\n ? (this._setMinMaxInPx(other, 'min', total) ?? 0)\n : 0;\n\n // Ignore constraint if it exceeds total or combined exceeds total to prevent content overflow\n // Once container grows to accommodate the constraint, it will be applied\n if (minPx > total || minPx + otherMinPx > total) {\n return undefined;\n }\n }\n return minSize;\n }\n\n private _handleExpanderClick(pane: PanePosition, event: PointerEvent): void {\n // Prevent resize action being initiated\n event.stopPropagation();\n this._handleExpanderAction(pane);\n }\n\n //#endregion\n\n //#region Rendering\n\n private _resolvePartNames(expander: PanePosition): Record<string, boolean> {\n const other: PanePosition = expander === 'start' ? 'end' : 'start';\n const otherIsCollapsed = this._isCollapsed(other);\n\n return {\n [`${other}-expand-btn`]: otherIsCollapsed,\n [`${expander}-collapse-btn`]: !otherIsCollapsed,\n };\n }\n\n private _renderBarControls() {\n const dragHandleHidden = this.hideDragHandle || this.disableResize;\n const hidden = this.disableCollapse || this.hideCollapseButtons;\n const prevButtonHidden = hidden || this._isCollapsed('start');\n const nextButtonHidden = hidden || this._isCollapsed('end');\n\n return html`\n <div\n part=\"${partMap(this._resolvePartNames('start'))}\"\n ?hidden=${prevButtonHidden}\n @pointerdown=${(e: PointerEvent) =>\n this._handleExpanderClick('start', e)}\n ></div>\n <div part=\"drag-handle\" ?hidden=${dragHandleHidden}></div>\n <div\n part=\"${partMap(this._resolvePartNames('end'))}\"\n ?hidden=${nextButtonHidden}\n @pointerdown=${(e: PointerEvent) => this._handleExpanderClick('end', e)}\n ></div>\n `;\n }\n\n private _renderAccessibleLabel() {\n return html`\n <igc-visually-hidden id=\"splitter-label\">\n ${this._isCollapsed('start')\n ? 'Start pane collapsed'\n : 'Start pane expanded'}\n and\n ${this._isCollapsed('end') ? 'End pane collapsed' : 'End pane expanded'}\n </igc-visually-hidden>\n `;\n }\n\n private _renderSeparator() {\n const isDragging = this._resizeState.isDragging;\n const canResize = !this._resizeDisallowed;\n\n return html`\n <div\n ${ref(this._separatorRef)}\n part=\"splitter-bar\"\n role=\"separator\"\n tabindex=${this.disableCollapse && this.disableResize ? -1 : 0}\n aria-controls=\"start-pane end-pane\"\n aria-labelledby=\"splitter-label\"\n aria-orientation=${this.orientation}\n style=${styleMap({ '--cursor': this._separatorCursor })}\n @touchstart=${bindIf(canResize, this._preventDefaultForEvent)}\n @contextmenu=${bindIf(canResize, this._preventDefaultForEvent)}\n @pointerdown=${bindIf(canResize, this._handleBarPointerDown)}\n @pointermove=${bindIf(isDragging, this._handleBarPointerMove)}\n @pointerup=${bindIf(isDragging, this._handleEndDrag)}\n @lostpointercapture=${bindIf(isDragging, this._handleEndDrag)}\n @pointercancel=${bindIf(isDragging, this._endDrag)}\n >\n ${this._renderBarControls()}\n </div>\n `;\n }\n\n protected override render() {\n return html`\n ${this._renderAccessibleLabel()}\n <div part=\"base\">\n <div\n part=\"start-pane\"\n id=\"start-pane\"\n style=${styleMap(this._startPaneState.styles)}\n >\n <slot name=\"start\"></slot>\n </div>\n ${this._renderSeparator()}\n <div\n part=\"end-pane\"\n id=\"end-pane\"\n style=${styleMap(this._endPaneState.styles)}\n >\n <slot name=\"end\"></slot>\n </div>\n </div>\n `;\n }\n\n //#endregion\n}\n\nexport type { IgcSplitterComponentEventMap, IgcSplitterResizeEventDetail };\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-splitter': IgcSplitterComponent;\n }\n}\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-500));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-400));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-400));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-600));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-600));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=splitter.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/dark/splitter.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ytBAAytB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-500));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-400));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-400));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-600));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-600));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-500));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-900));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-900));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: fluent;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=splitter.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/dark/splitter.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0kBAA0kB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-500));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-900));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-900));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: fluent;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-400));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-600));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-600));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-900));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-900));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: indigo;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=splitter.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/dark/splitter.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,stBAAstB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-400));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-600));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-600));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-900));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-900));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-secondary-500));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-800));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-800));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: material;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=splitter.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.material.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/dark/splitter.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kBAA8kB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-secondary-500));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-800));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-800));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme: material;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-800));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-800));--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=splitter.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/dark/splitter.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6KAA6K,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-800));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-800));--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=splitter.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/light/splitter.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=splitter.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/light/splitter.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-400));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-400));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-700));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-700));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-500));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-900));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-900));--ig-theme: indigo;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=splitter.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/light/splitter.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wjBAAwjB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-400));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-400));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-700));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-700));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-500));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-900));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-900));--ig-theme: indigo;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--focus-color: var(--ig-splitter-focus-color, var(--ig-secondary-500));--ig-theme: material;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=splitter.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.material.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/light/splitter.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8HAA8H,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--focus-color: var(--ig-splitter-focus-color, var(--ig-secondary-500));--ig-theme: material;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-500));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-400));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-400));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-600));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-600));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=splitter.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/light/splitter.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,osBAAosB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--bar-color: var(--ig-splitter-bar-color, var(--ig-gray-200));--focus-color: var(--ig-splitter-focus-color, var(--ig-primary-500));--handle-color: var(--ig-splitter-handle-color, var(--ig-gray-400));--expander-color: var(--ig-splitter-expander-color, var(--ig-gray-400));--bar-color-active: var(--ig-splitter-bar-color-active, var(--ig-gray-300));--handle-color-active: var(--ig-splitter-handle-color-active, var(--ig-gray-600));--expander-color-active: var(--ig-splitter-expander-color-active, var(--ig-gray-600));--size: var(--ig-splitter-size, 0.25rem);--border-radius: var(--ig-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=splitter-bar]{background:hsla(from var(--bar-color) h s l/68%);transition:all .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}[part=splitter-bar] [part=drag-handle]{background:var(--handle-color);border-radius:var(--border-radius);opacity:.68}[part=splitter-bar] [part*=collapse-btn],[part=splitter-bar] [part*=expand-btn]{opacity:.68;transition:opacity .15s ease}[part=splitter-bar]:focus-visible{outline:none;box-shadow:0 0 0 .125rem var(--focus-color);transition:box-shadow .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99}:host(:not([disable-resize])) [part=splitter-bar]:hover,:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover{background:var(--bar-color);transition:all .15s ease-out}:host(:not([disable-resize])) [part=splitter-bar]:hover [part=drag-handle],:host(:not([disable-resize])) [part=splitter-bar]:hover [part*=collapse-btn],:host(:not([disable-resize])) [part=splitter-bar]:hover [part*=expand-btn],:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover [part=drag-handle],:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1}:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:active,:host(:not([disable-resize])) [part=splitter-bar]:active{background:var(--bar-color-active)}:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:active [part=drag-handle],:host(:not([disable-resize])) [part=splitter-bar]:active [part=drag-handle]{background:var(--handle-color-active)}:host([disable-resize]) [part=splitter-bar]:hover [part*=collapse-btn],:host([disable-resize]) [part=splitter-bar]:hover [part*=expand-btn],:host([disable-resize]) [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host([disable-resize]) [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1}:host([orientation=horizontal]) [part=splitter-bar]{width:var(--size);padding-inline:.0625rem}:host([orientation=horizontal]) [part=splitter-bar]:active [part=start-expand-btn],:host([orientation=horizontal]) [part=splitter-bar]:active [part=end-collapse-btn]{border-inline-start:var(--size) solid var(--expander-color-active)}:host([orientation=horizontal]) [part=splitter-bar]:active [part=start-collapse-btn],:host([orientation=horizontal]) [part=splitter-bar]:active [part=end-expand-btn]{border-inline-end:var(--size) solid var(--expander-color-active)}:host([orientation=horizontal]) [part=drag-handle]{width:var(--size)}:host([orientation=horizontal]) [part*=collapse-btn],:host([orientation=horizontal]) [part*=expand-btn]{border-block-start:var(--size) solid rgba(0,0,0,0);border-block-end:var(--size) solid rgba(0,0,0,0)}:host([orientation=horizontal]) [part=start-expand-btn],:host([orientation=horizontal]) [part=end-collapse-btn]{border-inline-start:var(--size) solid var(--expander-color)}:host([orientation=horizontal]) [part=start-collapse-btn],:host([orientation=horizontal]) [part=end-expand-btn]{border-inline-end:var(--size) solid var(--expander-color)}:host([orientation=vertical]) [part=splitter-bar]{height:var(--size);padding-block:.0625rem}:host([orientation=vertical]) [part=splitter-bar]:active [part=start-expand-btn],:host([orientation=vertical]) [part=splitter-bar]:active [part=end-collapse-btn]{border-block-start:var(--size) solid var(--expander-color-active)}:host([orientation=vertical]) [part=splitter-bar]:active [part=start-collapse-btn],:host([orientation=vertical]) [part=splitter-bar]:active [part=end-expand-btn]{border-block-end:var(--size) solid var(--expander-color-active)}:host([orientation=vertical]) [part=drag-handle]{height:var(--size)}:host([orientation=vertical]) [part*=collapse-btn],:host([orientation=vertical]) [part*=expand-btn]{border-inline-start:var(--size) solid rgba(0,0,0,0);border-inline-end:var(--size) solid rgba(0,0,0,0)}:host([orientation=vertical]) [part=start-expand-btn],:host([orientation=vertical]) [part=end-collapse-btn]{border-block-start:var(--size) solid var(--expander-color)}:host([orientation=vertical]) [part=start-collapse-btn],:host([orientation=vertical]) [part=end-expand-btn]{border-block-end:var(--size) solid var(--expander-color)}`;
3
+ //# sourceMappingURL=splitter.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.common.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/shared/splitter.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,moIAAmoI,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`[part=splitter-bar]{background:hsla(from var(--bar-color) h s l/68%);transition:all .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}[part=splitter-bar] [part=drag-handle]{background:var(--handle-color);border-radius:var(--border-radius);opacity:.68}[part=splitter-bar] [part*=collapse-btn],[part=splitter-bar] [part*=expand-btn]{opacity:.68;transition:opacity .15s ease}[part=splitter-bar]:focus-visible{outline:none;box-shadow:0 0 0 .125rem var(--focus-color);transition:box-shadow .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99}:host(:not([disable-resize])) [part=splitter-bar]:hover,:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover{background:var(--bar-color);transition:all .15s ease-out}:host(:not([disable-resize])) [part=splitter-bar]:hover [part=drag-handle],:host(:not([disable-resize])) [part=splitter-bar]:hover [part*=collapse-btn],:host(:not([disable-resize])) [part=splitter-bar]:hover [part*=expand-btn],:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover [part=drag-handle],:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1}:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:active,:host(:not([disable-resize])) [part=splitter-bar]:active{background:var(--bar-color-active)}:host(:not([disable-resize])) [part=splitter-bar]:focus-visible:active [part=drag-handle],:host(:not([disable-resize])) [part=splitter-bar]:active [part=drag-handle]{background:var(--handle-color-active)}:host([disable-resize]) [part=splitter-bar]:hover [part*=collapse-btn],:host([disable-resize]) [part=splitter-bar]:hover [part*=expand-btn],:host([disable-resize]) [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host([disable-resize]) [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1}:host([orientation=horizontal]) [part=splitter-bar]{width:var(--size);padding-inline:.0625rem}:host([orientation=horizontal]) [part=splitter-bar]:active [part=start-expand-btn],:host([orientation=horizontal]) [part=splitter-bar]:active [part=end-collapse-btn]{border-inline-start:var(--size) solid var(--expander-color-active)}:host([orientation=horizontal]) [part=splitter-bar]:active [part=start-collapse-btn],:host([orientation=horizontal]) [part=splitter-bar]:active [part=end-expand-btn]{border-inline-end:var(--size) solid var(--expander-color-active)}:host([orientation=horizontal]) [part=drag-handle]{width:var(--size)}:host([orientation=horizontal]) [part*=collapse-btn],:host([orientation=horizontal]) [part*=expand-btn]{border-block-start:var(--size) solid rgba(0,0,0,0);border-block-end:var(--size) solid rgba(0,0,0,0)}:host([orientation=horizontal]) [part=start-expand-btn],:host([orientation=horizontal]) [part=end-collapse-btn]{border-inline-start:var(--size) solid var(--expander-color)}:host([orientation=horizontal]) [part=start-collapse-btn],:host([orientation=horizontal]) [part=end-expand-btn]{border-inline-end:var(--size) solid var(--expander-color)}:host([orientation=vertical]) [part=splitter-bar]{height:var(--size);padding-block:.0625rem}:host([orientation=vertical]) [part=splitter-bar]:active [part=start-expand-btn],:host([orientation=vertical]) [part=splitter-bar]:active [part=end-collapse-btn]{border-block-start:var(--size) solid var(--expander-color-active)}:host([orientation=vertical]) [part=splitter-bar]:active [part=start-collapse-btn],:host([orientation=vertical]) [part=splitter-bar]:active [part=end-expand-btn]{border-block-end:var(--size) solid var(--expander-color-active)}:host([orientation=vertical]) [part=drag-handle]{height:var(--size)}:host([orientation=vertical]) [part*=collapse-btn],:host([orientation=vertical]) [part*=expand-btn]{border-inline-start:var(--size) solid rgba(0,0,0,0);border-inline-end:var(--size) solid rgba(0,0,0,0)}:host([orientation=vertical]) [part=start-expand-btn],:host([orientation=vertical]) [part=end-collapse-btn]{border-block-start:var(--size) solid var(--expander-color)}:host([orientation=vertical]) [part=start-collapse-btn],:host([orientation=vertical]) [part=end-expand-btn]{border-block-end:var(--size) solid var(--expander-color)}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host [part=splitter-bar] [part=drag-handle],:host [part=splitter-bar] [part*=collapse-btn],:host [part=splitter-bar] [part*=expand-btn]{opacity:0;transition:opacity .25s .5s ease;pointer-events:none}:host [part=splitter-bar]:focus-visible [part=drag-handle],:host [part=splitter-bar]:focus-visible [part*=collapse-btn],:host [part=splitter-bar]:focus-visible [part*=expand-btn]{opacity:.68;transition:opacity .15s ease;pointer-events:auto}:host [part=splitter-bar]{transition:all .25s .5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}:host [part=splitter-bar]:hover [part=drag-handle],:host [part=splitter-bar]:hover [part*=collapse-btn],:host [part=splitter-bar]:hover [part*=expand-btn],:host [part=splitter-bar]:focus-visible:hover [part=drag-handle],:host [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1;transition:opacity .15s ease}:host([orientation=horizontal]) [part=splitter-bar]{transform:scaleX(0.1666666667)}:host([orientation=horizontal]) [part=splitter-bar]:hover,:host([orientation=horizontal]) [part=splitter-bar]:focus-visible{transform:scaleX(1);transition-delay:0s}:host([orientation=horizontal][disable-resize][disable-collapse]) [part=splitter-bar]:hover,:host([orientation=horizontal][disable-resize][disable-collapse]) [part=splitter-bar]:focus-visible{transform:scaleX(0.1666666667)}:host([orientation=vertical]) [part=splitter-bar]{transform:scaleY(0.1666666667)}:host([orientation=vertical]) [part=splitter-bar]:hover,:host([orientation=vertical]) [part=splitter-bar]:focus-visible{transform:scaleY(1);transition-delay:0s}:host([orientation=vertical][disable-resize][disable-collapse]) [part=splitter-bar]:hover,:host([orientation=vertical][disable-resize][disable-collapse]) [part=splitter-bar]:focus-visible{transform:scaleY(0.1666666667)}`;
3
+ //# sourceMappingURL=splitter.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/splitter/themes/shared/splitter.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zDAA6zD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host [part=splitter-bar] [part=drag-handle],:host [part=splitter-bar] [part*=collapse-btn],:host [part=splitter-bar] [part*=expand-btn]{opacity:0;transition:opacity .25s .5s ease;pointer-events:none}:host [part=splitter-bar]:focus-visible [part=drag-handle],:host [part=splitter-bar]:focus-visible [part*=collapse-btn],:host [part=splitter-bar]:focus-visible [part*=expand-btn]{opacity:.68;transition:opacity .15s ease;pointer-events:auto}:host [part=splitter-bar]{transition:all .25s .5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}:host [part=splitter-bar]:hover [part=drag-handle],:host [part=splitter-bar]:hover [part*=collapse-btn],:host [part=splitter-bar]:hover [part*=expand-btn],:host [part=splitter-bar]:focus-visible:hover [part=drag-handle],:host [part=splitter-bar]:focus-visible:hover [part*=collapse-btn],:host [part=splitter-bar]:focus-visible:hover [part*=expand-btn]{opacity:1;transition:opacity .15s ease}:host([orientation=horizontal]) [part=splitter-bar]{transform:scaleX(0.1666666667)}:host([orientation=horizontal]) [part=splitter-bar]:hover,:host([orientation=horizontal]) [part=splitter-bar]:focus-visible{transform:scaleX(1);transition-delay:0s}:host([orientation=horizontal][disable-resize][disable-collapse]) [part=splitter-bar]:hover,:host([orientation=horizontal][disable-resize][disable-collapse]) [part=splitter-bar]:focus-visible{transform:scaleX(0.1666666667)}:host([orientation=vertical]) [part=splitter-bar]{transform:scaleY(0.1666666667)}:host([orientation=vertical]) [part=splitter-bar]:hover,:host([orientation=vertical]) [part=splitter-bar]:focus-visible{transform:scaleY(1);transition-delay:0s}:host([orientation=vertical][disable-resize][disable-collapse]) [part=splitter-bar]:hover,:host([orientation=vertical][disable-resize][disable-collapse]) [part=splitter-bar]:focus-visible{transform:scaleY(0.1666666667)}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;width:100%;height:100%}:host [part=base]{width:100%;height:100%;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=start-pane],:host [part~=end-pane]{display:flex;flex:1 1 auto;width:100%;height:100%;overflow:auto;box-sizing:border-box}:host ::slotted(*){flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}:host [part=splitter-bar]{display:flex;flex-shrink:0;justify-content:center;cursor:var(--cursor, default);box-sizing:content-box}:host [part=splitter-bar] [part*=collapse-btn],:host [part=splitter-bar] [part*=expand-btn]{cursor:pointer;width:0;height:0}:host([orientation=horizontal]) [part=base]{flex-direction:row}:host([orientation=horizontal]) [part=splitter-bar]{flex-direction:column;height:100%}:host([orientation=horizontal]) [part=drag-handle]{height:25%;margin:3rem 0}:host([orientation=vertical]) [part=base]{flex-direction:column}:host([orientation=vertical]) [part=splitter-bar]{flex-direction:row;width:100%}:host([orientation=vertical]) [part=drag-handle]{width:25%;margin:0 3rem}:host(:state(start-collapsed)) [part=start-pane]{display:none}:host(:state(end-collapsed)) [part~=end-pane]{display:none}:host([disable-resize][orientation=horizontal]) [part=start-collapse-btn],:host([hide-drag-handle][orientation=horizontal]) [part=start-collapse-btn]{margin-block-end:3rem}:host([disable-resize][orientation=vertical]) [part=start-collapse-btn],:host([hide-drag-handle][orientation=vertical]) [part=start-collapse-btn]{margin-inline-end:3rem}`;
3
+ //# sourceMappingURL=splitter.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"splitter.base.css.js","sourceRoot":"","sources":["../../../../src/components/splitter/themes/splitter.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,49EAA49E,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;width:100%;height:100%}:host [part=base]{width:100%;height:100%;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=start-pane],:host [part~=end-pane]{display:flex;flex:1 1 auto;width:100%;height:100%;overflow:auto;box-sizing:border-box}:host ::slotted(*){flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}:host [part=splitter-bar]{display:flex;flex-shrink:0;justify-content:center;cursor:var(--cursor, default);box-sizing:content-box}:host [part=splitter-bar] [part*=collapse-btn],:host [part=splitter-bar] [part*=expand-btn]{cursor:pointer;width:0;height:0}:host([orientation=horizontal]) [part=base]{flex-direction:row}:host([orientation=horizontal]) [part=splitter-bar]{flex-direction:column;height:100%}:host([orientation=horizontal]) [part=drag-handle]{height:25%;margin:3rem 0}:host([orientation=vertical]) [part=base]{flex-direction:column}:host([orientation=vertical]) [part=splitter-bar]{flex-direction:row;width:100%}:host([orientation=vertical]) [part=drag-handle]{width:25%;margin:0 3rem}:host(:state(start-collapsed)) [part=start-pane]{display:none}:host(:state(end-collapsed)) [part~=end-pane]{display:none}:host([disable-resize][orientation=horizontal]) [part=start-collapse-btn],:host([hide-drag-handle][orientation=horizontal]) [part=start-collapse-btn]{margin-block-end:3rem}:host([disable-resize][orientation=vertical]) [part=start-collapse-btn],:host([hide-drag-handle][orientation=vertical]) [part=start-collapse-btn]{margin-inline-end:3rem}`;\n "]}
@@ -0,0 +1,2 @@
1
+ import type { Themes } from '../../../theming/types.js';
2
+ export declare const all: Themes;
@@ -0,0 +1,48 @@
1
+ import { css } from 'lit';
2
+ import { styles as bootstrapDark } from './dark/splitter.bootstrap.css.js';
3
+ import { styles as fluentDark } from './dark/splitter.fluent.css.js';
4
+ import { styles as indigoDark } from './dark/splitter.indigo.css.js';
5
+ import { styles as materialDark } from './dark/splitter.material.css.js';
6
+ import { styles as sharedDark } from './dark/splitter.shared.css.js';
7
+ import { styles as bootstrapLight } from './light/splitter.bootstrap.css.js';
8
+ import { styles as fluentLight } from './light/splitter.fluent.css.js';
9
+ import { styles as indigoLight } from './light/splitter.indigo.css.js';
10
+ import { styles as materialLight } from './light/splitter.material.css.js';
11
+ import { styles as sharedLight } from './light/splitter.shared.css.js';
12
+ import { styles as indigo } from './shared/splitter.indigo.css.js';
13
+ const light = {
14
+ shared: css `
15
+ ${sharedLight}
16
+ `,
17
+ bootstrap: css `
18
+ ${bootstrapLight}
19
+ `,
20
+ material: css `
21
+ ${materialLight}
22
+ `,
23
+ fluent: css `
24
+ ${fluentLight}
25
+ `,
26
+ indigo: css `
27
+ ${indigo} ${indigoLight}
28
+ `,
29
+ };
30
+ const dark = {
31
+ shared: css `
32
+ ${sharedDark}
33
+ `,
34
+ bootstrap: css `
35
+ ${bootstrapDark}
36
+ `,
37
+ material: css `
38
+ ${materialDark}
39
+ `,
40
+ fluent: css `
41
+ ${fluentDark}
42
+ `,
43
+ indigo: css `
44
+ ${indigo} ${indigoDark}
45
+ `,
46
+ };
47
+ export const all = { light, dark };
48
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/splitter/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/splitter.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/splitter.fluent.css.js';\nimport { styles as indigoDark } from './dark/splitter.indigo.css.js';\nimport { styles as materialDark } from './dark/splitter.material.css.js';\nimport { styles as sharedDark } from './dark/splitter.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/splitter.bootstrap.css.js';\nimport { styles as fluentLight } from './light/splitter.fluent.css.js';\nimport { styles as indigoLight } from './light/splitter.indigo.css.js';\nimport { styles as materialLight } from './light/splitter.material.css.js';\nimport { styles as sharedLight } from './light/splitter.shared.css.js';\n//Shared Styles\nimport { styles as indigo } from './shared/splitter.indigo.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -0,0 +1,39 @@
1
+ import type { StyleInfo } from 'lit/directives/style-map.js';
2
+ type PanePosition = 'start' | 'end';
3
+ interface SplitterPaneState {
4
+ size?: string;
5
+ minSize?: string;
6
+ maxSize?: string;
7
+ savedSize?: string;
8
+ styles: StyleInfo;
9
+ }
10
+ interface PaneResizeSnapshot {
11
+ initialSize: number;
12
+ isPercentageBased: boolean;
13
+ minSizePx?: number;
14
+ maxSizePx?: number;
15
+ }
16
+ interface SplitterResizeState {
17
+ startPane: PaneResizeSnapshot | null;
18
+ endPane: PaneResizeSnapshot | null;
19
+ isDragging: boolean;
20
+ dragStartPosition: {
21
+ x: number;
22
+ y: number;
23
+ };
24
+ dragPointerId: number;
25
+ }
26
+ interface IgcSplitterResizeEventDetail {
27
+ /** The current size of the start panel in pixels */
28
+ startPanelSize: number;
29
+ /** The current size of the end panel in pixels */
30
+ endPanelSize: number;
31
+ /** The change in size since the resize operation started (only for igcResizing and igcResizeEnd) */
32
+ delta?: number;
33
+ }
34
+ interface IgcSplitterComponentEventMap {
35
+ igcResizeStart: CustomEvent<IgcSplitterResizeEventDetail>;
36
+ igcResizing: CustomEvent<IgcSplitterResizeEventDetail>;
37
+ igcResizeEnd: CustomEvent<IgcSplitterResizeEventDetail>;
38
+ }
39
+ export type { PanePosition, SplitterPaneState, PaneResizeSnapshot, SplitterResizeState, IgcSplitterResizeEventDetail, IgcSplitterComponentEventMap, };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/splitter/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleInfo } from 'lit/directives/style-map.js';\n\ntype PanePosition = 'start' | 'end';\n\ninterface SplitterPaneState {\n size?: string;\n minSize?: string;\n maxSize?: string;\n savedSize?: string;\n styles: StyleInfo;\n}\n\ninterface PaneResizeSnapshot {\n initialSize: number;\n isPercentageBased: boolean;\n minSizePx?: number;\n maxSizePx?: number;\n}\n\ninterface SplitterResizeState {\n startPane: PaneResizeSnapshot | null;\n endPane: PaneResizeSnapshot | null;\n isDragging: boolean;\n dragStartPosition: { x: number; y: number };\n dragPointerId: number;\n}\n\ninterface IgcSplitterResizeEventDetail {\n /** The current size of the start panel in pixels */\n startPanelSize: number;\n /** The current size of the end panel in pixels */\n endPanelSize: number;\n /** The change in size since the resize operation started (only for igcResizing and igcResizeEnd) */\n delta?: number;\n}\n\ninterface IgcSplitterComponentEventMap {\n igcResizeStart: CustomEvent<IgcSplitterResizeEventDetail>;\n igcResizing: CustomEvent<IgcSplitterResizeEventDetail>;\n igcResizeEnd: CustomEvent<IgcSplitterResizeEventDetail>;\n}\n\nexport type {\n PanePosition,\n SplitterPaneState,\n PaneResizeSnapshot,\n SplitterResizeState,\n IgcSplitterResizeEventDetail,\n IgcSplitterComponentEventMap,\n};\n"]}
@@ -1,5 +1,5 @@
1
- import { type AnimationReferenceMetadata } from '../../animations/types.js';
2
- import type { HorizontalTransitionAnimation, StepperVerticalAnimation } from '../types.js';
1
+ import { type AnimationReferenceMetadata } from '../../../animations/types.js';
2
+ import type { HorizontalTransitionAnimation, StepperVerticalAnimation } from '../../types.js';
3
3
  export type Animation = StepperVerticalAnimation | HorizontalTransitionAnimation;
4
4
  export type AnimationOptions = {
5
5
  keyframe: KeyframeAnimationOptions;
@@ -1,5 +1,5 @@
1
- import { EaseOut } from '../../animations/easings.js';
2
- import { animation, } from '../../animations/types.js';
1
+ import { EaseOut } from '../../../animations/easings.js';
2
+ import { animation, } from '../../../animations/types.js';
3
3
  const baseOptions = {
4
4
  duration: 320,
5
5
  easing: EaseOut.Quad,
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/components/stepper/common/animations.ts"],"names":[],"mappings":"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","sourcesContent":["import { EaseOut } from '../../../animations/easings.js';\nimport {\n type AnimationReferenceMetadata,\n animation,\n} from '../../../animations/types.js';\nimport type {\n HorizontalTransitionAnimation,\n StepperVerticalAnimation,\n} from '../../types.js';\n\nconst baseOptions: KeyframeAnimationOptions = {\n duration: 320,\n easing: EaseOut.Quad,\n};\n\nexport type Animation =\n | StepperVerticalAnimation\n | HorizontalTransitionAnimation;\n\nexport type AnimationOptions = {\n keyframe: KeyframeAnimationOptions;\n step?: object;\n};\n\nconst fadeIn = (options: AnimationOptions = { keyframe: baseOptions }) =>\n animation([{ opacity: 0 }, { opacity: 1 }], options.keyframe);\n\nconst fadeOut = (options: AnimationOptions = { keyframe: baseOptions }) =>\n animation([{ opacity: 1 }, { opacity: 0 }], options.keyframe);\n\nconst slideInHor = (\n options: AnimationOptions = {\n keyframe: baseOptions,\n }\n) =>\n animation(\n [{ transform: 'translateX(100%)' }, { transform: 'translateX(0)' }],\n options.keyframe\n );\n\nconst slideOutHor = (\n options: AnimationOptions = {\n keyframe: baseOptions,\n }\n) =>\n animation(\n [{ transform: 'translateX(0)' }, { transform: 'translateX(-100%)' }],\n options.keyframe\n );\n\nconst growVerIn = (\n options: AnimationOptions = {\n keyframe: baseOptions,\n step: {},\n }\n) =>\n animation(\n [\n { opacity: 1, ...options.step },\n { opacity: 1, height: 'auto' },\n ],\n options.keyframe\n );\n\nconst growVerOut = (\n options: AnimationOptions = {\n keyframe: baseOptions,\n step: {},\n }\n) =>\n animation(\n [\n { opacity: 1, height: 'auto' },\n { opacity: 1, ...options.step },\n ],\n options.keyframe\n );\n\nconst noopAnimation = () => animation([], {});\n\nconst animationPair = (animations: {\n in: (options: AnimationOptions) => AnimationReferenceMetadata;\n out: (options: AnimationOptions) => AnimationReferenceMetadata;\n}) => {\n return new Map(\n Object.entries({\n in: animations.in,\n out: animations.out,\n })\n );\n};\n\nexport const bodyAnimations = new Map(\n Object.entries({\n grow: animationPair({\n in: growVerIn,\n out: growVerOut,\n }),\n fade: animationPair({\n in: noopAnimation,\n out: noopAnimation,\n }),\n slide: animationPair({\n in: slideInHor,\n out: slideOutHor,\n }),\n none: animationPair({\n in: noopAnimation,\n out: noopAnimation,\n }),\n })\n);\n\nexport const contentAnimations = new Map(\n Object.entries({\n grow: animationPair({\n in: fadeIn,\n out: fadeOut,\n }),\n fade: animationPair({\n in: fadeIn,\n out: fadeOut,\n }),\n slide: animationPair({\n in: fadeIn,\n out: fadeOut,\n }),\n none: animationPair({\n in: noopAnimation,\n out: noopAnimation,\n }),\n })\n);\n"]}
@@ -0,0 +1,9 @@
1
+ import type IgcStepperComponent from '../stepper.js';
2
+ import type { StepperState } from './state.js';
3
+ export type StepperContext = {
4
+ stepper: IgcStepperComponent;
5
+ state: StepperState;
6
+ };
7
+ export declare const STEPPER_CONTEXT: {
8
+ __context__: StepperContext;
9
+ };
@@ -0,0 +1,3 @@
1
+ import { createContext } from '@lit/context';
2
+ export const STEPPER_CONTEXT = createContext(Symbol('stepper-context'));
3
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/stepper/common/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAS7C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC1C,MAAM,CAAC,iBAAiB,CAAC,CAC1B,CAAC","sourcesContent":["import { createContext } from '@lit/context';\nimport type IgcStepperComponent from '../stepper.js';\nimport type { StepperState } from './state.js';\n\nexport type StepperContext = {\n stepper: IgcStepperComponent;\n state: StepperState;\n};\n\nexport const STEPPER_CONTEXT = createContext<StepperContext>(\n Symbol('stepper-context')\n);\n"]}
@@ -0,0 +1,67 @@
1
+ import type { PropertyValues } from 'lit';
2
+ import type IgcStepComponent from '../step.js';
3
+ type StepState = {
4
+ linearDisabled: boolean;
5
+ previousCompleted: boolean;
6
+ visited: boolean;
7
+ };
8
+ declare class StepperState {
9
+ private readonly _state;
10
+ private _steps;
11
+ private _activeStep?;
12
+ linear: boolean;
13
+ /** Returns all registered step components. */
14
+ get steps(): readonly IgcStepComponent[];
15
+ /** Returns the currently active step. */
16
+ get activeStep(): IgcStepComponent | undefined;
17
+ /** Returns all steps that are currently accessible (not disabled or linear-disabled). */
18
+ get accessibleSteps(): IgcStepComponent[];
19
+ /**
20
+ * Sets the state of a given step component.
21
+ *
22
+ * If the step already has an existing state, it merges the new state with the existing one.
23
+ * If the step does not have an existing state, it initializes it with default values and then applies the new state.
24
+ *
25
+ * After updating the state, it requests an update on the step component to reflect the changes in the UI.
26
+ */
27
+ set(step: IgcStepComponent, state: Partial<StepState>): void;
28
+ /** Checks if a given step component has an associated state. */
29
+ has(step: IgcStepComponent): boolean;
30
+ /** Retrieves the state of a given step component. */
31
+ get(step: IgcStepComponent): StepState | undefined;
32
+ /** Deletes the state of a given step component. */
33
+ delete(step: IgcStepComponent): boolean;
34
+ /**
35
+ * Determines if a given step component is accessible based on its `disabled` state
36
+ * and the `linearDisabled` state from the stepper state management.
37
+ */
38
+ isAccessible(step: IgcStepComponent): boolean;
39
+ /** Updates the registered steps collection. */
40
+ setSteps(steps: IgcStepComponent[]): void;
41
+ /** Changes the active step, deactivating the previous one and marking the new one as visited. */
42
+ changeActiveStep(step: IgcStepComponent): void;
43
+ /** Activates the first non-disabled step. */
44
+ activateFirstStep(): void;
45
+ /** Returns the next or previous accessible step relative to the active step. */
46
+ getAdjacentStep(next?: boolean): IgcStepComponent | undefined;
47
+ /** Synchronizes the `active` and `previousCompleted` state across all steps. */
48
+ syncState(): void;
49
+ /**
50
+ * Sets the visited state for all steps based on the current active step and the linear mode.
51
+ */
52
+ setVisitedState(value: boolean): void;
53
+ /** Computes and applies the linear-disabled state for all steps. */
54
+ setLinearState(): void;
55
+ /** Handles step property changes, updating active step tracking and re-syncing state. */
56
+ onStepPropertyChanged(step: IgcStepComponent, changed: PropertyValues<IgcStepComponent>): void;
57
+ /** Processes a change in the steps collection, resolving the active step and syncing state. */
58
+ stepsChanged(): void;
59
+ /** Resets all step states and activates the first step. */
60
+ reset(): void;
61
+ }
62
+ /**
63
+ * Creates a new instance of the StepperState class, which manages the state of steps in a stepper component.
64
+ */
65
+ declare function createStepperState(): StepperState;
66
+ export { createStepperState };
67
+ export type { StepperState };