@tylertech/forge 3.0.0-next.5 → 3.0.0-next.7

package/dist/esm/chunks/{chunk.EWEX3PHR.js.map → chunk.STGRPD2L.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/split-view/split-view-panel/split-view-panel-constants.ts", "../../src/split-view/split-view-panel/split-view-panel-utils.ts", "../../src/split-view/split-view-panel/split-view-panel-foundation.ts", "../../src/split-view/split-view/split-view-constants.ts", "../../src/split-view/split-view-panel/split-view-panel-adapter.ts", "../../src/split-view/split-view-panel/split-view-panel.ts", "../../src/split-view/split-view-panel/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { SplitViewOrientation } from '../split-view/split-view-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}split-view-panel`;\n\nconst attributes = {\n  RESIZABLE: 'resizable',\n  SIZE: 'size',\n  MIN: 'min',\n  MAX: 'max',\n  OPEN: 'open',\n  ACCESSIBLE_LABEL: 'accessible-label',\n  DISABLED: 'disabled',\n  ALLOW_CLOSE: 'allow-close',\n  AUTO_CLOSE: 'auto-close',\n  AUTO_CLOSE_THRESHOLD: 'auto-close-threshold',\n  ORIENTATION: 'orientation'\n};\n\nconst classes = {\n  ROOT: 'forge-split-view-panel',\n  GRABBED: 'forge-split-view-panel--grabbed',\n  HANDLE: 'forge-split-view-panel__handle',\n  ICON: 'forge-split-view-panel__icon',\n  CONTENT: 'forge-split-view-panel__content',\n  CLOSED: 'forge-split-view-panel--closed',\n  CLOSING: 'forge-split-view-panel--closing',\n  OPENING: 'forge-split-view-panel--opening',\n  DISABLED: 'forge-split-view-panel--disabled',\n  OVERLAY: 'forge-split-view-panel-overlay'\n};\n\nconst ids = {\n  ROOT: 'root',\n  HANDLE: 'handle',\n  ICON: 'icon',\n  RIPPLE: 'ripple',\n  CONTENT: 'content'\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  HANDLE: `#${ids.HANDLE}`,\n  ICON: `#${ids.ICON}`,\n  RIPPLE: `#${ids.RIPPLE}`,\n  CONTENT: `#${ids.CONTENT}`\n};\n\nconst events = {\n  WILL_RESIZE: `${elementName}-will-resize`,\n  RESIZE_START: `${elementName}-resize-start`,\n  RESIZE_END: `${elementName}-resize-end`,\n  RESIZE: `${elementName}-resize`,\n  DID_OPEN: `${elementName}-did-open`,\n  DID_CLOSE: `${elementName}-did-close`,\n  WILL_OPEN: `${elementName}-will-open`,\n  WILL_CLOSE: `${elementName}-will-close`\n};\n\nconst numbers = {\n  RIPPLE_ACTIVATION_WAIT: 200\n};\n\nconst customCssProperties = {\n  SIZE: '--forge-split-view-panel-size',\n  CURSOR: '--forge-split-view-panel-cursor'\n};\n\nexport const SPLIT_VIEW_PANEL_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  ids,\n  selectors,\n  events,\n  numbers,\n  customCssProperties\n};\n\n// 'start' panels have a handle on the left/top and collapse to the right/bottom\n// 'end' panels have a handle on the right/bottom and collapse to the left/top\n// 'off' panels don't have a handle, are not resizable, and fill the remaining space\nexport type SplitViewPanelResizable = 'start' | 'end' | 'off';\n\nexport type SplitViewInputDeviceType = 'pointer' | 'keyboard';\n\nexport enum SplitViewAnimatingLayer {\n  Under = 1,\n  Active = 2,\n  Above = 3\n}\n\nexport interface ISplitViewPanelCursorConfig {\n  resizable: SplitViewPanelResizable;\n  boundary: 'min' | 'max' | 'none';\n}\n\nexport interface ISplitViewPanelState {\n  orientation: SplitViewOrientation;\n  resizable: SplitViewPanelResizable;\n  arrowKeyHeld: boolean;\n  startPoint?: number;\n  startSize?: number;\n  currentSize?: number;\n  availableSpace?: number;\n  siblingSize?: number;\n  keyboardDelta: number;\n  isAtMin: boolean;\n  isAtMax: boolean;\n  min: number;\n  max?: number;\n}\n\nexport interface ISplitViewPanelWillResizeEvent {\n  inputDeviceType: SplitViewInputDeviceType;\n}\n\nexport interface ISplitViewPanelOpenEvent {\n  auto: boolean;\n  userInitiated: boolean;\n}\n", "import { percentToPixels, safeMin, scaleValue } from '../../core/utils/utils';\nimport { ISplitViewPanelCursorConfig, ISplitViewPanelState, SplitViewInputDeviceType, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { SplitViewOrientation } from '../split-view/split-view-constants';\nimport { ISplitViewPanelComponent, SplitViewPanelComponent } from './split-view-panel';\n\n/**\n * Creates a default split view panel state object.\n * @returns A new state object.\n */\nexport function initState(): ISplitViewPanelState {\n  return {\n    orientation: 'horizontal',\n    resizable: 'off',\n    arrowKeyHeld: false,\n    keyboardDelta: 0,\n    isAtMin: false,\n    isAtMax: false,\n    min: 0\n  };\n}\n\n/**\n * Gets a state object reflecting the panel's parameters at the beginning of a resize.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns An updated state object.\n */\nexport function setState(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): ISplitViewPanelState {\n  const currentSize = adapter.getContentSize(state.orientation);\n  return {\n    ...state,\n    currentSize,\n    startSize: currentSize,\n    availableSpace: adapter.getAvailableSpace(state.orientation, state.resizable),\n    siblingSize: adapter.getSiblingContentSize(),\n    isAtMin: false,\n    isAtMax: false\n  };\n}\n\n/**\n * Gets a state object with all properties related to a resize reset to default.\n * @param state The panel's state object.\n * @returns An updated state object.\n */\nexport function clearState(state: ISplitViewPanelState): ISplitViewPanelState {\n  return {\n    ...state,\n    arrowKeyHeld: false,\n    keyboardDelta: 0,\n    isAtMin: false,\n    isAtMax: false\n  };\n}\n\n/**\n * Performs a panel resize triggered by a pointer event.\n * @param adapter The panel's adapter.\n * @param evt The pointer event.\n * @param state The panel's state object.\n * @returns Whether a resize happened.\n */\nexport function pointerResize(adapter: ISplitViewPanelAdapter, evt: PointerEvent, state: ISplitViewPanelState): boolean {\n  if (state.startPoint === undefined || state.startSize === undefined) {\n    return false;\n  }\n\n  const initialSize = state.currentSize;\n\n  const evtPoint = state.orientation === 'horizontal' ? evt.clientX : evt.clientY;\n  let delta = state.startPoint - evtPoint;\n  if (state.resizable === 'start') {\n    delta *= -1;\n  }\n\n  const size = state.startSize - delta;\n  state.currentSize = clampSize(size, state);\n  adapter.setContentSize(state.currentSize);\n  handleBoundariesDuringResize(adapter, state, 'pointer');\n  adapter.setValuenow(getValuenow(state.currentSize, state));\n\n  const siblingDelta = size - state.currentSize + delta;\n  resizeSibling(adapter, siblingDelta, state);\n\n  return initialSize !== state.currentSize;\n}\n\n/**\n * Performs a panel resize triggered by a keyboard event.\n * @param adapter The panel's adapter.\n * @param increment The pixel amount to change the panel's size.\n * @param state The panel's state object.\n * @returns Whether a resize happened.\n */\nexport function keyboardResize(adapter: ISplitViewPanelAdapter, increment: number, state: ISplitViewPanelState): boolean {\n  if (state.startSize === undefined) {\n    return false;\n  }\n\n  const initialSize = state.currentSize;\n\n  state.keyboardDelta += increment;\n\n  const size = state.startSize + state.keyboardDelta;\n  state.currentSize = clampSize(size, state);\n  adapter.setContentSize(state.currentSize);\n  handleBoundariesDuringResize(adapter, state, 'keyboard');\n  adapter.setValuenow(getValuenow(state.currentSize, state));\n\n  const siblingDelta = size - state.currentSize + state.keyboardDelta * -1;\n  resizeSibling(adapter, siblingDelta, state);\n\n  return initialSize !== state.currentSize;\n}\n\n/**\n * Resizes a panel to its minimum possible size.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns The new pixel size of the panel.\n */\nexport function minResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): number {\n  adapter.setContentSize(state.min);\n  return state.min;\n}\n\n/**\n * Resizes a panel to its maximum possible size.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns The new pixel size of the panel.\n */\nexport function maxResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): number {\n  const availableSpace = adapter.getAvailableSpace(state.orientation, state.resizable);\n  const max = safeMin(state.max, availableSpace);\n  adapter.setContentSize(max);\n  return max;\n}\n\n/**\n   * Sets a panel's sibling's size to reflect changes in the panel's size.\n   * @param adapter The panel's adapter.\n   * @param delta The change in size to apply to the sibling.\n   * @param state The panel's state object.\n   */\nexport function resizeSibling(adapter: ISplitViewPanelAdapter, delta: number, state: ISplitViewPanelState): void {\n  if (state.siblingSize !== undefined) {\n    const siblingSize = state.siblingSize + delta;\n    adapter.setSiblingContentSize(siblingSize);\n  }\n}\n\n/**\n   * Returns a size limited to an allowed range.\n   * @param size The size to try setting this panel to.\n   * @param state The panel's state object.\n   * @returns A pixel value.\n   */\nexport function clampSize(size: number, state: ISplitViewPanelState): number {\n  size = Math.max(size, state.min);\n  size = safeMin(size, state.max, state.availableSpace);\n  return size;\n}\n\n/**\n   * Checks whether a panel is at its min or max size while resizing and runs logic related to\n   * that once.\n   * @param adapter The panel's adapter.\n   * @param state The panel's state object.\n   * @param inputDevice The input device responsible for the resize.\n   * @returns Whether the panel is at its min or max size.\n   */\nexport function handleBoundariesDuringResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState, inputDevice?: SplitViewInputDeviceType): boolean {\n  if (state.currentSize === undefined) {\n    return false;\n  }\n\n  // Check min\n  if (state.currentSize <= state.min) {\n    // Just reached the min\n    if (!state.isAtMin) {\n      adapter.activateRipple(inputDevice === 'pointer');\n      if (inputDevice === 'pointer') {\n        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });\n      }\n      state.isAtMin = true;\n    }\n    return true;\n  } else if (state.isAtMin) {\n    // TODO: is it more performant to have the else if condition or to always set the variable?\n    state.isAtMin = false;\n  }\n\n  // Check max\n  const max = safeMin(state.max, state.availableSpace);\n  if (state.currentSize >= max) {\n    // Just reached the max\n    if(!state.isAtMax) {\n      adapter.activateRipple(inputDevice === 'pointer');\n      if (inputDevice === 'pointer') {\n        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: 'max' });\n      }\n      state.isAtMax = true;\n    }\n    return true;\n  } else if (state.isAtMax) {\n    state.isAtMax = false;\n  }\n\n  if (inputDevice === 'pointer') {\n    adapter.setBodyCursor(state.orientation);\n  }\n  \n  return false;\n}\n\n/**\n   * Checks whether a panel is at its min or max size while not resizing and runs logic related to\n   * that once.\n   * @param adapter The panel's adapter.\n   * @param size The panel's size.\n   * @param state The panel's state object.\n   * @returns Whether the panel is at its min or max size.\n   */\nexport function handleBoundariesAfterResize(adapter: ISplitViewPanelAdapter, size: number, state: ISplitViewPanelState): boolean {\n  if (size <= state.min) {\n    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });\n    return true;\n  }\n\n  const max = safeMin(state.max, state.availableSpace);\n  if (size >= max) {\n    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'max' });\n    return true;\n  }\n\n  adapter.setHandleCursor(state.orientation);\n  return false;\n}\n\n/**\n   * Gets the accessible valuenow of a panel.\n   * @param size The panel's size in pixels.\n   * @param state The panel's state object.\n   */\nexport function getValuenow(size: number, state: ISplitViewPanelState): number {\n  if (!state.availableSpace && !state.max) {\n    return 100;\n  }\n\n  const max = safeMin(state.max, state.availableSpace);\n  return scaleValue(size, state.min, max);\n}\n\n/**\n * Gets the appropriate cursor for the handle orientation.\n * @param orientation \n * @returns A CSS cursor keyword value.\n */\nexport function getCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): string {\n  if (orientation === 'horizontal') {\n    switch (config?.boundary) {\n      case 'min':\n        return config.resizable === 'end' ? 'e-resize' : 'w-resize';\n      case 'max':\n        return config.resizable === 'end' ? 'w-resize' : 'e-resize';\n      default:\n        return 'col-resize';\n    }\n  } else {\n    switch (config?.boundary) {\n      case 'min':\n        return config.resizable === 'end' ? 's-resize' : 'n-resize';\n      case 'max':\n        return config.resizable === 'end' ? 'n-resize' : 's-resize';\n      default:\n        return 'row-resize';\n    }\n  }\n}\n\n/**\n * Gets the approporate drag icon for the handle orientation.\n * @param orientation \n * @returns A Forge icon name.\n */\nexport function getHandleIcon(orientation: SplitViewOrientation): string {\n  return orientation === 'horizontal' ? 'drag_vertical_variant' : 'drag_handle';\n}\n\n/**\n * Gets the panel that the given panel resizes into.\n * @param el A split view panel.\n * @returns A sibling split view panel or undefined if there is not a sibling.\n */\nexport function getSplitViewPanelSibling(el: ISplitViewPanelComponent): SplitViewPanelComponent | undefined {\n  const resizable = el.resizable;\n  if (resizable === 'off') {\n    return undefined;\n  }\n  \n  let sibling: Element | null = el;\n  do {\n    sibling = resizable === 'end' ? sibling.nextElementSibling : sibling.previousElementSibling;\n  } while (sibling instanceof SplitViewPanelComponent && !sibling.open);\n\n  if (sibling instanceof SplitViewPanelComponent) {\n    return sibling;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts a size and unit from a `number` or `string` formatted as a CSS dimension using px or %.\n * A `number` is interpreted to be a pixel value.\n * @param value A `number` or `string` representing a size in pixels or percent.\n * @returns An object containing the parsed size and unit.\n */\nexport function parseSize(value: number | string): { amount: number; unit: 'px' | '%' | '' } {\n  if (!isNaN(+value)) {\n    return { amount: +value, unit: 'px' };\n  }\n\n  // Matches digits with or without decimals, any amount of whitespace, and 'px' or '%'\n  const regex = /(^\\d*\\.?\\d*)\\s*(px|%$)?/i;\n  const parts = (value as string).match(regex);\n  const amount = parts?.[1] ? +parts[1] : -1;\n  const unit = (parts?.[2]?.toLowerCase() ?? '') as 'px' | '%' | '';\n\n  return { amount, unit };\n}\n\n/**\n * Gets a pixel size value from a pixel or percent value.\n * @param value A `number` or `string` representing a size in pixels or percent.\n * @param parentSize The pixel size of the parent container along the relevant axis.\n * @returns A pixel amount.\n */\nexport function getPixelDimension(value: number | string, parentSize: number): number {\n  const parsedSize = parseSize(value);\n\n  if (parsedSize.unit === '%') {\n    return percentToPixels(parsedSize.amount, parentSize);\n  }\n  return parsedSize.amount;\n}\n\n/**\n * Creates a transparent element to overlay on top of the document body, ensuring the split view\n * behaves as expected when dragging over other contexts.\n * @returns An overlay element.\n */\nexport function createOverlay(): HTMLElement {\n  const el = document.createElement('div');\n  el.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.OVERLAY);\n  el.style.position = 'fixed';\n  el.style.top = '0';\n  el.style.left = '0';\n  el.style.width = '100vw';\n  el.style.height = '100vh';\n  el.style.zIndex = '9999';\n  return el;\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { safeMin, scaleValue } from '../../core/utils/utils';\nimport { eventIncludesArrowKey } from '../../core/utils/event-utils';\nimport { ISplitViewPanelOpenEvent, ISplitViewPanelState, SplitViewInputDeviceType, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { ISplitViewUpdateConfig, SplitViewOrientation } from '../split-view/split-view-constants';\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { clampSize, clearState, getPixelDimension, getValuenow, handleBoundariesAfterResize, handleBoundariesDuringResize, initState, keyboardResize, maxResize, minResize, pointerResize, setState } from './split-view-panel-utils';\n\nexport interface ISplitViewPanelFoundation extends Partial<ISplitViewBase>, ICustomElementFoundation {\n  resizable: SplitViewPanelResizable;\n  size: number | string;\n  min: number | string;\n  max: number | string | undefined;\n  accessibleLabel: string;\n  open: boolean;\n  getContentSize(): number;\n  getCollapsibleSize(): number;\n  setContentSize(size: number): void;\n  update(config: ISplitViewUpdateConfig): void;\n}\n\nexport class SplitViewPanelFoundation implements ISplitViewPanelFoundation {\n  // API\n  private _size: number | string = 200;\n  private _min: number | string = 0;\n  private _max: number | string | undefined;\n  private _accessibleLabel = 'Split view panel';\n  private _open = true;\n  private _disabled?: boolean;\n  private _allowClose?: boolean;\n  private _autoClose?: boolean;\n  private _autoCloseThreshold?: number;\n  \n  // State\n  private _state: ISplitViewPanelState = initState();\n  private _isInitialized = false;\n\n  // Properties stored in state\n  private get _orientation(): SplitViewOrientation {\n    return this._state.orientation;\n  }\n  private set _orientation(value: SplitViewOrientation) {\n    this._state.orientation = value;\n  }\n\n  private get _resizable(): SplitViewPanelResizable {\n    return this._state.resizable;\n  }\n  private set _resizable(value: SplitViewPanelResizable) {\n    this._state.resizable = value;\n  }\n\n  private get _pixelMin(): number {\n    return this._state.min;\n  }\n  private set _pixelMin(value: number) {\n    this._state.min = value;\n  }\n\n  private get _pixelMax(): number | undefined {\n    return this._state.max;\n  }\n  private set _pixelMax(value: number | undefined) {\n    this._state.max = value;\n  }\n\n  // Properties inherited from parent split view\n  private _parentProperties: Partial<ISplitViewBase> = {};\n\n  // Applied properties that can be inherited from parent\n  private get _appliedDisabled(): boolean {\n    return this._disabled ?? this._parentProperties.disabled ?? false;\n  }\n\n  private get _appliedAllowClose(): boolean {\n    return this._allowClose ?? this._parentProperties.allowClose ?? false;\n  }\n\n  private get _appliedAutoClose(): boolean {\n    return this._autoClose ?? this._parentProperties.autoClose ?? false;\n  }\n\n  private get _appliedAutoCloseThreshold(): number {\n    return this._autoCloseThreshold ?? this._parentProperties.autoCloseThreshold ?? 0;\n  }\n\n  // Listeners\n  private _pointerdownListener: (evt: PointerEvent) => void;\n  private _pointerupListener: (evt: PointerEvent) => void;\n  private _pointermoveListener: (evt: PointerEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _keyupListener: (evt: KeyboardEvent) => void;\n\n  constructor(private _adapter: ISplitViewPanelAdapter) {\n    this._pointerdownListener = evt => this._onPointerdown(evt);\n    this._pointerupListener = evt => this._onPointerup(evt);\n    this._pointermoveListener = evt => this._onPointermove(evt);\n    this._keydownListener = evt => this._onKeydown(evt);\n    this._keyupListener = evt => this._onKeyup(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._adapter.setPointerdownListener(this._pointerdownListener);\n    this._adapter.setKeydownListener(this._keydownListener);\n    this._getParentProperties();\n    this._applyResizable();\n    this._applyMin();\n    this._applyMax();\n    this._applySize();\n    this._applyAccessibleLabel();\n    this._applyOpen();\n    this._applyDisabled();\n    this._applyAllowClose();\n    this._applyAutoClose();\n    this._applyAutoCloseThreshold();\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.tryRemoveOverlay();\n    this._adapter.removePointerupListener(this._pointerupListener);\n    this._adapter.removePointermoveListener(this._pointermoveListener);\n  }\n\n  /**\n   * Handles a pointerdown event and sets further pointer event listeners.\n   * @param evt The pointer event.\n   */\n  private _onPointerdown(evt: PointerEvent): void {\n    if (this._appliedDisabled || !this._allowResize('pointer')) {\n      return;\n    }\n\n    evt.preventDefault();\n\n    this._adapter.setPointermoveListener(this._pointermoveListener);\n    this._adapter.setPointerupListener(this._pointerupListener);\n    this._handlePointerdown(evt);\n  }\n\n  /**\n   * Handles a pointerup event and removes pointer event listeners.\n   * @param evt The pointer event.\n   */\n  private _onPointerup(evt: PointerEvent): void {\n    evt.preventDefault();\n\n    this._adapter.removePointermoveListener(this._pointermoveListener);\n    this._adapter.removePointerupListener(this._pointerupListener);\n    this._handlePointerup();\n  }\n\n  /**\n   * Handles a pointermove event and removes pointer events if the mouse button is released.\n   * @param evt The pointer event.\n   */\n  private _onPointermove(evt: PointerEvent): void {\n    if (this._appliedDisabled) {\n      return;\n    }\n\n    evt.preventDefault();\n\n    // Detect when the mouse button is released outside of the document\n    if (evt.buttons === 0) {\n      this._adapter.removePointermoveListener(this._pointermoveListener);\n      this._adapter.removePointerupListener(this._pointerupListener);\n      this._handlePointerup();\n      return;\n    }\n\n    this._handlePointermove(evt);\n  }\n\n  /**\n   * Handles a keydown event and sets a keyup listener if an arrow key is pressed.\n   * @param evt The keyboard event.\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (this._appliedDisabled) {\n      return;\n    }\n\n    if (evt.key === 'Enter') {\n      this._handleEnterKey(evt);\n    } else if (evt.key === 'Home' && this._allowResize('keyboard')) {\n      this._handleHomeKey(evt);\n    } else if (evt.key === 'End' && this._allowResize('keyboard')) {\n      this._handleEndKey(evt);\n    } else if (eventIncludesArrowKey(evt) && this._allowResize('keyboard')) {\n      this._adapter.setKeyupListener(this._keyupListener);\n      this._handleArrowKey(evt);\n    }\n  }\n\n  /**\n   * Handles a keyup event and removes the keyup listener if an arrow key was released.\n   * @param evt The keyboard event.\n   */\n  private _onKeyup(evt: KeyboardEvent): void {\n    if (eventIncludesArrowKey(evt)) {\n      this._adapter.removeKeyupListener(this._keyupListener);\n      this._handleArrowKeyUp();\n    }\n  }\n\n  /**\n   * Toggles the open state.\n   * @param evt \n   */\n  private _handleEnterKey(evt: KeyboardEvent): void {\n    if (!this._appliedAllowClose) {\n      return;\n    }\n\n    evt.preventDefault();\n    this._tryOpenOrClose(!this._open, false, true);\n  }\n\n  /**\n   * Sets panel size to the min.\n   * @param evt\n   */\n  private _handleHomeKey(evt: KeyboardEvent): void {\n    evt.preventDefault();\n\n    const size = minResize(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);\n    this._tryAutoClose();\n  }\n\n  /**\n   * Sets panel size to the max.\n   * @param evt\n   */\n  private _handleEndKey(evt: KeyboardEvent): void {\n    evt.preventDefault();\n\n    const size = maxResize(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);\n  }\n\n  /**\n   * Runs resize logic if an arrow key is included in the event.\n   * @param evt \n   */\n  private _handleArrowKey(evt: KeyboardEvent): void {\n    let increment = 0;\n    if (this._orientation === 'horizontal') {\n      switch (evt.key) {\n        case 'ArrowLeft':\n          increment = -1;\n          break;\n        case 'ArrowRight':\n          increment = 1;\n          break;\n        default:\n          return;\n      }\n    } else {\n      switch (evt.key) {\n        case 'ArrowUp':\n          increment = -1;\n          break;\n        case 'ArrowDown':\n          increment = 1;\n          break;\n        default:\n          return;\n      }\n    }\n\n    evt.preventDefault();\n\n    if (this._resizable === 'start') {\n      increment *= -1;\n    }\n    if (evt.shiftKey) {\n      increment *= 10;\n    }\n\n    this._tryHandleArrowKeyDown();\n    this._handleArrowKeyHeld(increment);\n  }\n\n  /**\n   * Sets resize properties when an arrow key is first pressed.\n   */\n  private _tryHandleArrowKeyDown(): void {\n    if (!this._state.arrowKeyHeld) {\n      this._startResize();\n    }\n    this._state.arrowKeyHeld = true;\n  }\n\n  /**\n   * Performs cleanup logic after a keyboard driven resize.\n   */\n  private _handleArrowKeyUp(): void {\n    this._endResize();\n  }\n\n  /**\n   * Resizes the panel by a set amount.\n   * @param increment The pixel change in size.\n   */\n  private _handleArrowKeyHeld(increment: number): void {\n    if (keyboardResize(this._adapter, increment, this._state)) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);\n    }\n  }\n\n  /**\n   * Handles the beginning of a pointer driven resize.\n   * @param evt \n   */\n  private _handlePointerdown(evt: MouseEvent): void {\n    this._adapter.setGrabbed(true);\n    this._adapter.focusHandle();\n    \n    this._startResize();\n    this._state.startPoint = this._orientation === 'horizontal' ? evt.clientX : evt.clientY;\n    handleBoundariesDuringResize(this._adapter, this._state, 'pointer');\n  }\n\n  /**\n   * Handles the end of a pointer driven resize.\n   */\n  private _handlePointerup(): void {\n    this._adapter.setGrabbed(false);\n    this._adapter.deactivateRipple();\n    this._endResize();\n  }\n\n  /**\n   * Resizes the panel from a pointer event.\n   * @param evt \n   */\n  private _handlePointermove(evt: PointerEvent): void {\n    if(pointerResize(this._adapter, evt, this._state)) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);\n    }\n  }\n\n  /**\n   * Emits a will resize event and allows it to be cancelled.\n   * @returns Whether the resize should proceed.\n   */\n  private _allowResize(inputDeviceType: SplitViewInputDeviceType): boolean {\n    return this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_RESIZE, { inputDeviceType }, true, true);\n  }\n\n  /**\n   * Handles common logic to begin a resize.\n   */\n  private _startResize(): void {\n    this._state = setState(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_START, this._state.startSize);\n  }\n\n  /**\n   * Handles common logic to end a resize.\n   */\n  private _endResize(): void {\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_END, this._state.currentSize);\n    this._adapter.updateParent({ accessibility: this._state.startSize !== this._state.currentSize, cursor: true });\n    this._state = clearState(this._state);\n    this._tryAutoClose();\n  }\n\n  /**\n   * Emits a will open or will close event and sets the panel open or closed if allowed.\n   * @param shouldOpen Whether the panel should open or close. Defaults to `true`.\n   * @param auto Whether the panel auto-opened or auto-closed.\n   * @param userInitiated Whether opening or closing via user action instead of programmatically.\n   */\n  private _tryOpenOrClose(shouldOpen = true, auto = false, userInitiated = false): void {\n    const eventType = shouldOpen ? SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_CLOSE;\n    const event: ISplitViewPanelOpenEvent = {\n      auto,\n      userInitiated\n    };\n    const isAllowed = this._adapter.emitHostEvent(eventType, event, true, true);\n    if (!isAllowed) {\n      return;\n    }\n    this._open = shouldOpen;\n    this._applyOpen(event);\n  }\n\n  /**\n   * Auto close the panel if enabled and within the size threshold.\n   */\n  private _tryAutoClose(): void {\n    const size = this._adapter.getContentSize(this._orientation);\n    if (this._appliedAutoClose && size <= this._appliedAutoCloseThreshold) {\n      this._tryOpenOrClose(false, true, false);\n    }\n  }\n\n  /**\n   * Sets orientation, disabled, disable close, and autoclose to reflect the parent split view.\n   */\n  private _getParentProperties(): void {\n    // Parent disabled state\n    const parentDisabled = this._adapter.getParentProperty('disabled') as boolean;\n    this._parentProperties.disabled = parentDisabled;\n    this._applyParentDisabled();\n\n    // Parent disable close\n    const parentAllowClose = this._adapter.getParentProperty('allowClose') as boolean;\n    this._parentProperties.allowClose = parentAllowClose;\n\n    // Parent auto close\n    const parentAutoClose = this._adapter.getParentProperty('autoClose') as boolean;\n    this._parentProperties.autoClose = parentAutoClose;\n    this._applyParentAutoClose();\n\n    // Parent auto close threshold\n    const parentAutoCloseThreshold = this._adapter.getParentProperty('autoCloseThreshold') as number;\n    this._parentProperties.autoCloseThreshold = parentAutoCloseThreshold;\n    this._applyParentAutoCloseThreshold();\n  }\n\n  private _applyOrientation(): void {\n    this._adapter.setOrientation(this._orientation);\n  }\n\n  /**\n   * Get/set resizable. This affects the side the handle appears on and the direction the panel closes into.\n   */\n  public get resizable(): SplitViewPanelResizable {\n    return this._resizable;\n  }\n  public set resizable(value: SplitViewPanelResizable) {\n    if (this._resizable !== value) {\n      this._resizable = value;\n      this._applyResizable();\n    }\n  }\n\n  private _applyResizable(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, this._resizable);\n    this._adapter.setResizable(this._resizable);\n  }\n\n  /**\n   * Get/set panel size.\n   */\n  public get size(): number | string {\n    return this._size;\n  }\n  public set size(value: number | string) {\n    if (this._size.toString() !== value.toString()) {\n      this._size = value;\n      this._applySize();\n    }\n  }\n\n  private _applySize(): void {\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    const pixelSize = getPixelDimension(this._size, parentSize);\n\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE, this._size.toString());\n    this._adapter.setContentSize(pixelSize);\n    // Wait for the DOM to render to get available space\n    window.requestAnimationFrame(() => {\n      const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);\n      const maxSize = safeMin(this._pixelMax, availableSpace);\n      const newValue = scaleValue(pixelSize, this._pixelMin, maxSize);\n      this._adapter.setValuenow(newValue);\n      this._adapter.updateParent({ cursor: true });\n    });\n  }\n\n  /** Get/set min panel size. */\n  public get min(): number | string {\n    return this._min;\n  }\n  public set min(value: number | string) {\n    if (this._min.toString() !== value.toString()) {\n      this._min = value;\n      this._applyMin();\n    }\n  }\n\n  private _applyMin(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN, this._min.toString());\n\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    this._pixelMin = getPixelDimension(this._min, parentSize);\n\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const size = this._adapter.getContentSize(this._orientation);\n    if (size < this._pixelMin) {\n      this.setContentSize(size);\n    }\n  }\n\n  /** Get/set max panel size. */\n  public get max(): number | string | undefined {\n    return this._max;\n  }\n  public set max(value: number | string | undefined) {\n    if (this._max?.toString() !== value?.toString()) {\n      this._max = value;\n      this._applyMax();\n    }\n  }\n\n  private _applyMax(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX, this._max !== undefined, this._max?.toString());\n\n    if (this._max === undefined) {\n      this._pixelMax = undefined;\n      return;\n    }\n\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    this._pixelMax = getPixelDimension(this._max, parentSize);\n\n    if (this._resizable === 'off') {\n      return;\n    }\n    \n    const size = this._adapter.getContentSize(this._orientation);\n    if (size > this._pixelMax) {\n      this.setContentSize(size);\n    }\n  }\n\n  /**\n   * Get/set the accessible label.\n   */\n  public get accessibleLabel(): string {\n    return this._accessibleLabel;\n  }\n  public set accessibleLabel(value: string) {\n    if (this._accessibleLabel !== value) {\n      this._accessibleLabel = value;\n      this._applyAccessibleLabel();\n    }\n  }\n\n  private _applyAccessibleLabel(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL, this._accessibleLabel);\n    this._adapter.setAccessibleLabel(this._accessibleLabel);\n  }\n\n  /**\n   * Get/set whether the panel is open.\n   */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (this._open !== value) {\n      if (this._isInitialized) {\n        this._tryOpenOrClose(value, false, false);\n        return;\n      }\n\n      this._open = value;\n      const event: ISplitViewPanelOpenEvent | undefined = this._isInitialized ? {\n        auto: false,\n        userInitiated: false\n      } : undefined;\n      this._applyOpen(event);\n    }\n  }\n\n  private _applyOpen(event?: ISplitViewPanelOpenEvent): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN, this._open.toString());\n    this._adapter.setOpen(this._open, this._isInitialized, event);\n  }\n\n  /**\n   * Get/set whether interactions are disabled.\n   */\n  public get disabled(): boolean | undefined {\n    return this._disabled;\n  }\n  public set disabled(value: boolean | undefined) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._applyDisabled();\n    }\n  }\n\n  private _applyDisabled(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED, this._disabled ?? false);\n    this._adapter.setDisabled(this._appliedDisabled);\n  }\n\n  private _applyParentDisabled(): void {\n    if (this._isInitialized && !isDefined(this._disabled)) {\n      this._adapter.setDisabled(this._appliedDisabled);\n    }\n  }\n\n  /**\n   * Get/set whether closing the panel is disabled.\n   */\n  public get allowClose(): boolean | undefined {\n    return this._allowClose;\n  }\n  public set allowClose(value: boolean | undefined) {\n    if (this._allowClose !== value) {\n      this._allowClose = value;\n      this._applyAllowClose();\n    }\n  }\n\n  private _applyAllowClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE, this._allowClose ?? false);\n  }\n\n  /**\n   * Get/set whether the panel closes when a threshold size is reached.\n   */\n  public get autoClose(): boolean | undefined {\n    return this._autoClose;\n  }\n  public set autoClose(value: boolean | undefined) {\n    if (this._autoClose !== value) {\n      this._autoClose = value;\n      this._applyAutoClose();\n    }\n  }\n\n  private _applyAutoClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE, this._autoClose ?? false);\n    if (this._isInitialized) {\n      this._tryAutoClose();\n    }\n  }\n\n  private _applyParentAutoClose(): void {\n    if (this._isInitialized && !isDefined(this._autoClose)) {\n      this._tryAutoClose();\n    }\n  }\n\n  /** Get/set the size at which the panel auto closes. */\n  public get autoCloseThreshold(): number | undefined {\n    return this._autoCloseThreshold;\n  }\n  public set autoCloseThreshold(value: number | undefined) {\n    if (this._autoCloseThreshold !== value) {\n      this._autoCloseThreshold = value;\n      this._applyAutoCloseThreshold();\n    }\n  }\n\n  private _applyAutoCloseThreshold(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD, isDefined(this._autoCloseThreshold), this.autoCloseThreshold?.toString());\n    if (this._isInitialized) {\n      this._tryAutoClose();\n    }\n  }\n\n  private _applyParentAutoCloseThreshold(): void {\n    if (this._isInitialized && !isDefined(this._autoCloseThreshold)) {\n      this._tryAutoClose();\n    }\n  }\n\n  /**\n   * Gets the size of panel content without the handle.\n   * @returns Content size in pixels.\n   */\n  public getContentSize(): number {\n    return this._adapter.getContentSize(this._orientation);\n  }\n\n  /**\n   * Gets how much the panel can shrink from its current size.\n   * @returns The difference between the current and min size in pixels.\n   */\n  public getCollapsibleSize(): number {\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    const pixelMin = getPixelDimension(this._min, parentSize);\n    return this._adapter.getContentSize(this._orientation) - pixelMin;\n  }\n\n  /**\n   * Sets a new size for the content area.\n   * @param size The new content size in pixels.\n   */\n  public setContentSize(size: number): void {\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const newSize = clampSize(size, this._state);\n    this._adapter.setContentSize(newSize);\n    if (this._isInitialized) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, newSize);\n    }\n  }\n\n  /**\n   * Updates the proved characteristics.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    // Orientation\n    if (config.orientation) {\n      this._orientation = config.orientation;\n      this._applyOrientation();\n    }\n\n    // Parent properties\n    if (config.properties) {\n      if (isDefined(config.properties.disabled) && this._parentProperties.disabled !== config.properties.disabled) {\n        this._parentProperties.disabled = config.properties.disabled;\n        this._applyDisabled();\n      }\n      if (isDefined(config.properties.allowClose)) {\n        this._parentProperties.allowClose = config.properties.allowClose;\n      }\n      if (isDefined(config.properties.autoClose) && this._parentProperties.autoClose !== config.properties.autoClose) {\n        this._parentProperties.autoClose = config.properties.autoClose;\n        if (!isDefined(this._autoClose)) {\n          this._applyAutoClose();\n        }\n      }\n      if (isDefined(config.properties.autoCloseThreshold) && this._parentProperties.autoCloseThreshold !== config.properties.autoCloseThreshold) {\n        this._parentProperties.autoCloseThreshold = config.properties.autoCloseThreshold;\n        if (!isDefined(this._autoCloseThreshold)) {\n          this._applyAutoCloseThreshold();\n        }\n      }\n    }\n\n    // Size\n    if (config.size && this.open) {\n      const parentSize = this._adapter.getParentSize(this._orientation);\n      this._pixelMin = getPixelDimension(this._min, parentSize);\n      this._pixelMax = isDefined(this._max) ? getPixelDimension(this._max as number | string, parentSize) : undefined;\n      this.setContentSize(this._adapter.getContentSize(this._orientation));\n    }\n\n    // The following properties don't apply to non-resizable panels\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const size = this._adapter.getContentSize(this._orientation);\n    const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);\n\n    // Accessibility\n    if (config.accessibility && this.open) {\n      const valueNow = getValuenow(size, { ...this._state, availableSpace });\n      this._adapter.setValuenow(valueNow);\n    }\n\n    // Contextual cursor\n    if (config.cursor) {\n      handleBoundariesAfterResize(this._adapter, size, { ...this._state, availableSpace });\n    }\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { ISplitViewBase } from '../core';\nimport { SPLIT_VIEW_PANEL_CONSTANTS } from '../split-view-panel/split-view-panel-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}split-view`;\n\nconst attributes = {\n  ORIENTATION: 'orientation',\n  DISABLED: 'disabled',\n  ALLOW_CLOSE: 'allow-close',\n  AUTO_CLOSE: 'auto-close',\n  AUTO_CLOSE_THRESHOLD: 'auto-close-threshold'\n};\n\nconst classes = {\n  ROOT: 'forge-split-view'\n};\n\nconst ids = {\n  ROOT: 'root'\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  PANEL: SPLIT_VIEW_PANEL_CONSTANTS.elementName\n};\n\nconst numbers = {\n  RESIZE_THROTTLE_THRESHOLD: 200\n};\n\nconst customCssProperties = {\n  ANIMATING_LAYER: '--forge-split-view-animating-layer'\n};\n\nexport const SPLIT_VIEW_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  ids,\n  selectors,\n  numbers,\n  customCssProperties\n};\n\nexport type SplitViewOrientation = 'horizontal' | 'vertical';\n\nexport interface ISplitViewUpdateConfig {\n  accessibility?: boolean;\n  cursor?: boolean;\n  orientation?: SplitViewOrientation;\n  properties?: Partial<ISplitViewBase>;\n  size?: boolean;\n}\n", "import { getShadowElement, playKeyframeAnimation, toggleAttribute } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { ISplitViewPanelComponent } from './split-view-panel';\nimport { ISplitViewPanelCursorConfig, ISplitViewPanelOpenEvent, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewUpdateConfig, SplitViewOrientation, SPLIT_VIEW_CONSTANTS } from '../split-view/split-view-constants';\nimport { ISplitViewComponent } from '../split-view/split-view';\nimport { getCursor, getHandleIcon, createOverlay, getSplitViewPanelSibling } from './split-view-panel-utils';\nimport { IIconComponent } from '../../icon';\nimport { IRippleComponent } from '../../ripple';\n\nexport interface ISplitViewPanelAdapter extends IBaseAdapter {\n  initialize(): void;\n  tryRemoveOverlay(): void;\n  setPointerdownListener(listener: (evt: PointerEvent) => void): void;\n  setPointerupListener(listener: (evt: PointerEvent) => void): void;\n  removePointerupListener(listener: (evt: PointerEvent) => void): void;\n  setPointermoveListener(listener: (evt: PointerEvent) => void): void;\n  removePointermoveListener(listener: (evt: PointerEvent) => void): void;\n  setKeydownListener(listener: (evt: KeyboardEvent) => void): void;\n  setKeyupListener(listener: (evt: KeyboardEvent) => void): void;\n  removeKeyupListener(listener: (evt: KeyboardEvent) => void): void;\n  getParentProperty(name: keyof ISplitViewComponent): unknown;\n  setAccessibleLabel(value: string): void;\n  setDisabled(value: boolean): void;\n  setResizable(value: SplitViewPanelResizable): void;\n  setOrientation(value: SplitViewOrientation): void;\n  setOpen(value: boolean, withAnimation?: boolean, event?: ISplitViewPanelOpenEvent): void;\n  setGrabbed(value: boolean): void;\n  setHandleCursor(orientation?: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void;\n  setBodyCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void;\n  getContentSize(orientation: SplitViewOrientation): number;\n  setContentSize(value: number): void;\n  setValuenow(value: number): void;\n  focusHandle(): void;\n  getAvailableSpace(orientation: SplitViewOrientation, resizable: SplitViewPanelResizable): number;\n  getSiblingContentSize(): number;\n  setSiblingContentSize(value: number): void;\n  activateRipple(defaultActivated: boolean): void;\n  deactivateRipple(): void;\n  getParentSize(orientation: SplitViewOrientation): number;\n  updateParent(config: ISplitViewUpdateConfig): void;\n}\n\nexport class SplitViewPanelAdapter extends BaseAdapter<ISplitViewPanelComponent> implements ISplitViewPanelAdapter {\n  private _root: HTMLElement;\n  private _handle: HTMLElement;\n  private _icon: IIconComponent;\n  private _ripple: IRippleComponent;\n  private _content: HTMLElement;\n  private _parent?: ISplitViewComponent;\n  private _overlay?: HTMLElement;\n\n  constructor(component: ISplitViewPanelComponent) {\n    super(component);\n    this._root = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ROOT);\n    this._handle = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.HANDLE);\n    this._icon = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ICON) as IIconComponent;\n    this._ripple = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.RIPPLE) as IRippleComponent;\n    this._content = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.CONTENT);\n  }\n\n  public initialize(): void {\n    // Set the parent split view\n    const parent = this._component.parentElement;\n    if (parent?.tagName.toLowerCase() === SPLIT_VIEW_CONSTANTS.elementName) {\n      this._parent = parent as ISplitViewComponent;\n    }\n  }\n\n  public tryRemoveOverlay(): void {\n    this._overlay?.remove();\n    this._overlay = undefined;\n  }\n\n  public setPointerdownListener(listener: (evt: PointerEvent) => void): void {\n    this._handle.addEventListener('pointerdown', listener);\n  }\n\n  public setPointerupListener(listener: (evt: PointerEvent) => void): void {\n    document.addEventListener('pointerup', listener);\n  }\n\n  public removePointerupListener(listener: (evt: PointerEvent) => void): void {\n    document.removeEventListener('pointerup', listener);\n  }\n\n  public setPointermoveListener(listener: (evt: PointerEvent) => void): void {\n    document.addEventListener('pointermove', listener);\n  }\n\n  public removePointermoveListener(listener: (evt: PointerEvent) => void): void {\n    document.removeEventListener('pointermove', listener);\n  }\n\n  public setKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.addEventListener('keydown', listener);\n  }\n\n  public setKeyupListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.addEventListener('keyup', listener);\n  }\n\n  public removeKeyupListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.removeEventListener('keyup', listener);\n  }\n\n  /**\n   * Gets the specified property value from the parent split view.\n   * @param name The property name.\n   * @returns The value of the property.\n   */\n  public getParentProperty(name: keyof ISplitViewComponent): unknown {\n    return this._parent?.[name];\n  }\n\n  /**\n   * Sets the accessible label of the resize handle.\n   * @param value The label text.\n   */\n  public setAccessibleLabel(value: string): void {\n    this._handle.setAttribute('aria-label', value);\n  }\n\n  /**\n   * Sets the disabled state of the component.\n   * @param value Whether the component is disabled.\n   */\n  public setDisabled(value: boolean): void {\n    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.DISABLED, value);\n    if (this._handle) {\n      this._handle.setAttribute('tabindex', value ? '-1' : '0');\n      toggleAttribute(this._handle, value, 'aria-disabled', 'true');\n    }\n  }\n\n  /**\n   * Sets the whether the component's handle is present and at its start or end.\n   * @param value The component's resizable value.\n   */\n  public setResizable(value: SplitViewPanelResizable): void {\n    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, value.toString());\n    toggleAttribute(this._handle, value !== 'off', 'aria-valuemin', '0');\n    toggleAttribute(this._handle, value !== 'off', 'aria-valuemax', '100');\n\n    if (value === 'off') {\n      return;\n    }\n\n    this._handle.remove();\n    if (value === 'end') {\n      // Place the handle after the content\n      this._root.append(this._handle);\n    } else {\n      // Place the handle before the content\n      this._root.prepend(this._handle);\n    }\n  }\n\n  /**\n   * Sets the orientation of the component including ARIA attributes and the resize handle icon.\n   * @param value The component's orientation.\n   */\n  public setOrientation(value: SplitViewOrientation): void {\n    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ORIENTATION, value);\n    // The divider's orientation is perpendicular to the layout of the component\n    this._handle.setAttribute('aria-orientation', value === 'horizontal' ? 'vertical' : 'horizontal');\n    this._icon.setAttribute('name', getHandleIcon(value));\n  }\n\n  /**\n   * Opens or closes the component.\n   * @param value Whether the component is open.\n   * @param withAnimation Whether to use the animation. Defaults to `true`.\n   */\n  public setOpen(value: boolean, withAnimation = true, event?: ISplitViewPanelOpenEvent): void {\n    const finish = (): void => {\n      if (!value) {\n        this._root.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);\n      }\n      if (event) {\n        this.emitHostEvent(value ? SPLIT_VIEW_PANEL_CONSTANTS.events.DID_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.DID_CLOSE, event);\n      }\n      this._parent?.unlayerSlottedPanels();\n      this._parent?.update({ accessibility: true, cursor: true });\n    };\n\n    if (value && this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {\n      this._root.classList.remove(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);\n\n      if (!withAnimation) {\n        finish();\n        return;\n      }\n\n      this._parent?.layerSlottedPanels(this._component);\n      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.OPENING, true).then(() => {\n        finish();\n      });\n    } else if (!value && !this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {\n\n      if (!withAnimation) {\n        finish();\n        return;\n      }\n\n      this._parent?.layerSlottedPanels(this._component);\n      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSING, true).then(() => {\n        finish();\n      });\n    }\n  }\n\n  /**\n   * Sets the components appearance and accessibility to indicated whether it is currently grabbed\n   * by the user. Applies a cursor style to the document body.\n   * @param value Whether the component is currently being resized via pointer interaction.\n   */\n  public setGrabbed(value: boolean): void {\n    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.GRABBED, value);\n    this._handle.setAttribute('aria-grabbed', value.toString());\n\n    if (value) {\n      if (!this._overlay) {\n        this._overlay = createOverlay();\n      }\n      document.body.append(this._overlay);\n    } else {\n      this._overlay?.remove();\n    }\n  }\n\n  /**\n   * Applies a cursor style to the resize handle. \n   * @param orientation The component's orientation. If absent the cursor will be removed.\n   * @param config The component's resizable value and whether it's at the min or max value.\n   */\n  public setHandleCursor(orientation?: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void {\n    if (orientation) {\n      this._root.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR, getCursor(orientation, config));\n    } else {\n      this._root.style.removeProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR);\n    }\n  }\n\n  /**\n   * Applies a cursor style to the overlay element covering the document body.\n   * @param orientation The component's orientation.\n   * @param config The component's resizable value and whether it's at the min or max value.\n   */\n  public setBodyCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void {\n    this._overlay?.style.setProperty('cursor', getCursor(orientation, config));\n  }\n\n  /**\n   * Gets the size of the content along the orientation axis. Does not include the resize handle.\n   * @param orientation The component's orientation.\n   * @returns The width or height of the content in pixels.\n   */\n  public getContentSize(orientation: SplitViewOrientation): number {\n    return orientation === 'horizontal' ? this._content.clientWidth : this._content.clientHeight;\n  }\n\n  /**\n   * Sets the size of the content not including the resize handle.\n   * @param value The width or height of the content in pixels.\n   */\n  public setContentSize(value: number): void {\n    this._component.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.SIZE, `${value}px`);\n  }\n\n  /**\n   * Sets the ARIA attribute representing the size of the content compared to its min and max.\n   * @param value The content size scaled from 0 to 100.\n   */\n  public setValuenow(value: number): void {\n    this._handle.setAttribute('aria-valuenow', value.toFixed(2));\n  }\n\n  /**\n   * Sets focus on the handle element.\n   */\n  public focusHandle(): void {\n    this._handle.focus();\n  }\n\n  /**\n   * Gets the amount of space that the component is allowed to take. This includes the current\n   * size of the component and the size of the sibling it resizes into along the axis of\n   * orientation. The sibling's min and max values are taken into account but the component's are\n   * not.\n   * @param orientation The component's orientation.\n   * @param resizable The component's resizable value.\n   * @returns The amount of space available for the component to resize into in pixels.\n   */\n  public getAvailableSpace(orientation: SplitViewOrientation, resizable: SplitViewPanelResizable): number {\n    if (resizable === 'off') {\n      // Return -1 if the panel is static (i.e. can't be user resized)\n      return -1;\n    }\n    const sibling = getSplitViewPanelSibling(this._component);\n    if (sibling) {\n      const siblingSize = sibling.getCollapsibleSize();\n      return siblingSize + this.getContentSize(orientation);\n    } else {\n      return this.getParentSize(orientation);\n    }\n  }\n\n  /**\n   * Gets the content size of the sibling panel the component resizes into along its axis of\n   * orientation.\n   * @returns The sibling's content size in pixels or 0 if the sibling does not exist.\n   */\n  public getSiblingContentSize(): number {\n    const sibling = getSplitViewPanelSibling(this._component);\n    return sibling?.getContentSize() ?? 0;\n  }\n\n  /**\n   * Sets the content size of the sibling panel the component resizes into along its axis of\n   * orientation.\n   * @returns The sibling's content size in pixels.\n   */\n  public setSiblingContentSize(value: number): void {\n    const sibling = getSplitViewPanelSibling(this._component);\n    sibling?.setContentSize(value);\n  }\n\n  /**\n   * Runs the ripple animation.\n   * @param fromActivated Whether the ripple starts from and should end in an activated state.\n   */\n  public activateRipple(fromActivated: boolean): void {\n    if (fromActivated) {\n      this._ripple.deactivate();\n      // Wait a short amount of time so the animation is distinguishable\n      window.setTimeout(() => {\n        this._ripple.activate();\n      }, SPLIT_VIEW_PANEL_CONSTANTS.numbers.RIPPLE_ACTIVATION_WAIT);\n    } else {\n      this._ripple.activate();\n      this._ripple.deactivate();\n    }\n  }\n\n  /**\n   * Deactivates the ripple.\n   */\n  public deactivateRipple(): void {\n    this._ripple.deactivate();\n  }\n\n  /**\n   * Gets the size of the parent split view along the axis of orientation.\n   * @param orientation The component's orientation.\n   * @returns The parent's size in pixels.\n   */\n  public getParentSize(orientation: SplitViewOrientation): number {\n    const parentSize = orientation === 'horizontal' ? this._parent?.clientWidth : this._parent?.clientHeight;\n    return parentSize ?? 0;\n  }\n\n  /**\n   * Updates the provided characteristics of all panels.\n   * @param config An update configuration.\n   */\n  public updateParent(config: ISplitViewUpdateConfig): void {\n    this._parent?.update(config);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';\nimport { tylIconDragVerticalVariant } from '@tylertech/tyler-icons/extended';\nimport { tylIconDragHandle } from '@tylertech/tyler-icons/standard';\n\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ISplitViewPanelOpenEvent, ISplitViewPanelWillResizeEvent, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { SplitViewPanelFoundation } from './split-view-panel-foundation';\nimport { SplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { ISplitViewUpdateConfig } from '../split-view/split-view-constants';\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { RippleComponent } from '../../ripple';\n\nconst template = '<template><div class=\\\"forge-split-view-panel\\\" id=\\\"root\\\" part=\\\"root\\\"><div class=\\\"forge-split-view-panel__handle\\\" id=\\\"handle\\\" part=\\\"handle\\\" role=\\\"separator\\\" aria-controls=\\\"content\\\" aria-grabbed=\\\"false\\\" tabindex=\\\"0\\\"><forge-icon class=\\\"forge-split-view-panel__icon\\\" id=\\\"icon\\\" part=\\\"icon\\\"></forge-icon><forge-ripple id=\\\"ripple\\\" part=\\\"ripple\\\"></forge-ripple></div><div class=\\\"forge-split-view-panel__content\\\" id=\\\"content\\\" part=\\\"content\\\" role=\\\"group\\\"><slot></slot></div></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uaup4en;animation-name:uaup4en;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uaup4en{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uaup4en{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uaup4ez;animation-name:uaup4ez;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uaup4ez{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uaup4ez{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uaup4fe;animation-name:uaup4fe;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uaup4fe{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uaup4fe{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uaup4fr;animation-name:uaup4fr;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uaup4fr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uaup4fr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uaup4gh;animation-name:uaup4gh;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uaup4gh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uaup4gh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uaup4h2;animation-name:uaup4h2;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uaup4h2{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uaup4h2{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uaup4hi;animation-name:uaup4hi;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uaup4hi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uaup4hi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uaup4i4;animation-name:uaup4i4;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uaup4i4{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uaup4i4{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';\n\nexport interface ISplitViewPanelComponent extends Partial<ISplitViewBase>, IBaseComponent {\n  resizable: SplitViewPanelResizable;\n  size: number | string;\n  min: number | string;\n  max: number | string | undefined;\n  accessibleLabel: string;\n  open: boolean;\n  getContentSize(): number;\n  getCollapsibleSize(): number;\n  setContentSize(size: number): void;\n  update(config: ISplitViewUpdateConfig): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-split-view-panel': ISplitViewPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-split-view-panel-will-resize': CustomEvent<ISplitViewPanelWillResizeEvent>;\n    'forge-split-view-panel-resize-start': CustomEvent<null>;\n    'forge-split-view-panel-resize-end': CustomEvent<null>;\n    'forge-split-view-panel-resize': CustomEvent<number>;\n    'forge-split-view-panel-will-open': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-will-close': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-did-open': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-did-close': CustomEvent<ISplitViewPanelOpenEvent>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-split-view-panel>` element.\n * \n * @tag forge-split-view-panel\n */\n@CustomElement({\n  name: SPLIT_VIEW_PANEL_CONSTANTS.elementName,\n  dependencies: [\n    IconComponent,\n    RippleComponent\n  ]\n})\nexport class SplitViewPanelComponent extends BaseComponent implements ISplitViewPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD\n    ];\n  }\n\n  private _foundation: SplitViewPanelFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconDragVerticalVariant, tylIconDragHandle]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new SplitViewPanelFoundation(new SplitViewPanelAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE:\n        this.resizable = newValue as SplitViewPanelResizable;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE:\n        this.size = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN:\n        this.min = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX:\n        if (newValue) {\n          this.max = newValue;\n        } else {\n          this.max = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL:\n        this.accessibleLabel = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED:\n        if (this.hasAttribute(name)) {\n          this.disabled = coerceBoolean(newValue);\n        } else {\n          this.disabled = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE:\n        if (this.hasAttribute(name)) {\n          this.allowClose = coerceBoolean(newValue);\n        } else {\n          this.allowClose = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE:\n        if (this.hasAttribute(name)) {\n          this.autoClose = coerceBoolean(newValue);\n        } else {\n          this.autoClose = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD:\n        if (newValue) {\n          this.autoCloseThreshold = coerceNumber(newValue);\n        } else {\n          this.autoCloseThreshold = undefined;\n        }\n        break;\n    }\n  }\n\n  /**\n   * Controls which side of the panel the resize handle appears on.\n   */\n  @FoundationProperty()\n  public resizable: SplitViewPanelResizable;\n\n  /**\n   * The initial size along the axis of orientation.\n   */\n  @FoundationProperty()\n  public size: number | string;\n\n  /**\n   * The smallest size the panel can take along its axis of orientation.\n   */\n  @FoundationProperty()\n  public min: number | string;\n\n  /**\n   * The largest size the panel can take along its axis of orientation.\n   */\n  @FoundationProperty()\n  public max: number | string | undefined;\n\n  /**\n   * The ARIA label given to the resize handle.\n   */\n  @FoundationProperty()\n  public accessibleLabel: string;\n\n  /**\n   * Controls the open state of the panel.\n   */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Whether resize interactions are disabled or enabled.\n   */\n  @FoundationProperty()\n  public disabled?: boolean;\n\n  /**\n   * Whether the panel can be closed via keyboard interaction.\n   */\n  @FoundationProperty()\n  public allowClose?: boolean;\n\n  /**\n   * Whether the panel automatically closes when it reaches a size of 0.\n   */\n  @FoundationProperty()\n  public autoClose?: boolean;\n\n  /**\n   * The size at which the panel auto closes.\n   */\n  @FoundationProperty()\n  public autoCloseThreshold?: number;\n\n  /**\n   * Gets the size of content along the axis of orientation.\n   * @returns The size of content in pixels.\n   */\n  public getContentSize(): number {\n    return this._foundation.getContentSize();\n  }\n\n  /**\n   * Gets the amount that the content can shrink along the axis of orientation before reaching its\n   * min size.\n   * @returns The amount that content can shrink in pixels.\n   */\n  public getCollapsibleSize(): number {\n    return this._foundation.getCollapsibleSize();\n  }\n\n  /**\n   * Sets the size of content along the axis of orientation.\n   * @param size The new size of content in pixels.\n   */\n  public setContentSize(size: number): void {\n    this._foundation.setContentSize(size);\n  }\n\n  /**\n   * Updates the provided characteristics.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    this._foundation.update(config);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SplitViewPanelComponent } from './split-view-panel';\n\nexport * from './split-view-panel-adapter';\nexport * from './split-view-panel-constants';\nexport * from './split-view-panel-foundation';\nexport * from './split-view-panel';\nexport * from './split-view-panel-utils';\n\nexport function defineSplitViewPanelComponent(): void {\n  defineCustomElement(SplitViewPanelComponent);\n}\n"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { SplitViewOrientation } from '../split-view/split-view-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}split-view-panel`;\n\nconst attributes = {\n  RESIZABLE: 'resizable',\n  SIZE: 'size',\n  MIN: 'min',\n  MAX: 'max',\n  OPEN: 'open',\n  ACCESSIBLE_LABEL: 'accessible-label',\n  DISABLED: 'disabled',\n  ALLOW_CLOSE: 'allow-close',\n  AUTO_CLOSE: 'auto-close',\n  AUTO_CLOSE_THRESHOLD: 'auto-close-threshold',\n  ORIENTATION: 'orientation'\n};\n\nconst classes = {\n  ROOT: 'forge-split-view-panel',\n  GRABBED: 'forge-split-view-panel--grabbed',\n  HANDLE: 'forge-split-view-panel__handle',\n  ICON: 'forge-split-view-panel__icon',\n  CONTENT: 'forge-split-view-panel__content',\n  CLOSED: 'forge-split-view-panel--closed',\n  CLOSING: 'forge-split-view-panel--closing',\n  OPENING: 'forge-split-view-panel--opening',\n  DISABLED: 'forge-split-view-panel--disabled',\n  OVERLAY: 'forge-split-view-panel-overlay'\n};\n\nconst ids = {\n  ROOT: 'root',\n  HANDLE: 'handle',\n  ICON: 'icon',\n  RIPPLE: 'ripple',\n  CONTENT: 'content'\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  HANDLE: `#${ids.HANDLE}`,\n  ICON: `#${ids.ICON}`,\n  RIPPLE: `#${ids.RIPPLE}`,\n  CONTENT: `#${ids.CONTENT}`\n};\n\nconst events = {\n  WILL_RESIZE: `${elementName}-will-resize`,\n  RESIZE_START: `${elementName}-resize-start`,\n  RESIZE_END: `${elementName}-resize-end`,\n  RESIZE: `${elementName}-resize`,\n  DID_OPEN: `${elementName}-did-open`,\n  DID_CLOSE: `${elementName}-did-close`,\n  WILL_OPEN: `${elementName}-will-open`,\n  WILL_CLOSE: `${elementName}-will-close`\n};\n\nconst numbers = {\n  RIPPLE_ACTIVATION_WAIT: 200\n};\n\nconst customCssProperties = {\n  SIZE: '--forge-split-view-panel-size',\n  CURSOR: '--forge-split-view-panel-cursor'\n};\n\nexport const SPLIT_VIEW_PANEL_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  ids,\n  selectors,\n  events,\n  numbers,\n  customCssProperties\n};\n\n// 'start' panels have a handle on the left/top and collapse to the right/bottom\n// 'end' panels have a handle on the right/bottom and collapse to the left/top\n// 'off' panels don't have a handle, are not resizable, and fill the remaining space\nexport type SplitViewPanelResizable = 'start' | 'end' | 'off';\n\nexport type SplitViewInputDeviceType = 'pointer' | 'keyboard';\n\nexport enum SplitViewAnimatingLayer {\n  Under = 1,\n  Active = 2,\n  Above = 3\n}\n\nexport interface ISplitViewPanelCursorConfig {\n  resizable: SplitViewPanelResizable;\n  boundary: 'min' | 'max' | 'none';\n}\n\nexport interface ISplitViewPanelState {\n  orientation: SplitViewOrientation;\n  resizable: SplitViewPanelResizable;\n  arrowKeyHeld: boolean;\n  startPoint?: number;\n  startSize?: number;\n  currentSize?: number;\n  availableSpace?: number;\n  siblingSize?: number;\n  keyboardDelta: number;\n  isAtMin: boolean;\n  isAtMax: boolean;\n  min: number;\n  max?: number;\n}\n\nexport interface ISplitViewPanelWillResizeEvent {\n  inputDeviceType: SplitViewInputDeviceType;\n}\n\nexport interface ISplitViewPanelOpenEvent {\n  auto: boolean;\n  userInitiated: boolean;\n}\n", "import { percentToPixels, safeMin, scaleValue } from '../../core/utils/utils';\nimport { ISplitViewPanelCursorConfig, ISplitViewPanelState, SplitViewInputDeviceType, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { SplitViewOrientation } from '../split-view/split-view-constants';\nimport { ISplitViewPanelComponent, SplitViewPanelComponent } from './split-view-panel';\n\n/**\n * Creates a default split view panel state object.\n * @returns A new state object.\n */\nexport function initState(): ISplitViewPanelState {\n  return {\n    orientation: 'horizontal',\n    resizable: 'off',\n    arrowKeyHeld: false,\n    keyboardDelta: 0,\n    isAtMin: false,\n    isAtMax: false,\n    min: 0\n  };\n}\n\n/**\n * Gets a state object reflecting the panel's parameters at the beginning of a resize.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns An updated state object.\n */\nexport function setState(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): ISplitViewPanelState {\n  const currentSize = adapter.getContentSize(state.orientation);\n  return {\n    ...state,\n    currentSize,\n    startSize: currentSize,\n    availableSpace: adapter.getAvailableSpace(state.orientation, state.resizable),\n    siblingSize: adapter.getSiblingContentSize(),\n    isAtMin: false,\n    isAtMax: false\n  };\n}\n\n/**\n * Gets a state object with all properties related to a resize reset to default.\n * @param state The panel's state object.\n * @returns An updated state object.\n */\nexport function clearState(state: ISplitViewPanelState): ISplitViewPanelState {\n  return {\n    ...state,\n    arrowKeyHeld: false,\n    keyboardDelta: 0,\n    isAtMin: false,\n    isAtMax: false\n  };\n}\n\n/**\n * Performs a panel resize triggered by a pointer event.\n * @param adapter The panel's adapter.\n * @param evt The pointer event.\n * @param state The panel's state object.\n * @returns Whether a resize happened.\n */\nexport function pointerResize(adapter: ISplitViewPanelAdapter, evt: PointerEvent, state: ISplitViewPanelState): boolean {\n  if (state.startPoint === undefined || state.startSize === undefined) {\n    return false;\n  }\n\n  const initialSize = state.currentSize;\n\n  const evtPoint = state.orientation === 'horizontal' ? evt.clientX : evt.clientY;\n  let delta = state.startPoint - evtPoint;\n  if (state.resizable === 'start') {\n    delta *= -1;\n  }\n\n  const size = state.startSize - delta;\n  state.currentSize = clampSize(size, state);\n  adapter.setContentSize(state.currentSize);\n  handleBoundariesDuringResize(adapter, state, 'pointer');\n  adapter.setValuenow(getValuenow(state.currentSize, state));\n\n  const siblingDelta = size - state.currentSize + delta;\n  resizeSibling(adapter, siblingDelta, state);\n\n  return initialSize !== state.currentSize;\n}\n\n/**\n * Performs a panel resize triggered by a keyboard event.\n * @param adapter The panel's adapter.\n * @param increment The pixel amount to change the panel's size.\n * @param state The panel's state object.\n * @returns Whether a resize happened.\n */\nexport function keyboardResize(adapter: ISplitViewPanelAdapter, increment: number, state: ISplitViewPanelState): boolean {\n  if (state.startSize === undefined) {\n    return false;\n  }\n\n  const initialSize = state.currentSize;\n\n  state.keyboardDelta += increment;\n\n  const size = state.startSize + state.keyboardDelta;\n  state.currentSize = clampSize(size, state);\n  adapter.setContentSize(state.currentSize);\n  handleBoundariesDuringResize(adapter, state, 'keyboard');\n  adapter.setValuenow(getValuenow(state.currentSize, state));\n\n  const siblingDelta = size - state.currentSize + state.keyboardDelta * -1;\n  resizeSibling(adapter, siblingDelta, state);\n\n  return initialSize !== state.currentSize;\n}\n\n/**\n * Resizes a panel to its minimum possible size.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns The new pixel size of the panel.\n */\nexport function minResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): number {\n  adapter.setContentSize(state.min);\n  return state.min;\n}\n\n/**\n * Resizes a panel to its maximum possible size.\n * @param adapter The panel's adapter.\n * @param state The panel's state object.\n * @returns The new pixel size of the panel.\n */\nexport function maxResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState): number {\n  const availableSpace = adapter.getAvailableSpace(state.orientation, state.resizable);\n  const max = safeMin(state.max, availableSpace);\n  adapter.setContentSize(max);\n  return max;\n}\n\n/**\n   * Sets a panel's sibling's size to reflect changes in the panel's size.\n   * @param adapter The panel's adapter.\n   * @param delta The change in size to apply to the sibling.\n   * @param state The panel's state object.\n   */\nexport function resizeSibling(adapter: ISplitViewPanelAdapter, delta: number, state: ISplitViewPanelState): void {\n  if (state.siblingSize !== undefined) {\n    const siblingSize = state.siblingSize + delta;\n    adapter.setSiblingContentSize(siblingSize);\n  }\n}\n\n/**\n   * Returns a size limited to an allowed range.\n   * @param size The size to try setting this panel to.\n   * @param state The panel's state object.\n   * @returns A pixel value.\n   */\nexport function clampSize(size: number, state: ISplitViewPanelState): number {\n  size = Math.max(size, state.min);\n  size = safeMin(size, state.max, state.availableSpace);\n  return size;\n}\n\n/**\n   * Checks whether a panel is at its min or max size while resizing and runs logic related to\n   * that once.\n   * @param adapter The panel's adapter.\n   * @param state The panel's state object.\n   * @param inputDevice The input device responsible for the resize.\n   * @returns Whether the panel is at its min or max size.\n   */\nexport function handleBoundariesDuringResize(adapter: ISplitViewPanelAdapter, state: ISplitViewPanelState, inputDevice?: SplitViewInputDeviceType): boolean {\n  if (state.currentSize === undefined) {\n    return false;\n  }\n\n  // Check min\n  if (state.currentSize <= state.min) {\n    // Just reached the min\n    if (!state.isAtMin) {\n      adapter.activateRipple(inputDevice === 'pointer');\n      if (inputDevice === 'pointer') {\n        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });\n      }\n      state.isAtMin = true;\n    }\n    return true;\n  } else if (state.isAtMin) {\n    // TODO: is it more performant to have the else if condition or to always set the variable?\n    state.isAtMin = false;\n  }\n\n  // Check max\n  const max = safeMin(state.max, state.availableSpace);\n  if (state.currentSize >= max) {\n    // Just reached the max\n    if(!state.isAtMax) {\n      adapter.activateRipple(inputDevice === 'pointer');\n      if (inputDevice === 'pointer') {\n        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: 'max' });\n      }\n      state.isAtMax = true;\n    }\n    return true;\n  } else if (state.isAtMax) {\n    state.isAtMax = false;\n  }\n\n  if (inputDevice === 'pointer') {\n    adapter.setBodyCursor(state.orientation);\n  }\n  \n  return false;\n}\n\n/**\n   * Checks whether a panel is at its min or max size while not resizing and runs logic related to\n   * that once.\n   * @param adapter The panel's adapter.\n   * @param size The panel's size.\n   * @param state The panel's state object.\n   * @returns Whether the panel is at its min or max size.\n   */\nexport function handleBoundariesAfterResize(adapter: ISplitViewPanelAdapter, size: number, state: ISplitViewPanelState): boolean {\n  if (size <= state.min) {\n    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'min' });\n    return true;\n  }\n\n  const max = safeMin(state.max, state.availableSpace);\n  if (size >= max) {\n    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: 'max' });\n    return true;\n  }\n\n  adapter.setHandleCursor(state.orientation);\n  return false;\n}\n\n/**\n   * Gets the accessible valuenow of a panel.\n   * @param size The panel's size in pixels.\n   * @param state The panel's state object.\n   */\nexport function getValuenow(size: number, state: ISplitViewPanelState): number {\n  if (!state.availableSpace && !state.max) {\n    return 100;\n  }\n\n  const max = safeMin(state.max, state.availableSpace);\n  return scaleValue(size, state.min, max);\n}\n\n/**\n * Gets the appropriate cursor for the handle orientation.\n * @param orientation \n * @returns A CSS cursor keyword value.\n */\nexport function getCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): string {\n  if (orientation === 'horizontal') {\n    switch (config?.boundary) {\n      case 'min':\n        return config.resizable === 'end' ? 'e-resize' : 'w-resize';\n      case 'max':\n        return config.resizable === 'end' ? 'w-resize' : 'e-resize';\n      default:\n        return 'col-resize';\n    }\n  } else {\n    switch (config?.boundary) {\n      case 'min':\n        return config.resizable === 'end' ? 's-resize' : 'n-resize';\n      case 'max':\n        return config.resizable === 'end' ? 'n-resize' : 's-resize';\n      default:\n        return 'row-resize';\n    }\n  }\n}\n\n/**\n * Gets the approporate drag icon for the handle orientation.\n * @param orientation \n * @returns A Forge icon name.\n */\nexport function getHandleIcon(orientation: SplitViewOrientation): string {\n  return orientation === 'horizontal' ? 'drag_vertical_variant' : 'drag_handle';\n}\n\n/**\n * Gets the panel that the given panel resizes into.\n * @param el A split view panel.\n * @returns A sibling split view panel or undefined if there is not a sibling.\n */\nexport function getSplitViewPanelSibling(el: ISplitViewPanelComponent): SplitViewPanelComponent | undefined {\n  const resizable = el.resizable;\n  if (resizable === 'off') {\n    return undefined;\n  }\n  \n  let sibling: Element | null = el;\n  do {\n    sibling = resizable === 'end' ? sibling.nextElementSibling : sibling.previousElementSibling;\n  } while (sibling instanceof SplitViewPanelComponent && !sibling.open);\n\n  if (sibling instanceof SplitViewPanelComponent) {\n    return sibling;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts a size and unit from a `number` or `string` formatted as a CSS dimension using px or %.\n * A `number` is interpreted to be a pixel value.\n * @param value A `number` or `string` representing a size in pixels or percent.\n * @returns An object containing the parsed size and unit.\n */\nexport function parseSize(value: number | string): { amount: number; unit: 'px' | '%' | '' } {\n  if (!isNaN(+value)) {\n    return { amount: +value, unit: 'px' };\n  }\n\n  // Matches digits with or without decimals, any amount of whitespace, and 'px' or '%'\n  const regex = /(^\\d*\\.?\\d*)\\s*(px|%$)?/i;\n  const parts = (value as string).match(regex);\n  const amount = parts?.[1] ? +parts[1] : -1;\n  const unit = (parts?.[2]?.toLowerCase() ?? '') as 'px' | '%' | '';\n\n  return { amount, unit };\n}\n\n/**\n * Gets a pixel size value from a pixel or percent value.\n * @param value A `number` or `string` representing a size in pixels or percent.\n * @param parentSize The pixel size of the parent container along the relevant axis.\n * @returns A pixel amount.\n */\nexport function getPixelDimension(value: number | string, parentSize: number): number {\n  const parsedSize = parseSize(value);\n\n  if (parsedSize.unit === '%') {\n    return percentToPixels(parsedSize.amount, parentSize);\n  }\n  return parsedSize.amount;\n}\n\n/**\n * Creates a transparent element to overlay on top of the document body, ensuring the split view\n * behaves as expected when dragging over other contexts.\n * @returns An overlay element.\n */\nexport function createOverlay(): HTMLElement {\n  const el = document.createElement('div');\n  el.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.OVERLAY);\n  el.style.position = 'fixed';\n  el.style.top = '0';\n  el.style.left = '0';\n  el.style.width = '100vw';\n  el.style.height = '100vh';\n  el.style.zIndex = '9999';\n  return el;\n}\n", "import { ICustomElementFoundation, isDefined } from '@tylertech/forge-core';\n\nimport { safeMin, scaleValue } from '../../core/utils/utils';\nimport { eventIncludesArrowKey } from '../../core/utils/event-utils';\nimport { ISplitViewPanelOpenEvent, ISplitViewPanelState, SplitViewInputDeviceType, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { ISplitViewUpdateConfig, SplitViewOrientation } from '../split-view/split-view-constants';\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { clampSize, clearState, getPixelDimension, getValuenow, handleBoundariesAfterResize, handleBoundariesDuringResize, initState, keyboardResize, maxResize, minResize, pointerResize, setState } from './split-view-panel-utils';\n\nexport interface ISplitViewPanelFoundation extends Partial<ISplitViewBase>, ICustomElementFoundation {\n  resizable: SplitViewPanelResizable;\n  size: number | string;\n  min: number | string;\n  max: number | string | undefined;\n  accessibleLabel: string;\n  open: boolean;\n  getContentSize(): number;\n  getCollapsibleSize(): number;\n  setContentSize(size: number): void;\n  update(config: ISplitViewUpdateConfig): void;\n}\n\nexport class SplitViewPanelFoundation implements ISplitViewPanelFoundation {\n  // API\n  private _size: number | string = 200;\n  private _min: number | string = 0;\n  private _max: number | string | undefined;\n  private _accessibleLabel = 'Split view panel';\n  private _open = true;\n  private _disabled?: boolean;\n  private _allowClose?: boolean;\n  private _autoClose?: boolean;\n  private _autoCloseThreshold?: number;\n  \n  // State\n  private _state: ISplitViewPanelState = initState();\n  private _isInitialized = false;\n\n  // Properties stored in state\n  private get _orientation(): SplitViewOrientation {\n    return this._state.orientation;\n  }\n  private set _orientation(value: SplitViewOrientation) {\n    this._state.orientation = value;\n  }\n\n  private get _resizable(): SplitViewPanelResizable {\n    return this._state.resizable;\n  }\n  private set _resizable(value: SplitViewPanelResizable) {\n    this._state.resizable = value;\n  }\n\n  private get _pixelMin(): number {\n    return this._state.min;\n  }\n  private set _pixelMin(value: number) {\n    this._state.min = value;\n  }\n\n  private get _pixelMax(): number | undefined {\n    return this._state.max;\n  }\n  private set _pixelMax(value: number | undefined) {\n    this._state.max = value;\n  }\n\n  // Properties inherited from parent split view\n  private _parentProperties: Partial<ISplitViewBase> = {};\n\n  // Applied properties that can be inherited from parent\n  private get _appliedDisabled(): boolean {\n    return this._disabled ?? this._parentProperties.disabled ?? false;\n  }\n\n  private get _appliedAllowClose(): boolean {\n    return this._allowClose ?? this._parentProperties.allowClose ?? false;\n  }\n\n  private get _appliedAutoClose(): boolean {\n    return this._autoClose ?? this._parentProperties.autoClose ?? false;\n  }\n\n  private get _appliedAutoCloseThreshold(): number {\n    return this._autoCloseThreshold ?? this._parentProperties.autoCloseThreshold ?? 0;\n  }\n\n  // Listeners\n  private _pointerdownListener: (evt: PointerEvent) => void;\n  private _pointerupListener: (evt: PointerEvent) => void;\n  private _pointermoveListener: (evt: PointerEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _keyupListener: (evt: KeyboardEvent) => void;\n\n  constructor(private _adapter: ISplitViewPanelAdapter) {\n    this._pointerdownListener = evt => this._onPointerdown(evt);\n    this._pointerupListener = evt => this._onPointerup(evt);\n    this._pointermoveListener = evt => this._onPointermove(evt);\n    this._keydownListener = evt => this._onKeydown(evt);\n    this._keyupListener = evt => this._onKeyup(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._adapter.setPointerdownListener(this._pointerdownListener);\n    this._adapter.setKeydownListener(this._keydownListener);\n    this._getParentProperties();\n    this._applyResizable();\n    this._applyMin();\n    this._applyMax();\n    this._applySize();\n    this._applyAccessibleLabel();\n    this._applyOpen();\n    this._applyDisabled();\n    this._applyAllowClose();\n    this._applyAutoClose();\n    this._applyAutoCloseThreshold();\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.tryRemoveOverlay();\n    this._adapter.removePointerupListener(this._pointerupListener);\n    this._adapter.removePointermoveListener(this._pointermoveListener);\n  }\n\n  /**\n   * Handles a pointerdown event and sets further pointer event listeners.\n   * @param evt The pointer event.\n   */\n  private _onPointerdown(evt: PointerEvent): void {\n    if (this._appliedDisabled || !this._allowResize('pointer')) {\n      return;\n    }\n\n    evt.preventDefault();\n\n    this._adapter.setPointermoveListener(this._pointermoveListener);\n    this._adapter.setPointerupListener(this._pointerupListener);\n    this._handlePointerdown(evt);\n  }\n\n  /**\n   * Handles a pointerup event and removes pointer event listeners.\n   * @param evt The pointer event.\n   */\n  private _onPointerup(evt: PointerEvent): void {\n    evt.preventDefault();\n\n    this._adapter.removePointermoveListener(this._pointermoveListener);\n    this._adapter.removePointerupListener(this._pointerupListener);\n    this._handlePointerup();\n  }\n\n  /**\n   * Handles a pointermove event and removes pointer events if the mouse button is released.\n   * @param evt The pointer event.\n   */\n  private _onPointermove(evt: PointerEvent): void {\n    if (this._appliedDisabled) {\n      return;\n    }\n\n    evt.preventDefault();\n\n    // Detect when the mouse button is released outside of the document\n    if (evt.buttons === 0) {\n      this._adapter.removePointermoveListener(this._pointermoveListener);\n      this._adapter.removePointerupListener(this._pointerupListener);\n      this._handlePointerup();\n      return;\n    }\n\n    this._handlePointermove(evt);\n  }\n\n  /**\n   * Handles a keydown event and sets a keyup listener if an arrow key is pressed.\n   * @param evt The keyboard event.\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (this._appliedDisabled) {\n      return;\n    }\n\n    if (evt.key === 'Enter') {\n      this._handleEnterKey(evt);\n    } else if (evt.key === 'Home' && this._allowResize('keyboard')) {\n      this._handleHomeKey(evt);\n    } else if (evt.key === 'End' && this._allowResize('keyboard')) {\n      this._handleEndKey(evt);\n    } else if (eventIncludesArrowKey(evt) && this._allowResize('keyboard')) {\n      this._adapter.setKeyupListener(this._keyupListener);\n      this._handleArrowKey(evt);\n    }\n  }\n\n  /**\n   * Handles a keyup event and removes the keyup listener if an arrow key was released.\n   * @param evt The keyboard event.\n   */\n  private _onKeyup(evt: KeyboardEvent): void {\n    if (eventIncludesArrowKey(evt)) {\n      this._adapter.removeKeyupListener(this._keyupListener);\n      this._handleArrowKeyUp();\n    }\n  }\n\n  /**\n   * Toggles the open state.\n   * @param evt \n   */\n  private _handleEnterKey(evt: KeyboardEvent): void {\n    if (!this._appliedAllowClose) {\n      return;\n    }\n\n    evt.preventDefault();\n    this._tryOpenOrClose(!this._open, false, true);\n  }\n\n  /**\n   * Sets panel size to the min.\n   * @param evt\n   */\n  private _handleHomeKey(evt: KeyboardEvent): void {\n    evt.preventDefault();\n\n    const size = minResize(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);\n    this._tryAutoClose();\n  }\n\n  /**\n   * Sets panel size to the max.\n   * @param evt\n   */\n  private _handleEndKey(evt: KeyboardEvent): void {\n    evt.preventDefault();\n\n    const size = maxResize(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);\n  }\n\n  /**\n   * Runs resize logic if an arrow key is included in the event.\n   * @param evt \n   */\n  private _handleArrowKey(evt: KeyboardEvent): void {\n    let increment = 0;\n    if (this._orientation === 'horizontal') {\n      switch (evt.key) {\n        case 'ArrowLeft':\n          increment = -1;\n          break;\n        case 'ArrowRight':\n          increment = 1;\n          break;\n        default:\n          return;\n      }\n    } else {\n      switch (evt.key) {\n        case 'ArrowUp':\n          increment = -1;\n          break;\n        case 'ArrowDown':\n          increment = 1;\n          break;\n        default:\n          return;\n      }\n    }\n\n    evt.preventDefault();\n\n    if (this._resizable === 'start') {\n      increment *= -1;\n    }\n    if (evt.shiftKey) {\n      increment *= 10;\n    }\n\n    this._tryHandleArrowKeyDown();\n    this._handleArrowKeyHeld(increment);\n  }\n\n  /**\n   * Sets resize properties when an arrow key is first pressed.\n   */\n  private _tryHandleArrowKeyDown(): void {\n    if (!this._state.arrowKeyHeld) {\n      this._startResize();\n    }\n    this._state.arrowKeyHeld = true;\n  }\n\n  /**\n   * Performs cleanup logic after a keyboard driven resize.\n   */\n  private _handleArrowKeyUp(): void {\n    this._endResize();\n  }\n\n  /**\n   * Resizes the panel by a set amount.\n   * @param increment The pixel change in size.\n   */\n  private _handleArrowKeyHeld(increment: number): void {\n    if (keyboardResize(this._adapter, increment, this._state)) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);\n    }\n  }\n\n  /**\n   * Handles the beginning of a pointer driven resize.\n   * @param evt \n   */\n  private _handlePointerdown(evt: MouseEvent): void {\n    this._adapter.setGrabbed(true);\n    this._adapter.focusHandle();\n    \n    this._startResize();\n    this._state.startPoint = this._orientation === 'horizontal' ? evt.clientX : evt.clientY;\n    handleBoundariesDuringResize(this._adapter, this._state, 'pointer');\n  }\n\n  /**\n   * Handles the end of a pointer driven resize.\n   */\n  private _handlePointerup(): void {\n    this._adapter.setGrabbed(false);\n    this._adapter.deactivateRipple();\n    this._endResize();\n  }\n\n  /**\n   * Resizes the panel from a pointer event.\n   * @param evt \n   */\n  private _handlePointermove(evt: PointerEvent): void {\n    if(pointerResize(this._adapter, evt, this._state)) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);\n    }\n  }\n\n  /**\n   * Emits a will resize event and allows it to be cancelled.\n   * @returns Whether the resize should proceed.\n   */\n  private _allowResize(inputDeviceType: SplitViewInputDeviceType): boolean {\n    return this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_RESIZE, { inputDeviceType }, true, true);\n  }\n\n  /**\n   * Handles common logic to begin a resize.\n   */\n  private _startResize(): void {\n    this._state = setState(this._adapter, this._state);\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_START, this._state.startSize);\n  }\n\n  /**\n   * Handles common logic to end a resize.\n   */\n  private _endResize(): void {\n    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_END, this._state.currentSize);\n    this._adapter.updateParent({ accessibility: this._state.startSize !== this._state.currentSize, cursor: true });\n    this._state = clearState(this._state);\n    this._tryAutoClose();\n  }\n\n  /**\n   * Emits a will open or will close event and sets the panel open or closed if allowed.\n   * @param shouldOpen Whether the panel should open or close. Defaults to `true`.\n   * @param auto Whether the panel auto-opened or auto-closed.\n   * @param userInitiated Whether opening or closing via user action instead of programmatically.\n   */\n  private _tryOpenOrClose(shouldOpen = true, auto = false, userInitiated = false): void {\n    const eventType = shouldOpen ? SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_CLOSE;\n    const event: ISplitViewPanelOpenEvent = {\n      auto,\n      userInitiated\n    };\n    const isAllowed = this._adapter.emitHostEvent(eventType, event, true, true);\n    if (!isAllowed) {\n      return;\n    }\n    this._open = shouldOpen;\n    this._applyOpen(event);\n  }\n\n  /**\n   * Auto close the panel if enabled and within the size threshold.\n   */\n  private _tryAutoClose(): void {\n    const size = this._adapter.getContentSize(this._orientation);\n    if (this._appliedAutoClose && size <= this._appliedAutoCloseThreshold) {\n      this._tryOpenOrClose(false, true, false);\n    }\n  }\n\n  /**\n   * Sets orientation, disabled, disable close, and autoclose to reflect the parent split view.\n   */\n  private _getParentProperties(): void {\n    // Parent disabled state\n    const parentDisabled = this._adapter.getParentProperty('disabled') as boolean;\n    this._parentProperties.disabled = parentDisabled;\n    this._applyParentDisabled();\n\n    // Parent disable close\n    const parentAllowClose = this._adapter.getParentProperty('allowClose') as boolean;\n    this._parentProperties.allowClose = parentAllowClose;\n\n    // Parent auto close\n    const parentAutoClose = this._adapter.getParentProperty('autoClose') as boolean;\n    this._parentProperties.autoClose = parentAutoClose;\n    this._applyParentAutoClose();\n\n    // Parent auto close threshold\n    const parentAutoCloseThreshold = this._adapter.getParentProperty('autoCloseThreshold') as number;\n    this._parentProperties.autoCloseThreshold = parentAutoCloseThreshold;\n    this._applyParentAutoCloseThreshold();\n  }\n\n  private _applyOrientation(): void {\n    this._adapter.setOrientation(this._orientation);\n  }\n\n  /**\n   * Get/set resizable. This affects the side the handle appears on and the direction the panel closes into.\n   */\n  public get resizable(): SplitViewPanelResizable {\n    return this._resizable;\n  }\n  public set resizable(value: SplitViewPanelResizable) {\n    if (this._resizable !== value) {\n      this._resizable = value;\n      this._applyResizable();\n    }\n  }\n\n  private _applyResizable(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, this._resizable);\n    this._adapter.setResizable(this._resizable);\n  }\n\n  /**\n   * Get/set panel size.\n   */\n  public get size(): number | string {\n    return this._size;\n  }\n  public set size(value: number | string) {\n    if (this._size.toString() !== value.toString()) {\n      this._size = value;\n      this._applySize();\n    }\n  }\n\n  private _applySize(): void {\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    const pixelSize = getPixelDimension(this._size, parentSize);\n\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE, this._size.toString());\n    this._adapter.setContentSize(pixelSize);\n    // Wait for the DOM to render to get available space\n    window.requestAnimationFrame(() => {\n      const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);\n      const maxSize = safeMin(this._pixelMax, availableSpace);\n      const newValue = scaleValue(pixelSize, this._pixelMin, maxSize);\n      this._adapter.setValuenow(newValue);\n      this._adapter.updateParent({ cursor: true });\n    });\n  }\n\n  /** Get/set min panel size. */\n  public get min(): number | string {\n    return this._min;\n  }\n  public set min(value: number | string) {\n    if (this._min.toString() !== value.toString()) {\n      this._min = value;\n      this._applyMin();\n    }\n  }\n\n  private _applyMin(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN, this._min.toString());\n\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    this._pixelMin = getPixelDimension(this._min, parentSize);\n\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const size = this._adapter.getContentSize(this._orientation);\n    if (size < this._pixelMin) {\n      this.setContentSize(size);\n    }\n  }\n\n  /** Get/set max panel size. */\n  public get max(): number | string | undefined {\n    return this._max;\n  }\n  public set max(value: number | string | undefined) {\n    if (this._max?.toString() !== value?.toString()) {\n      this._max = value;\n      this._applyMax();\n    }\n  }\n\n  private _applyMax(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX, this._max !== undefined, this._max?.toString());\n\n    if (this._max === undefined) {\n      this._pixelMax = undefined;\n      return;\n    }\n\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    this._pixelMax = getPixelDimension(this._max, parentSize);\n\n    if (this._resizable === 'off') {\n      return;\n    }\n    \n    const size = this._adapter.getContentSize(this._orientation);\n    if (size > this._pixelMax) {\n      this.setContentSize(size);\n    }\n  }\n\n  /**\n   * Get/set the accessible label.\n   */\n  public get accessibleLabel(): string {\n    return this._accessibleLabel;\n  }\n  public set accessibleLabel(value: string) {\n    if (this._accessibleLabel !== value) {\n      this._accessibleLabel = value;\n      this._applyAccessibleLabel();\n    }\n  }\n\n  private _applyAccessibleLabel(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL, this._accessibleLabel);\n    this._adapter.setAccessibleLabel(this._accessibleLabel);\n  }\n\n  /**\n   * Get/set whether the panel is open.\n   */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (this._open !== value) {\n      if (this._isInitialized) {\n        this._tryOpenOrClose(value, false, false);\n        return;\n      }\n\n      this._open = value;\n      const event: ISplitViewPanelOpenEvent | undefined = this._isInitialized ? {\n        auto: false,\n        userInitiated: false\n      } : undefined;\n      this._applyOpen(event);\n    }\n  }\n\n  private _applyOpen(event?: ISplitViewPanelOpenEvent): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN, this._open.toString());\n    this._adapter.setOpen(this._open, this._isInitialized, event);\n  }\n\n  /**\n   * Get/set whether interactions are disabled.\n   */\n  public get disabled(): boolean | undefined {\n    return this._disabled;\n  }\n  public set disabled(value: boolean | undefined) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._applyDisabled();\n    }\n  }\n\n  private _applyDisabled(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED, this._disabled ?? false);\n    this._adapter.setDisabled(this._appliedDisabled);\n  }\n\n  private _applyParentDisabled(): void {\n    if (this._isInitialized && !isDefined(this._disabled)) {\n      this._adapter.setDisabled(this._appliedDisabled);\n    }\n  }\n\n  /**\n   * Get/set whether closing the panel is disabled.\n   */\n  public get allowClose(): boolean | undefined {\n    return this._allowClose;\n  }\n  public set allowClose(value: boolean | undefined) {\n    if (this._allowClose !== value) {\n      this._allowClose = value;\n      this._applyAllowClose();\n    }\n  }\n\n  private _applyAllowClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE, this._allowClose ?? false);\n  }\n\n  /**\n   * Get/set whether the panel closes when a threshold size is reached.\n   */\n  public get autoClose(): boolean | undefined {\n    return this._autoClose;\n  }\n  public set autoClose(value: boolean | undefined) {\n    if (this._autoClose !== value) {\n      this._autoClose = value;\n      this._applyAutoClose();\n    }\n  }\n\n  private _applyAutoClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE, this._autoClose ?? false);\n    if (this._isInitialized) {\n      this._tryAutoClose();\n    }\n  }\n\n  private _applyParentAutoClose(): void {\n    if (this._isInitialized && !isDefined(this._autoClose)) {\n      this._tryAutoClose();\n    }\n  }\n\n  /** Get/set the size at which the panel auto closes. */\n  public get autoCloseThreshold(): number | undefined {\n    return this._autoCloseThreshold;\n  }\n  public set autoCloseThreshold(value: number | undefined) {\n    if (this._autoCloseThreshold !== value) {\n      this._autoCloseThreshold = value;\n      this._applyAutoCloseThreshold();\n    }\n  }\n\n  private _applyAutoCloseThreshold(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD, isDefined(this._autoCloseThreshold), this.autoCloseThreshold?.toString());\n    if (this._isInitialized) {\n      this._tryAutoClose();\n    }\n  }\n\n  private _applyParentAutoCloseThreshold(): void {\n    if (this._isInitialized && !isDefined(this._autoCloseThreshold)) {\n      this._tryAutoClose();\n    }\n  }\n\n  /**\n   * Gets the size of panel content without the handle.\n   * @returns Content size in pixels.\n   */\n  public getContentSize(): number {\n    return this._adapter.getContentSize(this._orientation);\n  }\n\n  /**\n   * Gets how much the panel can shrink from its current size.\n   * @returns The difference between the current and min size in pixels.\n   */\n  public getCollapsibleSize(): number {\n    const parentSize = this._adapter.getParentSize(this._orientation);\n    const pixelMin = getPixelDimension(this._min, parentSize);\n    return this._adapter.getContentSize(this._orientation) - pixelMin;\n  }\n\n  /**\n   * Sets a new size for the content area.\n   * @param size The new content size in pixels.\n   */\n  public setContentSize(size: number): void {\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const newSize = clampSize(size, this._state);\n    this._adapter.setContentSize(newSize);\n    if (this._isInitialized) {\n      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, newSize);\n    }\n  }\n\n  /**\n   * Updates the proved characteristics.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    // Orientation\n    if (config.orientation) {\n      this._orientation = config.orientation;\n      this._applyOrientation();\n    }\n\n    // Parent properties\n    if (config.properties) {\n      if (isDefined(config.properties.disabled) && this._parentProperties.disabled !== config.properties.disabled) {\n        this._parentProperties.disabled = config.properties.disabled;\n        this._applyDisabled();\n      }\n      if (isDefined(config.properties.allowClose)) {\n        this._parentProperties.allowClose = config.properties.allowClose;\n      }\n      if (isDefined(config.properties.autoClose) && this._parentProperties.autoClose !== config.properties.autoClose) {\n        this._parentProperties.autoClose = config.properties.autoClose;\n        if (!isDefined(this._autoClose)) {\n          this._applyAutoClose();\n        }\n      }\n      if (isDefined(config.properties.autoCloseThreshold) && this._parentProperties.autoCloseThreshold !== config.properties.autoCloseThreshold) {\n        this._parentProperties.autoCloseThreshold = config.properties.autoCloseThreshold;\n        if (!isDefined(this._autoCloseThreshold)) {\n          this._applyAutoCloseThreshold();\n        }\n      }\n    }\n\n    // Size\n    if (config.size && this.open) {\n      const parentSize = this._adapter.getParentSize(this._orientation);\n      this._pixelMin = getPixelDimension(this._min, parentSize);\n      this._pixelMax = isDefined(this._max) ? getPixelDimension(this._max as number | string, parentSize) : undefined;\n      this.setContentSize(this._adapter.getContentSize(this._orientation));\n    }\n\n    // The following properties don't apply to non-resizable panels\n    if (this._resizable === 'off') {\n      return;\n    }\n\n    const size = this._adapter.getContentSize(this._orientation);\n    const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);\n\n    // Accessibility\n    if (config.accessibility && this.open) {\n      const valueNow = getValuenow(size, { ...this._state, availableSpace });\n      this._adapter.setValuenow(valueNow);\n    }\n\n    // Contextual cursor\n    if (config.cursor) {\n      handleBoundariesAfterResize(this._adapter, size, { ...this._state, availableSpace });\n    }\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { ISplitViewBase } from '../core';\nimport { SPLIT_VIEW_PANEL_CONSTANTS } from '../split-view-panel/split-view-panel-constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}split-view`;\n\nconst attributes = {\n  ORIENTATION: 'orientation',\n  DISABLED: 'disabled',\n  ALLOW_CLOSE: 'allow-close',\n  AUTO_CLOSE: 'auto-close',\n  AUTO_CLOSE_THRESHOLD: 'auto-close-threshold'\n};\n\nconst classes = {\n  ROOT: 'forge-split-view'\n};\n\nconst ids = {\n  ROOT: 'root'\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  PANEL: SPLIT_VIEW_PANEL_CONSTANTS.elementName\n};\n\nconst numbers = {\n  RESIZE_THROTTLE_THRESHOLD: 200\n};\n\nconst customCssProperties = {\n  ANIMATING_LAYER: '--forge-split-view-animating-layer'\n};\n\nexport const SPLIT_VIEW_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  ids,\n  selectors,\n  numbers,\n  customCssProperties\n};\n\nexport type SplitViewOrientation = 'horizontal' | 'vertical';\n\nexport interface ISplitViewUpdateConfig {\n  accessibility?: boolean;\n  cursor?: boolean;\n  orientation?: SplitViewOrientation;\n  properties?: Partial<ISplitViewBase>;\n  size?: boolean;\n}\n", "import { getShadowElement, playKeyframeAnimation, toggleAttribute } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { ISplitViewPanelComponent } from './split-view-panel';\nimport { ISplitViewPanelCursorConfig, ISplitViewPanelOpenEvent, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { ISplitViewUpdateConfig, SplitViewOrientation, SPLIT_VIEW_CONSTANTS } from '../split-view/split-view-constants';\nimport { ISplitViewComponent } from '../split-view/split-view';\nimport { getCursor, getHandleIcon, createOverlay, getSplitViewPanelSibling } from './split-view-panel-utils';\nimport { IIconComponent } from '../../icon';\nimport { IRippleComponent } from '../../ripple';\n\nexport interface ISplitViewPanelAdapter extends IBaseAdapter {\n  initialize(): void;\n  tryRemoveOverlay(): void;\n  setPointerdownListener(listener: (evt: PointerEvent) => void): void;\n  setPointerupListener(listener: (evt: PointerEvent) => void): void;\n  removePointerupListener(listener: (evt: PointerEvent) => void): void;\n  setPointermoveListener(listener: (evt: PointerEvent) => void): void;\n  removePointermoveListener(listener: (evt: PointerEvent) => void): void;\n  setKeydownListener(listener: (evt: KeyboardEvent) => void): void;\n  setKeyupListener(listener: (evt: KeyboardEvent) => void): void;\n  removeKeyupListener(listener: (evt: KeyboardEvent) => void): void;\n  getParentProperty(name: keyof ISplitViewComponent): unknown;\n  setAccessibleLabel(value: string): void;\n  setDisabled(value: boolean): void;\n  setResizable(value: SplitViewPanelResizable): void;\n  setOrientation(value: SplitViewOrientation): void;\n  setOpen(value: boolean, withAnimation?: boolean, event?: ISplitViewPanelOpenEvent): void;\n  setGrabbed(value: boolean): void;\n  setHandleCursor(orientation?: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void;\n  setBodyCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void;\n  getContentSize(orientation: SplitViewOrientation): number;\n  setContentSize(value: number): void;\n  setValuenow(value: number): void;\n  focusHandle(): void;\n  getAvailableSpace(orientation: SplitViewOrientation, resizable: SplitViewPanelResizable): number;\n  getSiblingContentSize(): number;\n  setSiblingContentSize(value: number): void;\n  activateRipple(defaultActivated: boolean): void;\n  deactivateRipple(): void;\n  getParentSize(orientation: SplitViewOrientation): number;\n  updateParent(config: ISplitViewUpdateConfig): void;\n}\n\nexport class SplitViewPanelAdapter extends BaseAdapter<ISplitViewPanelComponent> implements ISplitViewPanelAdapter {\n  private _root: HTMLElement;\n  private _handle: HTMLElement;\n  private _icon: IIconComponent;\n  private _ripple: IRippleComponent;\n  private _content: HTMLElement;\n  private _parent?: ISplitViewComponent;\n  private _overlay?: HTMLElement;\n\n  constructor(component: ISplitViewPanelComponent) {\n    super(component);\n    this._root = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ROOT);\n    this._handle = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.HANDLE);\n    this._icon = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ICON) as IIconComponent;\n    this._ripple = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.RIPPLE) as IRippleComponent;\n    this._content = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.CONTENT);\n  }\n\n  public initialize(): void {\n    // Set the parent split view\n    const parent = this._component.parentElement;\n    if (parent?.tagName.toLowerCase() === SPLIT_VIEW_CONSTANTS.elementName) {\n      this._parent = parent as ISplitViewComponent;\n    }\n  }\n\n  public tryRemoveOverlay(): void {\n    this._overlay?.remove();\n    this._overlay = undefined;\n  }\n\n  public setPointerdownListener(listener: (evt: PointerEvent) => void): void {\n    this._handle.addEventListener('pointerdown', listener);\n  }\n\n  public setPointerupListener(listener: (evt: PointerEvent) => void): void {\n    document.addEventListener('pointerup', listener);\n  }\n\n  public removePointerupListener(listener: (evt: PointerEvent) => void): void {\n    document.removeEventListener('pointerup', listener);\n  }\n\n  public setPointermoveListener(listener: (evt: PointerEvent) => void): void {\n    document.addEventListener('pointermove', listener);\n  }\n\n  public removePointermoveListener(listener: (evt: PointerEvent) => void): void {\n    document.removeEventListener('pointermove', listener);\n  }\n\n  public setKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.addEventListener('keydown', listener);\n  }\n\n  public setKeyupListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.addEventListener('keyup', listener);\n  }\n\n  public removeKeyupListener(listener: (evt: KeyboardEvent) => void): void {\n    this._handle.removeEventListener('keyup', listener);\n  }\n\n  /**\n   * Gets the specified property value from the parent split view.\n   * @param name The property name.\n   * @returns The value of the property.\n   */\n  public getParentProperty(name: keyof ISplitViewComponent): unknown {\n    return this._parent?.[name];\n  }\n\n  /**\n   * Sets the accessible label of the resize handle.\n   * @param value The label text.\n   */\n  public setAccessibleLabel(value: string): void {\n    this._handle.setAttribute('aria-label', value);\n  }\n\n  /**\n   * Sets the disabled state of the component.\n   * @param value Whether the component is disabled.\n   */\n  public setDisabled(value: boolean): void {\n    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.DISABLED, value);\n    if (this._handle) {\n      this._handle.setAttribute('tabindex', value ? '-1' : '0');\n      toggleAttribute(this._handle, value, 'aria-disabled', 'true');\n    }\n  }\n\n  /**\n   * Sets the whether the component's handle is present and at its start or end.\n   * @param value The component's resizable value.\n   */\n  public setResizable(value: SplitViewPanelResizable): void {\n    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, value.toString());\n    toggleAttribute(this._handle, value !== 'off', 'aria-valuemin', '0');\n    toggleAttribute(this._handle, value !== 'off', 'aria-valuemax', '100');\n\n    if (value === 'off') {\n      return;\n    }\n\n    this._handle.remove();\n    if (value === 'end') {\n      // Place the handle after the content\n      this._root.append(this._handle);\n    } else {\n      // Place the handle before the content\n      this._root.prepend(this._handle);\n    }\n  }\n\n  /**\n   * Sets the orientation of the component including ARIA attributes and the resize handle icon.\n   * @param value The component's orientation.\n   */\n  public setOrientation(value: SplitViewOrientation): void {\n    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ORIENTATION, value);\n    // The divider's orientation is perpendicular to the layout of the component\n    this._handle.setAttribute('aria-orientation', value === 'horizontal' ? 'vertical' : 'horizontal');\n    this._icon.setAttribute('name', getHandleIcon(value));\n  }\n\n  /**\n   * Opens or closes the component.\n   * @param value Whether the component is open.\n   * @param withAnimation Whether to use the animation. Defaults to `true`.\n   */\n  public setOpen(value: boolean, withAnimation = true, event?: ISplitViewPanelOpenEvent): void {\n    const finish = (): void => {\n      if (!value) {\n        this._root.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);\n      }\n      if (event) {\n        this.emitHostEvent(value ? SPLIT_VIEW_PANEL_CONSTANTS.events.DID_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.DID_CLOSE, event);\n      }\n      this._parent?.unlayerSlottedPanels();\n      this._parent?.update({ accessibility: true, cursor: true });\n    };\n\n    if (value && this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {\n      this._root.classList.remove(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);\n\n      if (!withAnimation) {\n        finish();\n        return;\n      }\n\n      this._parent?.layerSlottedPanels(this._component);\n      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.OPENING, true).then(() => {\n        finish();\n      });\n    } else if (!value && !this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {\n\n      if (!withAnimation) {\n        finish();\n        return;\n      }\n\n      this._parent?.layerSlottedPanels(this._component);\n      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSING, true).then(() => {\n        finish();\n      });\n    }\n  }\n\n  /**\n   * Sets the components appearance and accessibility to indicated whether it is currently grabbed\n   * by the user. Applies a cursor style to the document body.\n   * @param value Whether the component is currently being resized via pointer interaction.\n   */\n  public setGrabbed(value: boolean): void {\n    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.GRABBED, value);\n    this._handle.setAttribute('aria-grabbed', value.toString());\n\n    if (value) {\n      if (!this._overlay) {\n        this._overlay = createOverlay();\n      }\n      document.body.append(this._overlay);\n    } else {\n      this._overlay?.remove();\n    }\n  }\n\n  /**\n   * Applies a cursor style to the resize handle. \n   * @param orientation The component's orientation. If absent the cursor will be removed.\n   * @param config The component's resizable value and whether it's at the min or max value.\n   */\n  public setHandleCursor(orientation?: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void {\n    if (orientation) {\n      this._root.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR, getCursor(orientation, config));\n    } else {\n      this._root.style.removeProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR);\n    }\n  }\n\n  /**\n   * Applies a cursor style to the overlay element covering the document body.\n   * @param orientation The component's orientation.\n   * @param config The component's resizable value and whether it's at the min or max value.\n   */\n  public setBodyCursor(orientation: SplitViewOrientation, config?: ISplitViewPanelCursorConfig): void {\n    this._overlay?.style.setProperty('cursor', getCursor(orientation, config));\n  }\n\n  /**\n   * Gets the size of the content along the orientation axis. Does not include the resize handle.\n   * @param orientation The component's orientation.\n   * @returns The width or height of the content in pixels.\n   */\n  public getContentSize(orientation: SplitViewOrientation): number {\n    return orientation === 'horizontal' ? this._content.clientWidth : this._content.clientHeight;\n  }\n\n  /**\n   * Sets the size of the content not including the resize handle.\n   * @param value The width or height of the content in pixels.\n   */\n  public setContentSize(value: number): void {\n    this._component.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.SIZE, `${value}px`);\n  }\n\n  /**\n   * Sets the ARIA attribute representing the size of the content compared to its min and max.\n   * @param value The content size scaled from 0 to 100.\n   */\n  public setValuenow(value: number): void {\n    this._handle.setAttribute('aria-valuenow', value.toFixed(2));\n  }\n\n  /**\n   * Sets focus on the handle element.\n   */\n  public focusHandle(): void {\n    this._handle.focus();\n  }\n\n  /**\n   * Gets the amount of space that the component is allowed to take. This includes the current\n   * size of the component and the size of the sibling it resizes into along the axis of\n   * orientation. The sibling's min and max values are taken into account but the component's are\n   * not.\n   * @param orientation The component's orientation.\n   * @param resizable The component's resizable value.\n   * @returns The amount of space available for the component to resize into in pixels.\n   */\n  public getAvailableSpace(orientation: SplitViewOrientation, resizable: SplitViewPanelResizable): number {\n    if (resizable === 'off') {\n      // Return -1 if the panel is static (i.e. can't be user resized)\n      return -1;\n    }\n    const sibling = getSplitViewPanelSibling(this._component);\n    if (sibling) {\n      const siblingSize = sibling.getCollapsibleSize();\n      return siblingSize + this.getContentSize(orientation);\n    } else {\n      return this.getParentSize(orientation);\n    }\n  }\n\n  /**\n   * Gets the content size of the sibling panel the component resizes into along its axis of\n   * orientation.\n   * @returns The sibling's content size in pixels or 0 if the sibling does not exist.\n   */\n  public getSiblingContentSize(): number {\n    const sibling = getSplitViewPanelSibling(this._component);\n    return sibling?.getContentSize() ?? 0;\n  }\n\n  /**\n   * Sets the content size of the sibling panel the component resizes into along its axis of\n   * orientation.\n   * @returns The sibling's content size in pixels.\n   */\n  public setSiblingContentSize(value: number): void {\n    const sibling = getSplitViewPanelSibling(this._component);\n    sibling?.setContentSize(value);\n  }\n\n  /**\n   * Runs the ripple animation.\n   * @param fromActivated Whether the ripple starts from and should end in an activated state.\n   */\n  public activateRipple(fromActivated: boolean): void {\n    if (fromActivated) {\n      this._ripple.deactivate();\n      // Wait a short amount of time so the animation is distinguishable\n      window.setTimeout(() => {\n        this._ripple.activate();\n      }, SPLIT_VIEW_PANEL_CONSTANTS.numbers.RIPPLE_ACTIVATION_WAIT);\n    } else {\n      this._ripple.activate();\n      this._ripple.deactivate();\n    }\n  }\n\n  /**\n   * Deactivates the ripple.\n   */\n  public deactivateRipple(): void {\n    this._ripple.deactivate();\n  }\n\n  /**\n   * Gets the size of the parent split view along the axis of orientation.\n   * @param orientation The component's orientation.\n   * @returns The parent's size in pixels.\n   */\n  public getParentSize(orientation: SplitViewOrientation): number {\n    const parentSize = orientation === 'horizontal' ? this._parent?.clientWidth : this._parent?.clientHeight;\n    return parentSize ?? 0;\n  }\n\n  /**\n   * Updates the provided characteristics of all panels.\n   * @param config An update configuration.\n   */\n  public updateParent(config: ISplitViewUpdateConfig): void {\n    this._parent?.update(config);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';\nimport { tylIconDragVerticalVariant } from '@tylertech/tyler-icons/extended';\nimport { tylIconDragHandle } from '@tylertech/tyler-icons/standard';\n\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ISplitViewPanelOpenEvent, ISplitViewPanelWillResizeEvent, SplitViewPanelResizable, SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';\nimport { SplitViewPanelFoundation } from './split-view-panel-foundation';\nimport { SplitViewPanelAdapter } from './split-view-panel-adapter';\nimport { ISplitViewUpdateConfig } from '../split-view/split-view-constants';\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { RippleComponent } from '../../ripple';\n\nconst template = '<template><div class=\\\"forge-split-view-panel\\\" id=\\\"root\\\" part=\\\"root\\\"><div class=\\\"forge-split-view-panel__handle\\\" id=\\\"handle\\\" part=\\\"handle\\\" role=\\\"separator\\\" aria-controls=\\\"content\\\" aria-grabbed=\\\"false\\\" tabindex=\\\"0\\\"><forge-icon class=\\\"forge-split-view-panel__icon\\\" id=\\\"icon\\\" part=\\\"icon\\\"></forge-icon><forge-ripple id=\\\"ripple\\\" part=\\\"ripple\\\"></forge-ripple></div><div class=\\\"forge-split-view-panel__content\\\" id=\\\"content\\\" part=\\\"content\\\" role=\\\"group\\\"><slot></slot></div></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uvyx5ut;animation-name:uvyx5ut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uvyx5ut{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uvyx5ut{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uvyx5vd;animation-name:uvyx5vd;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uvyx5vd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uvyx5vd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uvyx5w5;animation-name:uvyx5w5;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uvyx5w5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uvyx5w5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uvyx5wt;animation-name:uvyx5wt;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uvyx5wt{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uvyx5wt{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uvyx5xl;animation-name:uvyx5xl;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uvyx5xl{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uvyx5xl{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uvyx5yd;animation-name:uvyx5yd;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uvyx5yd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uvyx5yd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uvyx5z5;animation-name:uvyx5z5;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uvyx5z5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uvyx5z5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uvyx5zb;animation-name:uvyx5zb;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uvyx5zb{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uvyx5zb{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';\n\nexport interface ISplitViewPanelComponent extends Partial<ISplitViewBase>, IBaseComponent {\n  resizable: SplitViewPanelResizable;\n  size: number | string;\n  min: number | string;\n  max: number | string | undefined;\n  accessibleLabel: string;\n  open: boolean;\n  getContentSize(): number;\n  getCollapsibleSize(): number;\n  setContentSize(size: number): void;\n  update(config: ISplitViewUpdateConfig): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-split-view-panel': ISplitViewPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-split-view-panel-will-resize': CustomEvent<ISplitViewPanelWillResizeEvent>;\n    'forge-split-view-panel-resize-start': CustomEvent<null>;\n    'forge-split-view-panel-resize-end': CustomEvent<null>;\n    'forge-split-view-panel-resize': CustomEvent<number>;\n    'forge-split-view-panel-will-open': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-will-close': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-did-open': CustomEvent<ISplitViewPanelOpenEvent>;\n    'forge-split-view-panel-did-close': CustomEvent<ISplitViewPanelOpenEvent>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-split-view-panel>` element.\n * \n * @tag forge-split-view-panel\n */\n@CustomElement({\n  name: SPLIT_VIEW_PANEL_CONSTANTS.elementName,\n  dependencies: [\n    IconComponent,\n    RippleComponent\n  ]\n})\nexport class SplitViewPanelComponent extends BaseComponent implements ISplitViewPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE,\n      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD\n    ];\n  }\n\n  private _foundation: SplitViewPanelFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconDragVerticalVariant, tylIconDragHandle]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new SplitViewPanelFoundation(new SplitViewPanelAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE:\n        this.resizable = newValue as SplitViewPanelResizable;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE:\n        this.size = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN:\n        this.min = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX:\n        if (newValue) {\n          this.max = newValue;\n        } else {\n          this.max = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL:\n        this.accessibleLabel = newValue;\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED:\n        if (this.hasAttribute(name)) {\n          this.disabled = coerceBoolean(newValue);\n        } else {\n          this.disabled = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE:\n        if (this.hasAttribute(name)) {\n          this.allowClose = coerceBoolean(newValue);\n        } else {\n          this.allowClose = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE:\n        if (this.hasAttribute(name)) {\n          this.autoClose = coerceBoolean(newValue);\n        } else {\n          this.autoClose = undefined;\n        }\n        break;\n      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD:\n        if (newValue) {\n          this.autoCloseThreshold = coerceNumber(newValue);\n        } else {\n          this.autoCloseThreshold = undefined;\n        }\n        break;\n    }\n  }\n\n  /**\n   * Controls which side of the panel the resize handle appears on.\n   */\n  @FoundationProperty()\n  public resizable: SplitViewPanelResizable;\n\n  /**\n   * The initial size along the axis of orientation.\n   */\n  @FoundationProperty()\n  public size: number | string;\n\n  /**\n   * The smallest size the panel can take along its axis of orientation.\n   */\n  @FoundationProperty()\n  public min: number | string;\n\n  /**\n   * The largest size the panel can take along its axis of orientation.\n   */\n  @FoundationProperty()\n  public max: number | string | undefined;\n\n  /**\n   * The ARIA label given to the resize handle.\n   */\n  @FoundationProperty()\n  public accessibleLabel: string;\n\n  /**\n   * Controls the open state of the panel.\n   */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Whether resize interactions are disabled or enabled.\n   */\n  @FoundationProperty()\n  public disabled?: boolean;\n\n  /**\n   * Whether the panel can be closed via keyboard interaction.\n   */\n  @FoundationProperty()\n  public allowClose?: boolean;\n\n  /**\n   * Whether the panel automatically closes when it reaches a size of 0.\n   */\n  @FoundationProperty()\n  public autoClose?: boolean;\n\n  /**\n   * The size at which the panel auto closes.\n   */\n  @FoundationProperty()\n  public autoCloseThreshold?: number;\n\n  /**\n   * Gets the size of content along the axis of orientation.\n   * @returns The size of content in pixels.\n   */\n  public getContentSize(): number {\n    return this._foundation.getContentSize();\n  }\n\n  /**\n   * Gets the amount that the content can shrink along the axis of orientation before reaching its\n   * min size.\n   * @returns The amount that content can shrink in pixels.\n   */\n  public getCollapsibleSize(): number {\n    return this._foundation.getCollapsibleSize();\n  }\n\n  /**\n   * Sets the size of content along the axis of orientation.\n   * @param size The new size of content in pixels.\n   */\n  public setContentSize(size: number): void {\n    this._foundation.setContentSize(size);\n  }\n\n  /**\n   * Updates the provided characteristics.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    this._foundation.update(config);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SplitViewPanelComponent } from './split-view-panel';\n\nexport * from './split-view-panel-adapter';\nexport * from './split-view-panel-constants';\nexport * from './split-view-panel-foundation';\nexport * from './split-view-panel';\nexport * from './split-view-panel-utils';\n\nexport function defineSplitViewPanelComponent(): void {\n  defineCustomElement(SplitViewPanelComponent);\n}\n"],
   "mappings": "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",
   "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "ids", "selectors", "events", "numbers", "customCssProperties", "SPLIT_VIEW_PANEL_CONSTANTS", "SplitViewAnimatingLayer", "initState", "setState", "adapter", "state", "currentSize", "__spreadProps", "__spreadValues", "clearState", "pointerResize", "evt", "initialSize", "evtPoint", "delta", "size", "clampSize", "handleBoundariesDuringResize", "getValuenow", "siblingDelta", "resizeSibling", "keyboardResize", "increment", "minResize", "maxResize", "availableSpace", "max", "safeMin", "siblingSize", "inputDevice", "handleBoundariesAfterResize", "scaleValue", "getCursor", "orientation", "config", "getHandleIcon", "getSplitViewPanelSibling", "el", "resizable", "sibling", "SplitViewPanelComponent", "parseSize", "value", "_a", "_b", "regex", "parts", "amount", "unit", "getPixelDimension", "parentSize", "parsedSize", "percentToPixels", "createOverlay", "SPLIT_VIEW_PANEL_CONSTANTS", "SplitViewPanelFoundation", "_adapter", "initState", "evt", "value", "_a", "_b", "eventIncludesArrowKey", "size", "minResize", "SPLIT_VIEW_PANEL_CONSTANTS", "maxResize", "increment", "keyboardResize", "handleBoundariesDuringResize", "pointerResize", "inputDeviceType", "setState", "clearState", "shouldOpen", "auto", "userInitiated", "eventType", "event", "parentDisabled", "parentAllowClose", "parentAutoClose", "parentAutoCloseThreshold", "parentSize", "pixelSize", "getPixelDimension", "availableSpace", "maxSize", "safeMin", "newValue", "scaleValue", "isDefined", "pixelMin", "newSize", "clampSize", "config", "valueNow", "getValuenow", "__spreadProps", "__spreadValues", "handleBoundariesAfterResize", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "ids", "selectors", "SPLIT_VIEW_PANEL_CONSTANTS", "numbers", "customCssProperties", "SPLIT_VIEW_CONSTANTS", "SplitViewPanelAdapter", "BaseAdapter", "component", "getShadowElement", "SPLIT_VIEW_PANEL_CONSTANTS", "parent", "SPLIT_VIEW_CONSTANTS", "_a", "listener", "name", "value", "toggleAttribute", "getHandleIcon", "withAnimation", "event", "_b", "finish", "playKeyframeAnimation", "createOverlay", "orientation", "config", "getCursor", "resizable", "sibling", "getSplitViewPanelSibling", "fromActivated", "parentSize", "template", "styles", "SplitViewPanelComponent", "BaseComponent", "IconRegistry", "tylIconDragVerticalVariant", "tylIconDragHandle", "attachShadowTemplate", "SplitViewPanelFoundation", "SplitViewPanelAdapter", "SPLIT_VIEW_PANEL_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "size", "config", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent", "RippleComponent", "defineSplitViewPanelComponent", "defineCustomElement", "SplitViewPanelComponent"]
 }

