@tylertech/forge-ai 0.15.3-dev.1 → 0.16.0

package/dist/ai-sidebar/ai-sidebar.mjs

@@ -1,256 +1,4 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { styleMap } from "lit/directives/style-map.js";
-import { createRef, ref } from "lit/directives/ref.js";
-import { when } from "lit/directives/when.js";
-import { ResizeController } from "../core/resize-controller.mjs";
-import { readStoredNumber, writeStoredNumber, removeStoredValue } from "../utils/storage-utils.mjs";
-import styles from "./ai-sidebar.scss.mjs";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _resizeHandleRef, _drawerRef, _containerRef, _resizeController, _AiSidebarComponent_instances, handleContainerTransitionEnd_fn, handleDrawerTransitionEnd_fn, handleResizePointerDown_fn, handleResizeKeyDown_fn, handleResizeCommit_fn, readPersistedWidth_fn, persistWidth_fn, clearPersistedWidth_fn, dispatchEvent_fn;
-const DEFAULT_WIDTH = 420;
-const MIN_WIDTH = 360;
-const MAX_WIDTH = 800;
-const WIDTH_STORAGE_KEY = "forge-ai-sidebar-width";
-const WIDTH_STORAGE_KINDS = ["session", "local"];
-const AiSidebarComponentTagName = "forge-ai-sidebar";
-let AiSidebarComponent = class extends LitElement {
-  constructor() {
-    super();
-    __privateAdd(this, _AiSidebarComponent_instances);
-    this.open = false;
-    this.resizable = "on";
-    this.width = DEFAULT_WIDTH;
-    this._closing = false;
-    this._containerClosing = false;
-    this._isResizing = false;
-    __privateAdd(this, _resizeHandleRef, createRef());
-    __privateAdd(this, _drawerRef, createRef());
-    __privateAdd(this, _containerRef, createRef());
-    __privateAdd(this, _resizeController);
-    this.width = __privateMethod(this, _AiSidebarComponent_instances, readPersistedWidth_fn).call(this) ?? DEFAULT_WIDTH;
-    __privateSet(this, _resizeController, new ResizeController(this, {
-      targetElementRef: __privateGet(this, _containerRef),
-      resizeHandleRef: __privateGet(this, _resizeHandleRef),
-      minWidth: MIN_WIDTH,
-      maxWidth: MAX_WIDTH,
-      defaultWidth: DEFAULT_WIDTH,
-      onResize: (width) => {
-        this.width = width;
-      },
-      onResizeStart: () => {
-        this._isResizing = true;
-      },
-      onResizeEnd: () => {
-        this._isResizing = false;
-      },
-      onCommit: (width) => {
-        __privateMethod(this, _AiSidebarComponent_instances, handleResizeCommit_fn).call(this, width);
-      }
-    }));
-  }
-  render() {
-    const containerClasses = {
-      "animation-container": true,
-      "animation-container--open": this.open && !this._containerClosing,
-      "animation-container--closing": this._containerClosing,
-      "animation-container--closed": !this.open && !this._containerClosing,
-      "animation-container--resizing": this._isResizing
-    };
-    const drawerClasses = {
-      "forge-drawer": true,
-      "forge-drawer--right": true,
-      "forge-drawer--closing": this._closing,
-      "forge-drawer--closed": !this.open && !this._closing,
-      "forge-drawer--resizing": this._isResizing
-    };
-    const handleClasses = {
-      "resize-handle": true,
-      "resize-handle--active": this._isResizing
-    };
-    const containerStyles = {
-      "--forge-drawer-width": `${this.width}px`
-    };
-    return html`
-      <div
-        ${ref(__privateGet(this, _containerRef))}
-        class=${classMap(containerClasses)}
-        style=${styleMap(containerStyles)}
-        @transitionend=${__privateMethod(this, _AiSidebarComponent_instances, handleContainerTransitionEnd_fn)}>
-        <aside
-          ${ref(__privateGet(this, _drawerRef))}
-          class=${classMap(drawerClasses)}
-          ?open=${this.open}
-          role="complementary"
-          aria-hidden=${!this.open}
-          @transitionend=${__privateMethod(this, _AiSidebarComponent_instances, handleDrawerTransitionEnd_fn)}>
-          ${when(
-      this.resizable === "on",
-      () => html`
-              <div
-                ${ref(__privateGet(this, _resizeHandleRef))}
-                class=${classMap(handleClasses)}
-                role="slider"
-                aria-orientation="vertical"
-                aria-label="Resize chatbot panel, use left and right arrow keys"
-                aria-valuemin="${MIN_WIDTH}"
-                aria-valuemax="${MAX_WIDTH}"
-                aria-valuenow=${this.width}
-                aria-valuetext="${this.width} pixels"
-                tabindex="0"
-                @pointerdown=${__privateMethod(this, _AiSidebarComponent_instances, handleResizePointerDown_fn)}
-                @keydown=${__privateMethod(this, _AiSidebarComponent_instances, handleResizeKeyDown_fn)}>
-                <span class="resize-handle__grip" aria-hidden="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                    <path
-                      d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" />
-                  </svg>
-                </span>
-              </div>
-            `
-    )}
-          <slot></slot>
-        </aside>
-      </div>
-    `;
-  }
-  /**
-   * Opens the sidebar.
-   */
-  show() {
-    if (!this.open) {
-      this._closing = false;
-      this._containerClosing = false;
-      this.open = true;
-      __privateMethod(this, _AiSidebarComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-open");
-    }
-  }
-  /**
-   * Closes the sidebar.
-   */
-  close() {
-    if (this.open && !this._closing && !this._containerClosing) {
-      this._closing = true;
-      this._containerClosing = true;
-    }
-  }
-  /**
-   * Toggles the sidebar open state.
-   */
-  toggle() {
-    if (this.open) {
-      this.close();
-    } else {
-      this.show();
-    }
-  }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("width") && this.width !== __privateGet(this, _resizeController).currentWidth) {
-      __privateGet(this, _resizeController).setWidth(this.width);
-    }
-    if (changedProperties.has("resizable") && this.resizable === "off") {
-      __privateGet(this, _resizeController).resetWidth();
-      if (this.hasUpdated) {
-        __privateMethod(this, _AiSidebarComponent_instances, clearPersistedWidth_fn).call(this);
-      }
-    }
-  }
-};
-_resizeHandleRef = /* @__PURE__ */ new WeakMap();
-_drawerRef = /* @__PURE__ */ new WeakMap();
-_containerRef = /* @__PURE__ */ new WeakMap();
-_resizeController = /* @__PURE__ */ new WeakMap();
-_AiSidebarComponent_instances = /* @__PURE__ */ new WeakSet();
-handleContainerTransitionEnd_fn = function(evt) {
-  if (evt.target === evt.currentTarget && this._containerClosing) {
-    this._containerClosing = false;
-  }
-};
-handleDrawerTransitionEnd_fn = function(evt) {
-  if (evt.target === evt.currentTarget && this._closing) {
-    this.open = false;
-    this._closing = false;
-    __privateMethod(this, _AiSidebarComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-close");
-  }
-};
-handleResizePointerDown_fn = function(event) {
-  __privateGet(this, _resizeController).handlePointerDown(event);
-};
-handleResizeKeyDown_fn = function(event) {
-  __privateGet(this, _resizeController).handleKeyDown(event);
-};
-handleResizeCommit_fn = function(width) {
-  __privateMethod(this, _AiSidebarComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-resize", { width });
-  __privateMethod(this, _AiSidebarComponent_instances, persistWidth_fn).call(this, width);
-};
-readPersistedWidth_fn = function() {
-  for (const kind of WIDTH_STORAGE_KINDS) {
-    const width = readStoredNumber({ kind, key: WIDTH_STORAGE_KEY });
-    if (width !== void 0) {
-      return width;
-    }
-  }
-  return void 0;
-};
-persistWidth_fn = function(width) {
-  for (const kind of WIDTH_STORAGE_KINDS) {
-    writeStoredNumber({ kind, key: WIDTH_STORAGE_KEY, value: width });
-  }
-};
-clearPersistedWidth_fn = function() {
-  for (const kind of WIDTH_STORAGE_KINDS) {
-    removeStoredValue({ kind, key: WIDTH_STORAGE_KEY });
-  }
-};
-dispatchEvent_fn = function(type, detail) {
-  const event = new CustomEvent(type, {
-    bubbles: true,
-    composed: true,
-    detail
-  });
-  this.dispatchEvent(event);
-};
-AiSidebarComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ type: Boolean })
-], AiSidebarComponent.prototype, "open", 2);
-__decorateClass([
-  property()
-], AiSidebarComponent.prototype, "resizable", 2);
-__decorateClass([
-  property({ type: Number })
-], AiSidebarComponent.prototype, "width", 2);
-__decorateClass([
-  state()
-], AiSidebarComponent.prototype, "_closing", 2);
-__decorateClass([
-  state()
-], AiSidebarComponent.prototype, "_containerClosing", 2);
-__decorateClass([
-  state()
-], AiSidebarComponent.prototype, "_isResizing", 2);
-AiSidebarComponent = __decorateClass([
-  customElement(AiSidebarComponentTagName)
-], AiSidebarComponent);
-export {
-  AiSidebarComponent,
-  AiSidebarComponentTagName
-};
+//#region src/lib/ai-sidebar/ai-sidebar.scss?inline
+var ai_sidebar_default = "/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-drawer {\n  --_drawer-background:var(--forge-drawer-background, var(--forge-theme-surface, #ffffff));\n  --_drawer-border-color:var(--forge-drawer-border-color, var(--forge-theme-outline, #e0e0e0));\n  --_drawer-width:var(--forge-drawer-width, 256px);\n  --_drawer-border-width:var(--forge-drawer-border-width, var(--forge-border-thin, 1px));\n  --_drawer-transition-duration:var(--forge-drawer-transition-duration, var(--forge-animation-duration-medium1, 250ms));\n  --_drawer-transition-easing:var(--forge-drawer-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_drawer-transition-duration-close:var(--forge-drawer-transition-duration-close, var(--forge-animation-duration-short4, 200ms));\n}\n\n.forge-drawer {\n  width: var(--_drawer-width);\n  height: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr auto;\n  background-color: var(--_drawer-background);\n  border-color: var(--_drawer-border-color);\n  transition-property: transform;\n  transition-duration: var(--_drawer-transition-duration);\n  transition-timing-function: var(--_drawer-transition-easing);\n  border-right-width: var(--_drawer-border-width);\n  border-right-style: solid;\n}\n\n.forge-drawer--closing {\n  transform: translateX(-100%);\n  left: 0;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--closed {\n  transform: translateX(-100%);\n  left: 0;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--right {\n  border-left-width: var(--_drawer-border-width);\n  border-left-style: solid;\n  border-right: none;\n}\n\n.forge-drawer--right.forge-drawer--closing {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--right.forge-drawer--closed {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--mini {\n  width: var(--_mini-drawer-width);\n  z-index: var(--forge-z-index-surface, 1);\n  transition: width var(--_mini-drawer-transition-duration) var(--_mini-drawer-transition-easing);\n}\n\n:host {\n  display: block;\n  width: auto;\n  height: 100%;\n  overflow: hidden;\n}\n\n.animation-container {\n  --forge-drawer-width: 420px;\n  width: var(--forge-drawer-width);\n  height: 100%;\n  position: relative;\n  transition: width 250ms cubic-bezier(0.2, 0, 0, 1);\n  overflow: hidden;\n}\n.animation-container--closed {\n  width: 0;\n}\n.animation-container--closing {\n  width: 0;\n}\n.animation-container--open {\n  width: var(--forge-drawer-width);\n}\n.animation-container--resizing {\n  transition: none;\n}\n\n.forge-drawer {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: var(--forge-drawer-width);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.forge-drawer--resizing {\n  user-select: none;\n  transition: none;\n}\n\n.resize-handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 8px;\n  height: 100%;\n  cursor: ew-resize;\n  z-index: 10;\n}\n.resize-handle::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background-color: var(--forge-theme-outline, #e0e0e0);\n  opacity: 0;\n  transition: all var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n.resize-handle__grip {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  translate: 0 -50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: 6px;\n  height: 32px;\n  color: var(--forge-theme-text-low, rgba(0, 0, 0, 0.38));\n  background-color: var(--forge-theme-surface, #ffffff);\n  border: 1px solid var(--forge-theme-outline, #e0e0e0);\n  border-inline-start: none;\n  border-start-end-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  border-end-end-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  pointer-events: none;\n  transition: color var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-color var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n.resize-handle__grip svg {\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  fill: currentColor;\n}\n.resize-handle:hover::before {\n  opacity: 0.4;\n  width: 2px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: -2px;\n}\n.resize-handle:focus-visible::before {\n  opacity: 0.6;\n  width: 2px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle--active::before {\n  opacity: 0.8;\n  width: 3px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle:hover .resize-handle__grip, .resize-handle:focus-visible .resize-handle__grip, .resize-handle--active .resize-handle__grip {\n  color: var(--forge-theme-primary, #3f51b5);\n  border-color: var(--forge-theme-primary, #3f51b5);\n}";
+//#endregion
+export { ai_sidebar_default as default };

