@tylertech/forge 2.8.0 → 2.9.0

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

@@ -0,0 +1,1236 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  tylIconDragVerticalVariant
+} from "./chunk.A5GIQB6E.js";
+import {
+  RippleComponent
+} from "./chunk.56BNM7F2.js";
+import {
+  tylIconDragHandle
+} from "./chunk.WOL4KRZK.js";
+import {
+  IconComponent,
+  IconRegistry
+} from "./chunk.GVR5LXMJ.js";
+import {
+  percentToPixels,
+  safeMin,
+  scaleValue
+} from "./chunk.A6YZB7UK.js";
+import {
+  eventIncludesArrowKey
+} from "./chunk.65ZCTZEM.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  playKeyframeAnimation,
+  toggleAttribute
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  coerceNumber,
+  isDefined
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass,
+  __spreadProps,
+  __spreadValues
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/split-view/split-view-panel/split-view-panel-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}split-view-panel`;
+var attributes = {
+  RESIZABLE: "resizable",
+  SIZE: "size",
+  MIN: "min",
+  MAX: "max",
+  OPEN: "open",
+  ACCESSIBLE_LABEL: "accessible-label",
+  DISABLED: "disabled",
+  ALLOW_CLOSE: "allow-close",
+  AUTO_CLOSE: "auto-close",
+  AUTO_CLOSE_THRESHOLD: "auto-close-threshold",
+  ORIENTATION: "orientation"
+};
+var classes = {
+  ROOT: "forge-split-view-panel",
+  GRABBED: "forge-split-view-panel--grabbed",
+  HANDLE: "forge-split-view-panel__handle",
+  ICON: "forge-split-view-panel__icon",
+  CONTENT: "forge-split-view-panel__content",
+  CLOSED: "forge-split-view-panel--closed",
+  CLOSING: "forge-split-view-panel--closing",
+  OPENING: "forge-split-view-panel--opening",
+  DISABLED: "forge-split-view-panel--disabled"
+};
+var ids = {
+  ROOT: "root",
+  HANDLE: "handle",
+  ICON: "icon",
+  RIPPLE: "ripple",
+  CONTENT: "content"
+};
+var selectors = {
+  ROOT: `#${ids.ROOT}`,
+  HANDLE: `#${ids.HANDLE}`,
+  ICON: `#${ids.ICON}`,
+  RIPPLE: `#${ids.RIPPLE}`,
+  CONTENT: `#${ids.CONTENT}`
+};
+var events = {
+  WILL_RESIZE: `${elementName}-will-resize`,
+  RESIZE_START: `${elementName}-resize-start`,
+  RESIZE_END: `${elementName}-resize-end`,
+  RESIZE: `${elementName}-resize`,
+  DID_OPEN: `${elementName}-did-open`,
+  DID_CLOSE: `${elementName}-did-close`,
+  WILL_OPEN: `${elementName}-will-open`,
+  WILL_CLOSE: `${elementName}-will-close`
+};
+var numbers = {
+  RIPPLE_ACTIVATION_WAIT: 200
+};
+var customCssProperties = {
+  SIZE: "--forge-split-view-panel-size",
+  CURSOR: "--forge-split-view-panel-cursor"
+};
+var SPLIT_VIEW_PANEL_CONSTANTS = {
+  elementName,
+  attributes,
+  classes,
+  ids,
+  selectors,
+  events,
+  numbers,
+  customCssProperties
+};
+var SplitViewAnimatingLayer = /* @__PURE__ */ ((SplitViewAnimatingLayer2) => {
+  SplitViewAnimatingLayer2[SplitViewAnimatingLayer2["Under"] = 1] = "Under";
+  SplitViewAnimatingLayer2[SplitViewAnimatingLayer2["Active"] = 2] = "Active";
+  SplitViewAnimatingLayer2[SplitViewAnimatingLayer2["Above"] = 3] = "Above";
+  return SplitViewAnimatingLayer2;
+})(SplitViewAnimatingLayer || {});
+
+// dist/build/lib/staging/src/split-view/split-view-panel/split-view-panel-utils.ts
+function initState() {
+  return {
+    orientation: "horizontal",
+    resizable: "off",
+    arrowKeyHeld: false,
+    keyboardDelta: 0,
+    isAtMin: false,
+    isAtMax: false,
+    min: 0
+  };
+}
+function setState(adapter, state) {
+  const currentSize = adapter.getContentSize(state.orientation);
+  return __spreadProps(__spreadValues({}, state), {
+    currentSize,
+    startSize: currentSize,
+    availableSpace: adapter.getAvailableSpace(state.orientation, state.resizable),
+    siblingSize: adapter.getSiblingContentSize(),
+    isAtMin: false,
+    isAtMax: false
+  });
+}
+function clearState(state) {
+  return __spreadProps(__spreadValues({}, state), {
+    arrowKeyHeld: false,
+    keyboardDelta: 0,
+    isAtMin: false,
+    isAtMax: false
+  });
+}
+function pointerResize(adapter, evt, state) {
+  if (state.startPoint === void 0 || state.startSize === void 0) {
+    return false;
+  }
+  const initialSize = state.currentSize;
+  const evtPoint = state.orientation === "horizontal" ? evt.clientX : evt.clientY;
+  let delta = state.startPoint - evtPoint;
+  if (state.resizable === "start") {
+    delta *= -1;
+  }
+  const size = state.startSize - delta;
+  state.currentSize = clampSize(size, state);
+  adapter.setContentSize(state.currentSize);
+  handleBoundariesDuringResize(adapter, state, "pointer");
+  adapter.setValuenow(getValuenow(state.currentSize, state));
+  const siblingDelta = size - state.currentSize + delta;
+  resizeSibling(adapter, siblingDelta, state);
+  return initialSize !== state.currentSize;
+}
+function keyboardResize(adapter, increment, state) {
+  if (state.startSize === void 0) {
+    return false;
+  }
+  const initialSize = state.currentSize;
+  state.keyboardDelta += increment;
+  const size = state.startSize + state.keyboardDelta;
+  state.currentSize = clampSize(size, state);
+  adapter.setContentSize(state.currentSize);
+  handleBoundariesDuringResize(adapter, state, "keyboard");
+  adapter.setValuenow(getValuenow(state.currentSize, state));
+  const siblingDelta = size - state.currentSize + state.keyboardDelta * -1;
+  resizeSibling(adapter, siblingDelta, state);
+  return initialSize !== state.currentSize;
+}
+function minResize(adapter, state) {
+  adapter.setContentSize(state.min);
+  return state.min;
+}
+function maxResize(adapter, state) {
+  const availableSpace = adapter.getAvailableSpace(state.orientation, state.resizable);
+  const max = safeMin(state.max, availableSpace);
+  adapter.setContentSize(max);
+  return max;
+}
+function resizeSibling(adapter, delta, state) {
+  if (state.siblingSize !== void 0) {
+    const siblingSize = state.siblingSize + delta;
+    adapter.setSiblingContentSize(siblingSize);
+  }
+}
+function clampSize(size, state) {
+  size = Math.max(size, state.min);
+  size = safeMin(size, state.max, state.availableSpace);
+  return size;
+}
+function handleBoundariesDuringResize(adapter, state, inputDevice) {
+  if (state.currentSize === void 0) {
+    return false;
+  }
+  if (state.currentSize <= state.min) {
+    if (!state.isAtMin) {
+      adapter.activateRipple(inputDevice === "pointer");
+      if (inputDevice === "pointer") {
+        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: "min" });
+      }
+      state.isAtMin = true;
+    }
+    return true;
+  } else if (state.isAtMin) {
+    state.isAtMin = false;
+  }
+  const max = safeMin(state.max, state.availableSpace);
+  if (state.currentSize >= max) {
+    if (!state.isAtMax) {
+      adapter.activateRipple(inputDevice === "pointer");
+      if (inputDevice === "pointer") {
+        adapter.setBodyCursor(state.orientation, { resizable: state.resizable, boundary: "max" });
+      }
+      state.isAtMax = true;
+    }
+    return true;
+  } else if (state.isAtMax) {
+    state.isAtMax = false;
+  }
+  if (inputDevice === "pointer") {
+    adapter.setBodyCursor(state.orientation);
+  }
+  return false;
+}
+function handleBoundariesAfterResize(adapter, size, state) {
+  if (size <= state.min) {
+    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: "min" });
+    return true;
+  }
+  const max = safeMin(state.max, state.availableSpace);
+  if (size >= max) {
+    adapter.setHandleCursor(state.orientation, { resizable: state.resizable, boundary: "max" });
+    return true;
+  }
+  adapter.setHandleCursor(state.orientation);
+  return false;
+}
+function getValuenow(size, state) {
+  if (!state.availableSpace && !state.max) {
+    return 100;
+  }
+  const max = safeMin(state.max, state.availableSpace);
+  return scaleValue(size, state.min, max);
+}
+function getCursor(orientation, config) {
+  if (orientation === "horizontal") {
+    switch (config == null ? void 0 : config.boundary) {
+      case "min":
+        return config.resizable === "end" ? "e-resize" : "w-resize";
+      case "max":
+        return config.resizable === "end" ? "w-resize" : "e-resize";
+      default:
+        return "col-resize";
+    }
+  } else {
+    switch (config == null ? void 0 : config.boundary) {
+      case "min":
+        return config.resizable === "end" ? "s-resize" : "n-resize";
+      case "max":
+        return config.resizable === "end" ? "n-resize" : "s-resize";
+      default:
+        return "row-resize";
+    }
+  }
+}
+function getHandleIcon(orientation) {
+  return orientation === "horizontal" ? "drag_vertical_variant" : "drag_handle";
+}
+function getSplitViewPanelSibling(el) {
+  const resizable = el.resizable;
+  if (resizable === "off") {
+    return void 0;
+  }
+  let sibling = el;
+  do {
+    sibling = resizable === "end" ? sibling.nextElementSibling : sibling.previousElementSibling;
+  } while (sibling instanceof SplitViewPanelComponent && !sibling.open);
+  if (sibling instanceof SplitViewPanelComponent) {
+    return sibling;
+  }
+  return void 0;
+}
+function parseSize(value) {
+  var _a, _b;
+  if (!isNaN(+value)) {
+    return { amount: +value, unit: "px" };
+  }
+  const regex = /(^\d*\.?\d*)\s*(px|%$)?/i;
+  const parts = value.match(regex);
+  const amount = (parts == null ? void 0 : parts[1]) ? +parts[1] : -1;
+  const unit = (_b = (_a = parts == null ? void 0 : parts[2]) == null ? void 0 : _a.toLowerCase()) != null ? _b : "";
+  return { amount, unit };
+}
+function getPixelDimension(value, parentSize) {
+  const parsedSize = parseSize(value);
+  if (parsedSize.unit === "%") {
+    return percentToPixels(parsedSize.amount, parentSize);
+  }
+  return parsedSize.amount;
+}
+
+// dist/build/lib/staging/src/split-view/split-view-panel/split-view-panel-foundation.ts
+var SplitViewPanelFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._size = 200;
+    this._min = 0;
+    this._accessibleLabel = "Split view panel";
+    this._open = true;
+    this._state = initState();
+    this._isInitialized = false;
+    this._parentProperties = {};
+    this._pointerdownListener = (evt) => this._onPointerdown(evt);
+    this._pointerupListener = (evt) => this._onPointerup(evt);
+    this._pointermoveListener = (evt) => this._onPointermove(evt);
+    this._keydownListener = (evt) => this._onKeydown(evt);
+    this._keyupListener = (evt) => this._onKeyup(evt);
+  }
+  get _orientation() {
+    return this._state.orientation;
+  }
+  set _orientation(value) {
+    this._state.orientation = value;
+  }
+  get _resizable() {
+    return this._state.resizable;
+  }
+  set _resizable(value) {
+    this._state.resizable = value;
+  }
+  get _pixelMin() {
+    return this._state.min;
+  }
+  set _pixelMin(value) {
+    this._state.min = value;
+  }
+  get _pixelMax() {
+    return this._state.max;
+  }
+  set _pixelMax(value) {
+    this._state.max = value;
+  }
+  get _appliedDisabled() {
+    var _a, _b;
+    return (_b = (_a = this._disabled) != null ? _a : this._parentProperties.disabled) != null ? _b : false;
+  }
+  get _appliedAllowClose() {
+    var _a, _b;
+    return (_b = (_a = this._allowClose) != null ? _a : this._parentProperties.allowClose) != null ? _b : false;
+  }
+  get _appliedAutoClose() {
+    var _a, _b;
+    return (_b = (_a = this._autoClose) != null ? _a : this._parentProperties.autoClose) != null ? _b : false;
+  }
+  get _appliedAutoCloseThreshold() {
+    var _a, _b;
+    return (_b = (_a = this._autoCloseThreshold) != null ? _a : this._parentProperties.autoCloseThreshold) != null ? _b : 0;
+  }
+  initialize() {
+    this._adapter.initialize();
+    this._adapter.setPointerdownListener(this._pointerdownListener);
+    this._adapter.setKeydownListener(this._keydownListener);
+    this._getParentProperties();
+    this._applyResizable();
+    this._applyMin();
+    this._applyMax();
+    this._applySize();
+    this._applyAccessibleLabel();
+    this._applyOpen();
+    this._applyDisabled();
+    this._applyAllowClose();
+    this._applyAutoClose();
+    this._applyAutoCloseThreshold();
+    this._isInitialized = true;
+  }
+  disconnect() {
+    this._adapter.removePointerupListener(this._pointerupListener);
+    this._adapter.removePointermoveListener(this._pointermoveListener);
+  }
+  _onPointerdown(evt) {
+    if (this._appliedDisabled || !this._allowResize("pointer")) {
+      return;
+    }
+    evt.preventDefault();
+    this._adapter.setPointermoveListener(this._pointermoveListener);
+    this._adapter.setPointerupListener(this._pointerupListener);
+    this._handlePointerdown(evt);
+  }
+  _onPointerup(evt) {
+    evt.preventDefault();
+    this._adapter.removePointermoveListener(this._pointermoveListener);
+    this._adapter.removePointerupListener(this._pointerupListener);
+    this._handlePointerup();
+  }
+  _onPointermove(evt) {
+    if (this._appliedDisabled) {
+      return;
+    }
+    evt.preventDefault();
+    if (evt.buttons === 0) {
+      this._adapter.removePointermoveListener(this._pointermoveListener);
+      this._adapter.removePointerupListener(this._pointerupListener);
+      this._handlePointerup();
+      return;
+    }
+    this._handlePointermove(evt);
+  }
+  _onKeydown(evt) {
+    if (this._appliedDisabled) {
+      return;
+    }
+    if (evt.key === "Enter") {
+      this._handleEnterKey(evt);
+    } else if (evt.key === "Home" && this._allowResize("keyboard")) {
+      this._handleHomeKey(evt);
+    } else if (evt.key === "End" && this._allowResize("keyboard")) {
+      this._handleEndKey(evt);
+    } else if (eventIncludesArrowKey(evt) && this._allowResize("keyboard")) {
+      this._adapter.setKeyupListener(this._keyupListener);
+      this._handleArrowKey(evt);
+    }
+  }
+  _onKeyup(evt) {
+    if (eventIncludesArrowKey(evt)) {
+      this._adapter.removeKeyupListener(this._keyupListener);
+      this._handleArrowKeyUp();
+    }
+  }
+  _handleEnterKey(evt) {
+    if (!this._appliedAllowClose) {
+      return;
+    }
+    evt.preventDefault();
+    this._tryOpenOrClose(!this._open, false, true);
+  }
+  _handleHomeKey(evt) {
+    evt.preventDefault();
+    const size = minResize(this._adapter, this._state);
+    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);
+    this._tryAutoClose();
+  }
+  _handleEndKey(evt) {
+    evt.preventDefault();
+    const size = maxResize(this._adapter, this._state);
+    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, size);
+  }
+  _handleArrowKey(evt) {
+    let increment = 0;
+    if (this._orientation === "horizontal") {
+      switch (evt.key) {
+        case "ArrowLeft":
+          increment = -1;
+          break;
+        case "ArrowRight":
+          increment = 1;
+          break;
+        default:
+          return;
+      }
+    } else {
+      switch (evt.key) {
+        case "ArrowUp":
+          increment = -1;
+          break;
+        case "ArrowDown":
+          increment = 1;
+          break;
+        default:
+          return;
+      }
+    }
+    evt.preventDefault();
+    if (this._resizable === "start") {
+      increment *= -1;
+    }
+    if (evt.shiftKey) {
+      increment *= 10;
+    }
+    this._tryHandleArrowKeyDown();
+    this._handleArrowKeyHeld(increment);
+  }
+  _tryHandleArrowKeyDown() {
+    if (!this._state.arrowKeyHeld) {
+      this._startResize();
+    }
+    this._state.arrowKeyHeld = true;
+  }
+  _handleArrowKeyUp() {
+    this._endResize();
+  }
+  _handleArrowKeyHeld(increment) {
+    if (keyboardResize(this._adapter, increment, this._state)) {
+      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);
+    }
+  }
+  _handlePointerdown(evt) {
+    this._adapter.setGrabbed(true);
+    this._adapter.focusHandle();
+    this._startResize();
+    this._state.startPoint = this._orientation === "horizontal" ? evt.clientX : evt.clientY;
+    handleBoundariesDuringResize(this._adapter, this._state, "pointer");
+  }
+  _handlePointerup() {
+    this._adapter.setGrabbed(false);
+    this._adapter.deactivateRipple();
+    this._endResize();
+  }
+  _handlePointermove(evt) {
+    if (pointerResize(this._adapter, evt, this._state)) {
+      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, this._state.currentSize);
+    }
+  }
+  _allowResize(inputDeviceType) {
+    return this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_RESIZE, { inputDeviceType }, true, true);
+  }
+  _startResize() {
+    this._state = setState(this._adapter, this._state);
+    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_START, this._state.startSize);
+  }
+  _endResize() {
+    this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE_END, this._state.currentSize);
+    this._adapter.updateParent({ accessibility: this._state.startSize !== this._state.currentSize, cursor: true });
+    this._state = clearState(this._state);
+    this._tryAutoClose();
+  }
+  _tryOpenOrClose(shouldOpen = true, auto = false, userInitiated = false) {
+    const eventType = shouldOpen ? SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.WILL_CLOSE;
+    const event = {
+      auto,
+      userInitiated
+    };
+    const isAllowed = this._adapter.emitHostEvent(eventType, event, true, true);
+    if (!isAllowed) {
+      return;
+    }
+    this._open = shouldOpen;
+    this._applyOpen(event);
+  }
+  _tryAutoClose() {
+    const size = this._adapter.getContentSize(this._orientation);
+    if (this._appliedAutoClose && size <= this._appliedAutoCloseThreshold) {
+      this._tryOpenOrClose(false, true, false);
+    }
+  }
+  _getParentProperties() {
+    const parentDisabled = this._adapter.getParentProperty("disabled");
+    this._parentProperties.disabled = parentDisabled;
+    this._applyParentDisabled();
+    const parentAllowClose = this._adapter.getParentProperty("allowClose");
+    this._parentProperties.allowClose = parentAllowClose;
+    const parentAutoClose = this._adapter.getParentProperty("autoClose");
+    this._parentProperties.autoClose = parentAutoClose;
+    this._applyParentAutoClose();
+    const parentAutoCloseThreshold = this._adapter.getParentProperty("autoCloseThreshold");
+    this._parentProperties.autoCloseThreshold = parentAutoCloseThreshold;
+    this._applyParentAutoCloseThreshold();
+  }
+  _applyOrientation() {
+    this._adapter.setOrientation(this._orientation);
+  }
+  get resizable() {
+    return this._resizable;
+  }
+  set resizable(value) {
+    if (this._resizable !== value) {
+      this._resizable = value;
+      this._applyResizable();
+    }
+  }
+  _applyResizable() {
+    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, this._resizable);
+    this._adapter.setResizable(this._resizable);
+  }
+  get size() {
+    return this._size;
+  }
+  set size(value) {
+    if (this._size.toString() !== value.toString()) {
+      this._size = value;
+      this._applySize();
+    }
+  }
+  _applySize() {
+    const parentSize = this._adapter.getParentSize(this._orientation);
+    const pixelSize = getPixelDimension(this._size, parentSize);
+    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE, this._size.toString());
+    this._adapter.setContentSize(pixelSize);
+    window.requestAnimationFrame(() => {
+      const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);
+      const maxSize = safeMin(this._pixelMax, availableSpace);
+      const newValue = scaleValue(pixelSize, this._pixelMin, maxSize);
+      this._adapter.setValuenow(newValue);
+      this._adapter.updateParent({ cursor: true });
+    });
+  }
+  get min() {
+    return this._min;
+  }
+  set min(value) {
+    if (this._min.toString() !== value.toString()) {
+      this._min = value;
+      this._applyMin();
+    }
+  }
+  _applyMin() {
+    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN, this._min.toString());
+    const parentSize = this._adapter.getParentSize(this._orientation);
+    this._pixelMin = getPixelDimension(this._min, parentSize);
+    if (this._resizable === "off") {
+      return;
+    }
+    const size = this._adapter.getContentSize(this._orientation);
+    if (size < this._pixelMin) {
+      this.setContentSize(size);
+    }
+  }
+  get max() {
+    return this._max;
+  }
+  set max(value) {
+    var _a;
+    if (((_a = this._max) == null ? void 0 : _a.toString()) !== (value == null ? void 0 : value.toString())) {
+      this._max = value;
+      this._applyMax();
+    }
+  }
+  _applyMax() {
+    var _a;
+    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX, this._max !== void 0, (_a = this._max) == null ? void 0 : _a.toString());
+    if (this._max === void 0) {
+      this._pixelMax = void 0;
+      return;
+    }
+    const parentSize = this._adapter.getParentSize(this._orientation);
+    this._pixelMax = getPixelDimension(this._max, parentSize);
+    if (this._resizable === "off") {
+      return;
+    }
+    const size = this._adapter.getContentSize(this._orientation);
+    if (size > this._pixelMax) {
+      this.setContentSize(size);
+    }
+  }
+  get accessibleLabel() {
+    return this._accessibleLabel;
+  }
+  set accessibleLabel(value) {
+    if (this._accessibleLabel !== value) {
+      this._accessibleLabel = value;
+      this._applyAccessibleLabel();
+    }
+  }
+  _applyAccessibleLabel() {
+    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL, this._accessibleLabel);
+    this._adapter.setAccessibleLabel(this._accessibleLabel);
+  }
+  get open() {
+    return this._open;
+  }
+  set open(value) {
+    if (this._open !== value) {
+      if (this._isInitialized) {
+        this._tryOpenOrClose(value, false, false);
+        return;
+      }
+      this._open = value;
+      const event = this._isInitialized ? {
+        auto: false,
+        userInitiated: false
+      } : void 0;
+      this._applyOpen(event);
+    }
+  }
+  _applyOpen(event) {
+    this._adapter.setHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN, this._open.toString());
+    this._adapter.setOpen(this._open, this._isInitialized, event);
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(value) {
+    if (this._disabled !== value) {
+      this._disabled = value;
+      this._applyDisabled();
+    }
+  }
+  _applyDisabled() {
+    var _a;
+    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED, (_a = this._disabled) != null ? _a : false);
+    this._adapter.setDisabled(this._appliedDisabled);
+  }
+  _applyParentDisabled() {
+    if (this._isInitialized && !isDefined(this._disabled)) {
+      this._adapter.setDisabled(this._appliedDisabled);
+    }
+  }
+  get allowClose() {
+    return this._allowClose;
+  }
+  set allowClose(value) {
+    if (this._allowClose !== value) {
+      this._allowClose = value;
+      this._applyAllowClose();
+    }
+  }
+  _applyAllowClose() {
+    var _a;
+    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE, (_a = this._allowClose) != null ? _a : false);
+  }
+  get autoClose() {
+    return this._autoClose;
+  }
+  set autoClose(value) {
+    if (this._autoClose !== value) {
+      this._autoClose = value;
+      this._applyAutoClose();
+    }
+  }
+  _applyAutoClose() {
+    var _a;
+    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE, (_a = this._autoClose) != null ? _a : false);
+    if (this._isInitialized) {
+      this._tryAutoClose();
+    }
+  }
+  _applyParentAutoClose() {
+    if (this._isInitialized && !isDefined(this._autoClose)) {
+      this._tryAutoClose();
+    }
+  }
+  get autoCloseThreshold() {
+    return this._autoCloseThreshold;
+  }
+  set autoCloseThreshold(value) {
+    if (this._autoCloseThreshold !== value) {
+      this._autoCloseThreshold = value;
+      this._applyAutoCloseThreshold();
+    }
+  }
+  _applyAutoCloseThreshold() {
+    var _a;
+    this._adapter.toggleHostAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD, isDefined(this._autoCloseThreshold), (_a = this.autoCloseThreshold) == null ? void 0 : _a.toString());
+    if (this._isInitialized) {
+      this._tryAutoClose();
+    }
+  }
+  _applyParentAutoCloseThreshold() {
+    if (this._isInitialized && !isDefined(this._autoCloseThreshold)) {
+      this._tryAutoClose();
+    }
+  }
+  getContentSize() {
+    return this._adapter.getContentSize(this._orientation);
+  }
+  getCollapsibleSize() {
+    const parentSize = this._adapter.getParentSize(this._orientation);
+    const pixelMin = getPixelDimension(this._min, parentSize);
+    return this._adapter.getContentSize(this._orientation) - pixelMin;
+  }
+  setContentSize(size) {
+    if (this._resizable === "off") {
+      return;
+    }
+    const newSize = clampSize(size, this._state);
+    this._adapter.setContentSize(newSize);
+    if (this._isInitialized) {
+      this._adapter.emitHostEvent(SPLIT_VIEW_PANEL_CONSTANTS.events.RESIZE, newSize);
+    }
+  }
+  update(config) {
+    if (config.orientation) {
+      this._orientation = config.orientation;
+      this._applyOrientation();
+    }
+    if (config.properties) {
+      if (isDefined(config.properties.disabled) && this._parentProperties.disabled !== config.properties.disabled) {
+        this._parentProperties.disabled = config.properties.disabled;
+        this._applyDisabled();
+      }
+      if (isDefined(config.properties.allowClose)) {
+        this._parentProperties.allowClose = config.properties.allowClose;
+      }
+      if (isDefined(config.properties.autoClose) && this._parentProperties.autoClose !== config.properties.autoClose) {
+        this._parentProperties.autoClose = config.properties.autoClose;
+        if (!isDefined(this._autoClose)) {
+          this._applyAutoClose();
+        }
+      }
+      if (isDefined(config.properties.autoCloseThreshold) && this._parentProperties.autoCloseThreshold !== config.properties.autoCloseThreshold) {
+        this._parentProperties.autoCloseThreshold = config.properties.autoCloseThreshold;
+        if (!isDefined(this._autoCloseThreshold)) {
+          this._applyAutoCloseThreshold();
+        }
+      }
+    }
+    if (config.size) {
+      const parentSize = this._adapter.getParentSize(this._orientation);
+      this._pixelMin = getPixelDimension(this._min, parentSize);
+      this._pixelMax = isDefined(this._max) ? getPixelDimension(this._max, parentSize) : void 0;
+      this.setContentSize(this._adapter.getContentSize(this._orientation));
+    }
+    if (this._resizable === "off") {
+      return;
+    }
+    const size = this._adapter.getContentSize(this._orientation);
+    const availableSpace = this._adapter.getAvailableSpace(this._orientation, this._resizable);
+    if (config.accessibility) {
+      const valueNow = getValuenow(size, __spreadProps(__spreadValues({}, this._state), { availableSpace }));
+      this._adapter.setValuenow(valueNow);
+    }
+    if (config.cursor) {
+      handleBoundariesAfterResize(this._adapter, size, __spreadProps(__spreadValues({}, this._state), { availableSpace }));
+    }
+    if (config.clearCursor) {
+      this._adapter.setHandleCursor();
+    }
+  }
+};
+
+// dist/build/lib/staging/src/split-view/split-view/split-view-constants.ts
+var elementName2 = `${COMPONENT_NAME_PREFIX}split-view`;
+var attributes2 = {
+  ORIENTATION: "orientation",
+  DISABLED: "disabled",
+  ALLOW_CLOSE: "allow-close",
+  AUTO_CLOSE: "auto-close",
+  AUTO_CLOSE_THRESHOLD: "auto-close-threshold"
+};
+var classes2 = {
+  ROOT: "forge-split-view"
+};
+var ids2 = {
+  ROOT: "root"
+};
+var selectors2 = {
+  ROOT: `#${ids2.ROOT}`,
+  PANEL: SPLIT_VIEW_PANEL_CONSTANTS.elementName
+};
+var numbers2 = {
+  RESIZE_THROTTLE_THRESHOLD: 200
+};
+var customCssProperties2 = {
+  ANIMATING_LAYER: "--forge-split-view-animating-layer"
+};
+var SPLIT_VIEW_CONSTANTS = {
+  elementName: elementName2,
+  attributes: attributes2,
+  classes: classes2,
+  ids: ids2,
+  selectors: selectors2,
+  numbers: numbers2,
+  customCssProperties: customCssProperties2
+};
+
+// dist/build/lib/staging/src/split-view/split-view-panel/split-view-panel-adapter.ts
+var SplitViewPanelAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._root = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ROOT);
+    this._handle = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.HANDLE);
+    this._icon = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.ICON);
+    this._ripple = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.RIPPLE);
+    this._content = getShadowElement(component, SPLIT_VIEW_PANEL_CONSTANTS.selectors.CONTENT);
+  }
+  initialize() {
+    const parent = this._component.parentElement;
+    if ((parent == null ? void 0 : parent.tagName.toLowerCase()) === SPLIT_VIEW_CONSTANTS.elementName) {
+      this._parent = parent;
+    }
+  }
+  setPointerdownListener(listener) {
+    this._handle.addEventListener("pointerdown", listener);
+  }
+  setPointerupListener(listener) {
+    document.addEventListener("pointerup", listener);
+  }
+  removePointerupListener(listener) {
+    document.removeEventListener("pointerup", listener);
+  }
+  setPointermoveListener(listener) {
+    document.addEventListener("pointermove", listener);
+  }
+  removePointermoveListener(listener) {
+    document.removeEventListener("pointermove", listener);
+  }
+  setKeydownListener(listener) {
+    this._handle.addEventListener("keydown", listener);
+  }
+  setKeyupListener(listener) {
+    this._handle.addEventListener("keyup", listener);
+  }
+  removeKeyupListener(listener) {
+    this._handle.removeEventListener("keyup", listener);
+  }
+  getParentProperty(name) {
+    var _a;
+    return (_a = this._parent) == null ? void 0 : _a[name];
+  }
+  setAccessibleLabel(value) {
+    this._handle.setAttribute("aria-label", value);
+  }
+  setDisabled(value) {
+    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.DISABLED, value);
+    if (this._handle) {
+      this._handle.setAttribute("tabindex", value ? "-1" : "0");
+      toggleAttribute(this._handle, value, "aria-disabled", "true");
+    }
+  }
+  setResizable(value) {
+    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE, value.toString());
+    toggleAttribute(this._handle, value !== "off", "aria-valuemin", "0");
+    toggleAttribute(this._handle, value !== "off", "aria-valuemax", "100");
+    if (value === "off") {
+      return;
+    }
+    this._handle.remove();
+    if (value === "end") {
+      this._root.append(this._handle);
+    } else {
+      this._root.prepend(this._handle);
+    }
+  }
+  setOrientation(value) {
+    this._root.setAttribute(SPLIT_VIEW_PANEL_CONSTANTS.attributes.ORIENTATION, value);
+    this._handle.setAttribute("aria-orientation", value === "horizontal" ? "vertical" : "horizontal");
+    this._icon.setAttribute("name", getHandleIcon(value));
+  }
+  setOpen(value, withAnimation = true, event) {
+    var _a, _b;
+    const finish = () => {
+      var _a2, _b2;
+      if (!value) {
+        this._root.classList.add(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);
+      }
+      if (event) {
+        this.emitHostEvent(value ? SPLIT_VIEW_PANEL_CONSTANTS.events.DID_OPEN : SPLIT_VIEW_PANEL_CONSTANTS.events.DID_CLOSE, event);
+      }
+      (_a2 = this._parent) == null ? void 0 : _a2.unlayerSlottedPanels();
+      (_b2 = this._parent) == null ? void 0 : _b2.update({ accessibility: true, cursor: true });
+    };
+    if (value && this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {
+      this._root.classList.remove(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED);
+      if (!withAnimation) {
+        finish();
+        return;
+      }
+      (_a = this._parent) == null ? void 0 : _a.layerSlottedPanels(this._component);
+      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.OPENING, true).then(() => {
+        finish();
+      });
+    } else if (!value && !this._root.classList.contains(SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSED)) {
+      if (!withAnimation) {
+        finish();
+        return;
+      }
+      (_b = this._parent) == null ? void 0 : _b.layerSlottedPanels(this._component);
+      playKeyframeAnimation(this._root, SPLIT_VIEW_PANEL_CONSTANTS.classes.CLOSING, true).then(() => {
+        finish();
+      });
+    }
+  }
+  setGrabbed(value) {
+    var _a;
+    this._root.classList.toggle(SPLIT_VIEW_PANEL_CONSTANTS.classes.GRABBED, value);
+    this._handle.setAttribute("aria-grabbed", value.toString());
+    (_a = this._parent) == null ? void 0 : _a.update({ clearCursor: true });
+    if (!value) {
+      document.body.style.removeProperty("cursor");
+    }
+  }
+  setHandleCursor(orientation, config) {
+    if (orientation) {
+      this._root.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR, getCursor(orientation, config));
+    } else {
+      this._root.style.removeProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.CURSOR);
+    }
+  }
+  setBodyCursor(orientation, config) {
+    document.body.style.setProperty("cursor", getCursor(orientation, config));
+  }
+  getContentSize(orientation) {
+    return orientation === "horizontal" ? this._content.clientWidth : this._content.clientHeight;
+  }
+  setContentSize(value) {
+    this._component.style.setProperty(SPLIT_VIEW_PANEL_CONSTANTS.customCssProperties.SIZE, `${value}px`);
+  }
+  setValuenow(value) {
+    this._handle.setAttribute("aria-valuenow", value.toFixed(2));
+  }
+  focusHandle() {
+    this._handle.focus();
+  }
+  getAvailableSpace(orientation, resizable) {
+    if (resizable === "off") {
+      return -1;
+    }
+    const sibling = getSplitViewPanelSibling(this._component);
+    if (sibling) {
+      const siblingSize = sibling.getCollapsibleSize();
+      return siblingSize + this.getContentSize(orientation);
+    } else {
+      return this.getParentSize(orientation);
+    }
+  }
+  getSiblingContentSize() {
+    var _a;
+    const sibling = getSplitViewPanelSibling(this._component);
+    return (_a = sibling == null ? void 0 : sibling.getContentSize()) != null ? _a : 0;
+  }
+  setSiblingContentSize(value) {
+    const sibling = getSplitViewPanelSibling(this._component);
+    sibling == null ? void 0 : sibling.setContentSize(value);
+  }
+  activateRipple(fromActivated) {
+    if (fromActivated) {
+      this._ripple.deactivate();
+      window.setTimeout(() => {
+        this._ripple.activate();
+      }, SPLIT_VIEW_PANEL_CONSTANTS.numbers.RIPPLE_ACTIVATION_WAIT);
+    } else {
+      this._ripple.activate();
+      this._ripple.deactivate();
+    }
+  }
+  deactivateRipple() {
+    this._ripple.deactivate();
+  }
+  getParentSize(orientation) {
+    var _a, _b;
+    const parentSize = orientation === "horizontal" ? (_a = this._parent) == null ? void 0 : _a.clientWidth : (_b = this._parent) == null ? void 0 : _b.clientHeight;
+    return parentSize != null ? parentSize : 0;
+  }
+  updateParent(config) {
+    var _a;
+    (_a = this._parent) == null ? void 0 : _a.update(config);
+  }
+};
+
+// dist/build/lib/staging/src/split-view/split-view-panel/split-view-panel.ts
+var 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>';
+var 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:uz9zuy8;animation-name:uz9zuy8;-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 uz9zuy8{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uz9zuy8{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:uz9zuye;animation-name:uz9zuye;-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 uz9zuye{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uz9zuye{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:uz9zuyf;animation-name:uz9zuyf;-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 uz9zuyf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uz9zuyf{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:uz9zuyr;animation-name:uz9zuyr;-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 uz9zuyr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uz9zuyr{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:uz9zuzr;animation-name:uz9zuzr;-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 uz9zuzr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uz9zuzr{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:uz9zv05;animation-name:uz9zv05;-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 uz9zv05{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uz9zv05{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:uz9zv0c;animation-name:uz9zv0c;-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 uz9zv0c{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uz9zv0c{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:uz9zv0x;animation-name:uz9zv0x;-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 uz9zv0x{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uz9zv0x{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}';
+var SplitViewPanelComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    IconRegistry.define([tylIconDragVerticalVariant, tylIconDragHandle]);
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new SplitViewPanelFoundation(new SplitViewPanelAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE,
+      SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD
+    ];
+  }
+  connectedCallback() {
+    this._foundation.initialize();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.RESIZABLE:
+        this.resizable = newValue;
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.SIZE:
+        this.size = newValue;
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MIN:
+        this.min = newValue;
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.MAX:
+        if (newValue) {
+          this.max = newValue;
+        } else {
+          this.max = void 0;
+        }
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ACCESSIBLE_LABEL:
+        this.accessibleLabel = newValue;
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.OPEN:
+        this.open = coerceBoolean(newValue);
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.DISABLED:
+        if (this.hasAttribute(name)) {
+          this.disabled = coerceBoolean(newValue);
+        } else {
+          this.disabled = void 0;
+        }
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.ALLOW_CLOSE:
+        if (this.hasAttribute(name)) {
+          this.allowClose = coerceBoolean(newValue);
+        } else {
+          this.allowClose = void 0;
+        }
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE:
+        if (this.hasAttribute(name)) {
+          this.autoClose = coerceBoolean(newValue);
+        } else {
+          this.autoClose = void 0;
+        }
+        break;
+      case SPLIT_VIEW_PANEL_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD:
+        if (newValue) {
+          this.autoCloseThreshold = coerceNumber(newValue);
+        } else {
+          this.autoCloseThreshold = void 0;
+        }
+        break;
+    }
+  }
+  getContentSize() {
+    return this._foundation.getContentSize();
+  }
+  getCollapsibleSize() {
+    return this._foundation.getCollapsibleSize();
+  }
+  setContentSize(size) {
+    this._foundation.setContentSize(size);
+  }
+  update(config) {
+    this._foundation.update(config);
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "resizable", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "size", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "min", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "max", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "accessibleLabel", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "open", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "disabled", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "allowClose", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "autoClose", 2);
+__decorateClass([
+  FoundationProperty()
+], SplitViewPanelComponent.prototype, "autoCloseThreshold", 2);
+SplitViewPanelComponent = __decorateClass([
+  CustomElement({
+    name: SPLIT_VIEW_PANEL_CONSTANTS.elementName,
+    dependencies: [
+      IconComponent,
+      RippleComponent
+    ]
+  })
+], SplitViewPanelComponent);
+
+// dist/build/lib/staging/src/split-view/split-view-panel/index.ts
+function defineSplitViewPanelComponent() {
+  defineCustomElement(SplitViewPanelComponent);
+}
+
+export {
+  SPLIT_VIEW_PANEL_CONSTANTS,
+  SplitViewAnimatingLayer,
+  initState,
+  setState,
+  clearState,
+  pointerResize,
+  keyboardResize,
+  minResize,
+  maxResize,
+  resizeSibling,
+  clampSize,
+  handleBoundariesDuringResize,
+  handleBoundariesAfterResize,
+  getValuenow,
+  getCursor,
+  getHandleIcon,
+  getSplitViewPanelSibling,
+  parseSize,
+  getPixelDimension,
+  SplitViewPanelFoundation,
+  SPLIT_VIEW_CONSTANTS,
+  SplitViewPanelAdapter,
+  SplitViewPanelComponent,
+  defineSplitViewPanelComponent
+};
+//# sourceMappingURL=chunk.CGKWQIL3.js.map