package/dist/esm/chunks/chunk.SYZB7B4F.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as k}from"./chunk.6YPD6CQM.js";import{a as X}from"./chunk.ZIB7L7DZ.js";import{a as b}from"./chunk.7G72CBOJ.js";import{a as Y,b as J}from"./chunk.5IVB5L5Z.js";import{a as Q}from"./chunk.IDD54B5P.js";import{a as z}from"./chunk.LEVFMI2Q.js";import{g as O,h as I}from"./chunk.FYWPZFLJ.js";import{a as j,d as q}from"./chunk.H5D54EHO.js";import{d as $}from"./chunk.DTZFWZPB.js";import{f as H}from"./chunk.NK7H3MMM.js";import{d as R,e as M,f as B,i as U,x as K}from"./chunk.CFDK4RCW.js";import{b as _,d as V,h as P,j as v,n as g,p as G}from"./chunk.J2M2MXP2.js";import{a as A}from"./chunk.M3QDAYD2.js";var he={POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",CONSTRAIN_POPUP_WIDTH:"constrain-popup-width",WRAP_OPTION_TEXT:"wrap-option-text",CHECKBOX_ELEMENT:"data-list-dropdown-checkbox",DATA_ALLOW_FOCUS:"data-list-dropdown-allow-focus"},me={GROUP_WRAPPER:"forge-list-dropdown__group-wrapper"},u={attributes:he,classes:me},Z={options:[],syncWidth:!1,selectedValues:[],multiple:!1},ee=(o=>(o.None="none",o.Standard="standard",o.Menu="menu",o))(ee||{}),te=(t=>(t.Spinner="spinner",t.Skeleton="skeleton",t))(te||{});var E=class{constructor(){this._listenerMap=new Map}_emit(e,t){let o=this._listenerMap.get(e);o&&o.length&&o.forEach(n=>n({type:e,data:t}))}hasListeners(e){return e?this._listenerMap.has(e):this._listenerMap.size>0}addListener(e,t){if(!this._listenerMap.has(e))this._listenerMap.set(e,[t]);else{let o=this._listenerMap.get(e);o&&o.push(t)}}removeListener(e,t){let o=this._listenerMap.get(e);o&&o.length&&o.includes(t)&&(o.splice(o.indexOf(t),1),o.length||this._listenerMap.delete(e))}};var f;(function(i){i.Up="up",i.Down="down",i.Left="left",i.Right="right"})(f||(f={}));var c;(function(i){i.Scroll="scroll",i.Scrolled="scrolled",i.ScrolledStart="scrolled-start",i.ScrolledEnd="scrolled-end"})(c||(c={}));var _e=100,w=class extends E{constructor(e,t={}){super(),this._element=e,this._config=t,this._axis="vertical",this._scrollThreshold=0,this._lastScrollPosition=0,this._lastScrollTop=0,this._lastScrollLeft=0,this._isListening=!1,this._initialize()}destroy(){this.stop()}start(){this._isListening||(this._element.addEventListener("scroll",this._scrollListener),this._isListening=!0)}stop(){this._element.removeEventListener("scroll",this._scrollListener),this._isListening=!1}_initialize(){if(this._config.throttle){let e=this._config.throttleTime||_e;this._scrollListener=G(()=>this._onScroll(),e)}else this._scrollListener=()=>this._onScroll();(!_(this._config.paused)||!this._config.paused)&&this.start(),_(this._config.axis)&&(this._axis=this._config.axis),_(this._config.scrollThreshold)&&V(this._config.scrollThreshold)&&(this._scrollThreshold=this._config.scrollThreshold)}_isScrollAxis(){let e=this._lastScrollTop!==this._element.scrollTop,t=this._lastScrollLeft!==this._element.scrollLeft;return this._axis==="vertical"&&e||this._axis==="horizontal"&&t}_onScroll(){if(!this._isScrollAxis())return;let e=this.scrollPosition,t=this._lastScrollPosition-e<0?this._axis==="vertical"?f.Down:f.Right:this._axis==="vertical"?f.Up:f.Left;this._emit(c.Scroll,{direction:t,position:e}),this._lastScrollPosition<=this._scrollThreshold&&e>this._scrollThreshold?this._emit(c.Scrolled,!0):this._lastScrollPosition>=this._scrollThreshold&&(this._scrollThreshold>0?e<this._scrollThreshold:e===0)&&this._emit(c.Scrolled,!1);let o=Math.round(e-this._scrollThreshold),n=Math.round(this.scrollSize-e);this._lastScrollPosition>=this._scrollThreshold&&o<=0?this._emit(c.ScrolledStart):this._lastScrollPosition<=this.scrollSize-this._scrollThreshold&&n<=this._scrollThreshold&&this._emit(c.ScrolledEnd),this._lastScrollPosition=e||0,this._lastScrollTop=this._element.scrollTop||0,this._lastScrollLeft=this._element.scrollLeft||0}get scrollPosition(){return this._axis==="vertical"?this._element.scrollTop:this._element.scrollLeft}get isScrolled(){return this.scrollPosition>this._scrollThreshold}get isScrolledStart(){return this.scrollPosition===0}get isScrolledEnd(){return this.scrollPosition===this._element.scrollWidth}get isScrollable(){return this._axis==="vertical"?this._element.scrollHeight>this._element.clientHeight:this._element.scrollWidth>this._element.clientWidth}get scrollSize(){return(this._axis==="vertical"?this._element.scrollHeight:this._element.scrollWidth)-this.elementSize}get elementSize(){return this._axis==="vertical"?this._element.clientHeight:this._element.clientWidth}setScrollPosition(e){this._axis==="vertical"?this._element.scrollTop=e:this._element.scrollLeft=e}};function oe(i,e){let t=fe(i,e),o=`list-dropdown-popup-${i.id}`;switch(t.addEventListener("mousedown",n=>{let a=z(n);if(a.find(h=>h.nodeType===1&&h.hasAttribute(u.attributes.DATA_ALLOW_FOCUS)))return;a.find(h=>h.id===o||h.id===i.id)&&n.preventDefault()}),i.type){case"menu":t.setAttribute("role","menu"),t.setAttribute("aria-orientation","vertical");break;default:t.setAttribute("role","listbox")}return i.id&&(t.id=o),i.popupClasses&&B(i.popupClasses,t),t}function fe(i,e){var o;let t=document.createElement("forge-popup");switch(t.targetElement=e,t.placement=i.popupPlacement||"bottom-start",t.manageFocus=!1,t.static=!!i.popupStatic,(o=i.popupFallbackPlacements)!=null&&o.length&&(t.fallbackPlacements=i.popupFallbackPlacements),i.constrainViewportWidth&&t.setAttribute(b.attributes.CONSTRAIN_VIEWPORT_WIDTH,""),i.popupOffset&&(t.offset=i.popupOffset),i.type){case"menu":t.animationType="menu";break;case"none":t.animationType="none";break;default:t.animationType="dropdown"}return t}function ne(i){let e=document.createElement(Y.elementName);return e.id=`list-dropdown-list-${i.id}`,e.propagateClick=!1,e}function y(i,e,t,o=0,n=!0){let a=ge(t||i.options),d=N(a),L=!!i.optionLimit,h=i.optionLimit||0,ae=o;for(let m of a){let x=e;if(m.builder&&typeof m.builder=="function"){let s=m.builder(m);if(s){let p=document.createElement("div");p.classList.add(u.classes.GROUP_WRAPPER),x=p,typeof s=="string"?p.innerHTML=s:s instanceof HTMLElement&&p.appendChild(s),e.appendChild(p)}}else if(m.text){let s=document.createElement("div");s.classList.add(u.classes.GROUP_WRAPPER);let p=document.createElement("div");p.textContent=m.text,p.classList.add("forge-typography--overline"),p.style.fontFamily="Roboto,sans-serif",p.style.fontSize="0.75rem",p.style.lineHeight="2rem",p.style.letterSpacing="0.16667em",p.style.fontWeight="500",p.style.margin="4px 8px",x=s,s.appendChild(p),e.appendChild(s)}for(let s of m.options){if(s.divider){let r=ve();e.appendChild(r);continue}if(L&&--h<0)break;let p=i.selectedValues?i.selectedValues.some(r=>g(r,s.value)):!1;if(!n&&p)continue;let l=document.createElement("forge-list-item");switch(l.value=s.value,l.id=`list-dropdown-option-${i.id}-${ae++}`,l.style.cursor="pointer",i.wrapOptionText&&(l.wrap=!0),s.optionClass&&(typeof s.optionClass=="string"||Array.isArray(s.optionClass)&&s.optionClass.length)&&B(s.optionClass,l),i.type){case"menu":l.setAttribute("role","menuitem");break;case"none":break;default:l.setAttribute("role","option")}if(i.dense&&(l.dense=!0),i.optionBuilder&&typeof i.optionBuilder=="function"){let r=i.optionBuilder(s,l);r&&(typeof r=="string"?l.innerHTML=r:l.appendChild(r))}else if(typeof i.transform!="function")l.textContent=s.label||"";else{let r=i.transform(s.label);typeof r=="string"?l.textContent=r:typeof r=="object"&&r.nodeType!==void 0&&l.appendChild(r)}if(i.multiple){let r=C(p);l.appendChild(r),l.setAttribute("aria-selected",`${p}`),l.setAttribute("aria-checked",`${p}`)}if(s.elementAttributes&&s.elementAttributes.forEach((r,F)=>{l.setAttribute(F,r)}),s.leadingBuilder){let r=s.leadingBuilder();v(r)&&(r.slot="leading",l.appendChild(r))}else if(s.leadingIcon){let r=ie(s.leadingIconType,s.leadingIcon,s.leadingIconClass||i.iconClass);r.slot="leading",l.appendChild(r)}if(s.trailingBuilder){let r=s.trailingBuilder();v(r)&&(r.slot="trailing",l.appendChild(r))}else if(s.trailingIcon){let r=ie(s.trailingIconType,s.trailingIcon,s.trailingIconClass||i.iconClass);r.slot="trailing",l.appendChild(r)}if(s.disabled?(l.disabled=s.disabled,l.setAttribute("aria-disabled","true")):(l.style.cursor="pointer",l.setAttribute("aria-disabled","false")),p&&(l.selected=!0),l.setAttribute("aria-selected",p?"true":"false"),!s.disabled&&typeof i.cascadingElementFactory=="function"&&Array.isArray(s.options)&&s.options.length){let r=document.createElement("forge-icon");r.name="arrow_right",r.slot="trailing",l.appendChild(r);let ce={index:d.filter(ue=>!ue.divider).indexOf(s),options:s.options,parentValue:s.value},W=i.cascadingElementFactory.call(null,ce);W.appendChild(l),l=W}x.appendChild(l)}}}function C(i){let e=document.createElement("forge-icon");return e.setAttribute(u.attributes.CHECKBOX_ELEMENT,""),e.name=i?I.name:O.name,e.slot="leading",e.style.marginRight="16px",e.style.verticalAlign="middle",e}function ve(){let i=document.createElement("forge-divider");return i.setAttribute("aria-hidden","true"),i}function ie(i="font",e,t){if(i==="component"){let n=document.createElement("forge-icon");return t&&n.classList.add(t),n.setAttribute("aria-hidden","true"),n.name=e,n}let o=document.createElement("i");return o.classList.add(t||$),o.setAttribute("aria-hidden","true"),o.textContent=e,o}function se(i){switch(i){case"skeleton":return Le();default:return be()}}function be(){let i=document.createElement("div");i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.padding="8px",i.style.boxSizing="border-box";let e=document.createElement("forge-circular-progress");return e.style.setProperty("--forge-circular-progress-size","24px"),i.appendChild(e),i}function Le(){let i=document.createElement("forge-list"),e=document.createElement("div");e.style.minWidth="192px";for(let t=0;t<3;t++){let o=document.createElement(Q.elementName);o.setAttribute("list-item",""),e.appendChild(o)}return i.appendChild(e),i}function re(){let i=document.createElement(X.elementName);return i.determinate=!1,i.style.position="absolute",i.style.top="0",i.style.left="0",i.style.right="0",i.style.width="100%",i}function ge(i){return le(i,1)?i:[{text:"",options:i}]}function le(i,e){let t=i.some(n=>_(n)&&v(n)&&n.hasOwnProperty("options")&&(n.hasOwnProperty("text")||n.hasOwnProperty("builder"))),o=i.some(n=>_(n)&&v(n)&&n.hasOwnProperty("label")&&n.hasOwnProperty("value"));return t&&e===1||o&&e===0}function N(i){return le(i,1)?i.reduce((t,o)=>t.concat(o.options),[]):[...i]}var S=class{constructor(e,t){this._adapter=e;this._open=!1;this._config=Object.assign(A({},Z),A({},t)),this._selectListener=(o,n)=>this._onSelect(o,n),this._closeListener=()=>{typeof this._config.closeCallback=="function"&&this._config.closeCallback()},this._scrollEndListener=()=>{this._config.observeScroll&&typeof this._config.scrollEndListener=="function"&&this._config.scrollEndListener()}}destroy(){this._open&&this.close()}open(){this._open||(this._open=!0,this._adapter.open(this._config,this._selectListener,this._closeListener),window.requestAnimationFrame(()=>{this._open&&this.activateInitialOption()}),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0))}close(){this._open&&(this._open=!1,this._adapter.close(),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.removeScrollBottomListener(this._scrollEndListener))}_onSelect(e,t){if(typeof this._config.activeChangeCallback=="function"&&this._config.activeChangeCallback(t),typeof this._config.selectCallback=="function"&&this._config.selectCallback(e),this._open){let o=this._config.syncWidth===void 0;this._adapter.syncWidth(o)}}getActiveOptionIndex(){return this._adapter.getActiveOptionIndex()}getActiveOption(){let e=this.getActiveOptionIndex();return e>=0?this._nonDividerOptions[e]:void 0}toggleOptionMultiple(e,t){return this._adapter.toggleOptionMultiple(e,t)}activateSelectedOption(){this._adapter.activateSelectedOption(this._config)}activateFirstOption(){let e=this._nonDividerOptions.findIndex(t=>!t.disabled);return e!==-1&&this.activateOption(e),e}activateLastOption(){let e=this._nonDividerOptions,t=e.length-1-e.findIndex(o=>!o.disabled);return t!==-1&&this.activateOption(t),t}activateOption(e,t){return this._adapter.activateOption(e,this._config.activeChangeCallback,t)}activateInitialOption(){typeof this._config.activeStartIndex=="number"&&this._nonDividerOptions[this._config.activeStartIndex]?(this.activateOption(this._config.activeStartIndex,!1),this._adapter.scrollSelectedOptionIntoView(!1)):this._config.selectedValues&&this._config.selectedValues.length?this._adapter.scrollSelectedOptionIntoView(!1):typeof this._config.visibleStartIndex=="number"&&this._nonDividerOptions[this._config.visibleStartIndex]&&this._adapter.scrollOptionIntoView(this._config.visibleStartIndex)}setSelectedValues(e){Array.isArray(e)||(e=[e]),!this._config.multiple&&e.length>1&&(e=[e[0]]),this._config.selectedValues=e,this._adapter.setSelectedValues(e,this._config.multiple)}clearActiveOption(){this._adapter.clearActiveOption()}setOptions(e){this._config.options=e,this._open&&(this._adapter.setOptions(this._config),this.activateInitialOption())}appendOptions(e){this._config.options=[...this._config.options,...e],this._open&&this._adapter.appendOptions(e,this._config)}get dropdownElement(){return this._adapter.dropdownElement}scrollSelectedOptionIntoView(e=!0){this._adapter.scrollSelectedOptionIntoView(e)}setScrollBottomListener(e,t){this._config.scrollEndListener=e,this._config.observeScroll=!0,this._config.observeScrollThreshold=t,this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0)}removeScrollBottomListener(){this._config.scrollEndListener=void 0,this._adapter.removeScrollBottomListener(this._scrollEndListener)}setBusyVisibility(e){this._config.allowBusy&&this._adapter.setBusyVisibility(e)}handleKey(e){switch(e){case"Enter":case"NumpadEnter":let t=this.getActiveOptionIndex(),o=this._nonDividerOptions[t];if(this._canSelectOption(o)){let d=this._adapter.getActiveOptionIdByIndex(t);d&&this._onSelect(o.value,d)}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":let n=this._nonDividerOptions;if(n.length&&n.every(d=>!this._canSelectOption(d)))return;let a=this._getNextActiveOptionIndex(e);this.activateOption(a);break;case"Home":this.activateFirstOption();break;case"End":this.activateLastOption();break}}_canSelectOption(e){return e&&!e.disabled&&!e.divider}_getNextActiveOptionIndex(e){let t=this._adapter.getActiveOptionIndex();return t===-1&&(t=this._adapter.getSelectedOptionIndex()),e==="ArrowUp"||e==="Up"?this._getPreviousHighlightableOptionIndex(t,this._nonDividerOptions):this._getNextHighlightableOptionIndex(t,this._nonDividerOptions)}_getPreviousHighlightableOptionIndex(e,t){let o=e<=0?t.length-1:e-1;return t[o].disabled?this._getPreviousHighlightableOptionIndex(o,t):o}_getNextHighlightableOptionIndex(e,t){let o=e===t.length-1?0:e+1;return t[o].disabled?this._getNextHighlightableOptionIndex(o,t):o}get _flatOptions(){return N(this._config.options)}get _nonDividerOptions(){return this._flatOptions.filter(e=>!e.divider)}};var D=class{constructor(e){this._targetElement=e}get dropdownElement(){return this._dropdownElement}open(e,t,o){this._dropdownElement=oe(e,this._targetElement),this.syncWidth(!!e.syncWidth,e.targetWidthCallback),e.allowBusy&&(this._busyElement=re(),this._busyElement.style.display="none",this._dropdownElement.appendChild(this._busyElement)),e.headerBuilder&&(this._headerElement=e.headerBuilder(),this._headerElement&&this._headerElement.setAttribute(u.attributes.DATA_ALLOW_FOCUS,"")),e.footerBuilder&&(this._footerElement=e.footerBuilder(),this._footerElement&&this._footerElement.setAttribute(u.attributes.DATA_ALLOW_FOCUS,"")),this._listElement=ne(e),this._listElement.addEventListener("forge-list-item-select",n=>{n.detail.listItem.setAttribute("aria-selected","true"),t(n.detail.value,n.detail.listItem.id)}),e.options.length?(y(e,this._listElement),this._dropdownElement.appendChild(this._listElement),this._headerElement&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&this._dropdownElement.appendChild(this._footerElement)):e.allowBusy&&(this._asyncElement=se(e.asyncStyle),this._dropdownElement.appendChild(this._asyncElement)),this._announcerElement=k(),this._announcerElement.id=`${e.id}-activedescendant`,this._dropdownElement.appendChild(this._announcerElement),this._dropdownElement.open=!0}close(){this._dropdownElement&&(this._dropdownElement.open=!1,this._dropdownElement=void 0,this._listElement=void 0,this._announcerElement=void 0)}setScrollBottomListener(e,t){if(this._dropdownElement&&!this._scrollObserver){let o=H(this._dropdownElement,b.selectors.CONTAINER),n={scrollThreshold:t};this._scrollObserver=new w(o,n),this._scrollObserver.addListener(c.ScrolledEnd,e)}}removeScrollBottomListener(e){this._scrollObserver&&this._scrollObserver.removeListener(c.ScrolledEnd,e)}getActiveOptionIndex(){if(!this._dropdownElement)return-1;let e=this._getListItemElements(),t=[...e].reverse().find(o=>o.active);return t?e.indexOf(t):-1}getSelectedOptionIndex(){return this._getListItemElements().findIndex(t=>t.selected)}getActiveOptionIdByIndex(e){if(!this._dropdownElement)return null;let o=this._getListItemElements()[e];return o?o.id:null}toggleOptionMultiple(e,t){if(!this._dropdownElement)return;let o=this._getListItemElements();o.length&&o[e]&&this._toggleSelectedOption(o[e],t)}scrollOptionIntoView(e,t=!0){let o=this._getListItemElements()[e];o&&this._scrollListItemIntoView(o,t?"smooth":"auto","center")}scrollSelectedOptionIntoView(e=!0){let t=this._getSelectedListItem();this._scrollListItemIntoView(t,e?"smooth":"auto","center")}activateSelectedOption(e){let t=this._getListItemElements();t.length&&t.filter(a=>a.active).forEach(a=>a.active=!1);let o=this._getSelectedListItem();o&&this._activateListOption(o,e.activeChangeCallback)}activateOption(e,t,o=!0){if(!this._dropdownElement)return;let n=this._getListItemElements();n.length&&(n.filter(d=>d.active).forEach(d=>d.active=!1),this._activateListOption(n[e],t),this._scrollListItemIntoView(n[e],o?"smooth":"auto"))}setSelectedValues(e,t=!1){if(!this._dropdownElement)return;let o=this._getListItemElements();for(let n of o){let a=e.some(d=>g(d,n.value));if(n.selected=a,t){let d=n.querySelector(`[${u.attributes.CHECKBOX_ELEMENT}]`);if(d){let L=C(a);M(L,d)}}}}clearActiveOption(){this._getListItemElements().forEach(t=>t.active=!1)}syncWidth(e,t){this._dropdownElement&&(this._dropdownElement.style[e?"width":"minWidth"]=`${this._getTargetElementWidth(t)}px`)}setOptions(e){!this._dropdownElement||!this._listElement||(this._asyncElement&&this._asyncElement.isConnected&&U(this._asyncElement),this._busyElement&&(this._busyElement.style.display="none"),this._listElement.isConnected||this._dropdownElement.appendChild(this._listElement),R(this._listElement),y(e,this._listElement),this._headerElement&&!this._headerElement.isConnected&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&!this._footerElement.isConnected&&this._dropdownElement.insertAdjacentElement("beforeend",this._footerElement),"position"in this._dropdownElement&&typeof this._dropdownElement.position=="function"&&this._dropdownElement.position())}appendOptions(e,t){!this._dropdownElement||!this._listElement||y(t,this._listElement,e,this._listElement.childElementCount,!1)}setBusyVisibility(e){this._dropdownElement&&(e?this._busyElement.style.removeProperty("display"):this._busyElement.style.display="none")}getScreenWidth(){return window.innerWidth}_getListItemElements(){return this._dropdownElement?Array.from(this._dropdownElement.querySelectorAll(J.elementName)):[]}_toggleSelectedOption(e,t){if(!this._dropdownElement)return;let o=this._getListItemElements();if(o.length){let a=o.filter(d=>d!==e&&d.active);a.length&&a.forEach(d=>d.active=!1)}e.selected=t,e.setAttribute("aria-selected",`${t}`),e.setAttribute("aria-checked",`${t}`),t&&(e.active=!0);let n=e.querySelector(`${j.elementName}[slot=leading]`);if(n){let a=C(t);M(a,n)}}_getTargetElementWidth(e){return e&&P(e)?e():this._targetElement.getBoundingClientRect().width}_activateListOption(e,t){e&&!e.disabled&&(e.active=!0,t&&P(t)&&t(e.id))}_scrollListItemIntoView(e,t="auto",o="nearest"){if(e&&this._dropdownElement&&this._dropdownElement.isConnected){let n=H(this._dropdownElement,b.selectors.CONTAINER);n&&K(n,e,t,o)}}_getSelectedListItem(){return this._getListItemElements().find(t=>t.selected)}};var pe=class{constructor(e,t){this._targetElement=e;q.define([I,O]),this._foundation=new S(new D(this._targetElement),t)}destroy(){this._foundation.destroy()}open(){this._foundation.open()}close(){this._foundation.close()}getActiveOptionIndex(){return this._foundation.getActiveOptionIndex()}getActiveOption(){return this._foundation.getActiveOption()}toggleOptionMultiple(e,t){return this._foundation.toggleOptionMultiple(e,t)}activateSelectedOption(){this._foundation.activateSelectedOption()}activateFirstOption(){return this._foundation.activateFirstOption()}activateOption(e){return this._foundation.activateOption(e)}activateInitialOption(){return this._foundation.activateInitialOption()}clearActiveOption(){this._foundation.clearActiveOption()}setSelectedValues(e){return this._foundation.setSelectedValues(e)}get dropdownElement(){return this._foundation.dropdownElement}setOptions(e){this._foundation.setOptions(e)}appendOptions(e){this._foundation.appendOptions(e)}scrollSelectedOptionIntoView(e){this._foundation.scrollSelectedOptionIntoView()}setScrollBottomListener(e,t){this._foundation.setScrollBottomListener(e,t)}removeScrollBottomListener(){this._foundation.removeScrollBottomListener()}setBusyVisibility(e){this._foundation.setBusyVisibility(e)}handleKey(e){this._foundation.handleKey(e)}};var T=class{constructor(){this._popupClasses=[];this._syncPopupWidth=!1;this._optionLimit=0;this._observeScroll=!1;this._observeScrollThreshold=0;this._constrainPopupWidth=!0;this._wrapOptionText=!1}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth=e}get popupClasses(){return this._popupClasses}set popupClasses(e){typeof e=="string"&&(e=[e]),Array.isArray(e)&&(this._popupClasses=e)}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit=e}get popupHeaderBuilder(){return this._popupHeaderBuilder}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}get popupFooterBuilder(){return this._popupFooterBuilder}set popupFooterBuilder(e){this._popupFooterBuilder=e}get constrainPopupWidth(){return this._constrainPopupWidth}set constrainPopupWidth(e){this._constrainPopupWidth=e}get wrapOptionText(){return this._wrapOptionText}set wrapOptionText(e){this._wrapOptionText=e}_applySelection(){}};var de=class extends T{constructor(t){super();this._config=t;this._open=!1;this._options=[];this._childOpen=!1;this._popupHasMouse=!1;this._targetMouseEnterListener=o=>this._onTargetMouseEnter(o),this._targetMouseLeaveListener=o=>this._onTargetMouseLeave(o),this._childPopupMouseEnterListener=()=>this._onChildPopupMouseEnter(),this._childPopupMouseLeaveListener=()=>this._onChildPopupMouseLeave(),this._documentMouseMoveListener=o=>this._mouseCoords={x:o.pageX,y:o.pageY}}_onChildPopupMouseEnter(){this._popupHasMouse=!0}_onChildPopupMouseLeave(){this._popupHasMouse=!1,setTimeout(()=>{let t=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);!this._popupHasMouse&&!this._childOpen&&(!t||!this._isOwnElement(t))&&(this._setCascadeTargetInactive(),this._closeDropdown())},this._config.popupTimeout)}_onTargetMouseEnter(t){this._options.length&&this._openDropdown({fromKeyboard:!1})}_onTargetMouseLeave(t){this._activeMouseLeaveTimeout=window.setTimeout(()=>{if(!(!this._open||this._childOpen)){if(this._mouseCoords){let o=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);if(o&&this._isOwnElement(o))return}this._setCascadeTargetInactive(),this._closeDropdown()}},this._config.targetTimeout)}_clearMouseLeaveTimeout(){this._activeMouseLeaveTimeout!==void 0&&window.clearTimeout(this._activeMouseLeaveTimeout)}};export{u as a,Z as b,ee as c,te as d,le as e,S as f,D as g,pe as h,T as i,de as j};
+//# sourceMappingURL=chunk.SYZB7B4F.js.map