package/dist/ai-sidebar/ai-sidebar2.mjs

@@ -0,0 +1,211 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import { ResizeController } from "../core/resize-controller.mjs";
+import { readStoredNumber, removeStoredValue, writeStoredNumber } from "../utils/storage-utils.mjs";
+import ai_sidebar_default from "./ai-sidebar.mjs";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+import { classMap } from "lit/directives/class-map.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { styleMap } from "lit/directives/style-map.js";
+//#region src/lib/ai-sidebar/ai-sidebar.ts
+var DEFAULT_WIDTH = 420;
+var MIN_WIDTH = 360;
+var MAX_WIDTH = 800;
+var WIDTH_STORAGE_KEY = "forge-ai-sidebar-width";
+var WIDTH_STORAGE_KINDS = ["session", "local"];
+var AiSidebarComponentTagName = "forge-ai-sidebar";
+var AiSidebarComponent = class AiSidebarComponent extends LitElement {
+	static {
+		this.styles = unsafeCSS(ai_sidebar_default);
+	}
+	#resizeHandleRef;
+	#drawerRef;
+	#containerRef;
+	#resizeController;
+	constructor() {
+		super();
+		this.open = false;
+		this.resizable = "on";
+		this.width = DEFAULT_WIDTH;
+		this._closing = false;
+		this._containerClosing = false;
+		this._isResizing = false;
+		this.#resizeHandleRef = createRef();
+		this.#drawerRef = createRef();
+		this.#containerRef = createRef();
+		this.width = this.#readPersistedWidth() ?? DEFAULT_WIDTH;
+		this.#resizeController = new ResizeController(this, {
+			targetElementRef: this.#containerRef,
+			resizeHandleRef: this.#resizeHandleRef,
+			minWidth: MIN_WIDTH,
+			maxWidth: MAX_WIDTH,
+			defaultWidth: DEFAULT_WIDTH,
+			onResize: (width) => {
+				this.width = width;
+			},
+			onResizeStart: () => {
+				this._isResizing = true;
+			},
+			onResizeEnd: () => {
+				this._isResizing = false;
+			},
+			onCommit: (width) => {
+				this.#handleResizeCommit(width);
+			}
+		});
+	}
+	render() {
+		const containerClasses = {
+			"animation-container": true,
+			"animation-container--open": this.open && !this._containerClosing,
+			"animation-container--closing": this._containerClosing,
+			"animation-container--closed": !this.open && !this._containerClosing,
+			"animation-container--resizing": this._isResizing
+		};
+		const drawerClasses = {
+			"forge-drawer": true,
+			"forge-drawer--right": true,
+			"forge-drawer--closing": this._closing,
+			"forge-drawer--closed": !this.open && !this._closing,
+			"forge-drawer--resizing": this._isResizing
+		};
+		const handleClasses = {
+			"resize-handle": true,
+			"resize-handle--active": this._isResizing
+		};
+		const containerStyles = { "--forge-drawer-width": `${this.width}px` };
+		return html`
+      <div
+        ${ref(this.#containerRef)}
+        class=${classMap(containerClasses)}
+        style=${styleMap(containerStyles)}
+        @transitionend=${this.#handleContainerTransitionEnd}>
+        <aside
+          ${ref(this.#drawerRef)}
+          class=${classMap(drawerClasses)}
+          ?open=${this.open}
+          role="complementary"
+          aria-hidden=${!this.open}
+          @transitionend=${this.#handleDrawerTransitionEnd}>
+          ${when(this.resizable === "on", () => html`
+              <div
+                ${ref(this.#resizeHandleRef)}
+                class=${classMap(handleClasses)}
+                role="slider"
+                aria-orientation="vertical"
+                aria-label="Resize sidebar, use left and right arrow keys"
+                aria-valuemin="${MIN_WIDTH}"
+                aria-valuemax="${MAX_WIDTH}"
+                aria-valuenow=${this.width}
+                aria-valuetext="${this.width} pixels"
+                tabindex="0"
+                @pointerdown=${this.#handleResizePointerDown}
+                @keydown=${this.#handleResizeKeyDown}>
+                <span class="resize-handle__grip" aria-hidden="true">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                      d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" />
+                  </svg>
+                </span>
+              </div>
+            `)}
+          <slot></slot>
+        </aside>
+      </div>
+    `;
+	}
+	/**
+	* Opens the sidebar.
+	*/
+	show() {
+		if (!this.open) {
+			this._closing = false;
+			this._containerClosing = false;
+			this.open = true;
+			this.#dispatchEvent("forge-ai-sidebar-open");
+		}
+	}
+	/**
+	* Closes the sidebar.
+	*/
+	close() {
+		if (this.open && !this._closing && !this._containerClosing) {
+			this._closing = true;
+			this._containerClosing = true;
+		}
+	}
+	/**
+	* Toggles the sidebar open state.
+	*/
+	toggle() {
+		if (this.open) this.close();
+		else this.show();
+	}
+	willUpdate(changedProperties) {
+		if (changedProperties.has("width") && this.width !== this.#resizeController.currentWidth) this.#resizeController.setWidth(this.width);
+		if (changedProperties.has("resizable") && this.resizable === "off") {
+			this.#resizeController.resetWidth();
+			if (this.hasUpdated) this.#clearPersistedWidth();
+		}
+	}
+	#handleContainerTransitionEnd(evt) {
+		if (evt.target === evt.currentTarget && this._containerClosing) this._containerClosing = false;
+	}
+	#handleDrawerTransitionEnd(evt) {
+		if (evt.target === evt.currentTarget && this._closing) {
+			this.open = false;
+			this._closing = false;
+			this.#dispatchEvent("forge-ai-sidebar-close");
+		}
+	}
+	#handleResizePointerDown(event) {
+		this.#resizeController.handlePointerDown(event);
+	}
+	#handleResizeKeyDown(event) {
+		this.#resizeController.handleKeyDown(event);
+	}
+	#handleResizeCommit(width) {
+		this.#dispatchEvent("forge-ai-sidebar-resize", { width });
+		this.#persistWidth(width);
+	}
+	#readPersistedWidth() {
+		for (const kind of WIDTH_STORAGE_KINDS) {
+			const width = readStoredNumber({
+				kind,
+				key: WIDTH_STORAGE_KEY
+			});
+			if (width !== void 0) return width;
+		}
+	}
+	#persistWidth(width) {
+		for (const kind of WIDTH_STORAGE_KINDS) writeStoredNumber({
+			kind,
+			key: WIDTH_STORAGE_KEY,
+			value: width
+		});
+	}
+	#clearPersistedWidth() {
+		for (const kind of WIDTH_STORAGE_KINDS) removeStoredValue({
+			kind,
+			key: WIDTH_STORAGE_KEY
+		});
+	}
+	#dispatchEvent(type, detail) {
+		const event = new CustomEvent(type, {
+			bubbles: true,
+			composed: true,
+			detail
+		});
+		this.dispatchEvent(event);
+	}
+};
+__decorate([property({ type: Boolean })], AiSidebarComponent.prototype, "open", void 0);
+__decorate([property()], AiSidebarComponent.prototype, "resizable", void 0);
+__decorate([property({ type: Number })], AiSidebarComponent.prototype, "width", void 0);
+__decorate([state()], AiSidebarComponent.prototype, "_closing", void 0);
+__decorate([state()], AiSidebarComponent.prototype, "_containerClosing", void 0);
+__decorate([state()], AiSidebarComponent.prototype, "_isResizing", void 0);
+AiSidebarComponent = __decorate([customElement(AiSidebarComponentTagName)], AiSidebarComponent);
+//#endregion
+export { AiSidebarComponent, AiSidebarComponentTagName };

package/dist/ai-sidebar/index.d.ts

@@ -1,2 +1,2 @@
-export { AiSidebarComponent, AiSidebarComponentTagName } from './ai-sidebar';
-export type { ForgeAiSidebarResizeEventData } from './ai-sidebar';
+export { AiSidebarComponent, AiSidebarComponentTagName } from './ai-sidebar.js';
+export type { ForgeAiSidebarResizeEventData } from './ai-sidebar.js';

package/dist/ai-sidebar/index.mjs

@@ -1,5 +1 @@
-import { AiSidebarComponent, AiSidebarComponentTagName } from "./ai-sidebar.mjs";
-export {
-  AiSidebarComponent,
-  AiSidebarComponentTagName
-};
+export { AiSidebarComponent, AiSidebarComponentTagName } from "./ai-sidebar2.mjs";

package/dist/ai-slash-command-menu/ai-slash-command-menu.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues, TemplateResult, CSSResult } from 'lit';
-import { SlashCommand, ForgeAiSlashCommandMenuSelectEventData } from '../ai-chatbot/types.js';
+import { SlashCommand, ForgeAiSlashCommandMenuSelectEventData } from '../types/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-slash-command-menu': AiSlashCommandMenuComponent;
@@ -27,6 +27,7 @@ export declare class AiSlashCommandMenuComponent extends LitElement {
     private _filteredCommands;
     constructor();
     willUpdate(changedProperties: PropertyValues<this>): void;
+    updated(): void;
     handleKeyDown(event: KeyboardEvent): boolean;
     reset(): void;
     render(): TemplateResult;