Merge branch 'master' into rkaraivanov/date-picker-autofill-fix

Author: rkaraivanov

package-lock.json

@@ -80,9 +80,9 @@
     "custom-element-vs-code-integration": "^1.5.0",
     "globby": "^15.0.0",
     "husky": "^9.1.7",
-    "ig-typedoc-theme": "^6.2.3",
+    "ig-typedoc-theme": "^7.0.0",
     "igniteui-i18n-resources": "0.6.0-alpha.4",
-    "igniteui-theming": "^21.0.2",
+    "igniteui-theming": "^22.1.0",
     "keep-a-changelog": "^2.7.1",
     "lint-staged": "^16.2.6",
     "lit-analyzer": "^2.0.3",
@@ -101,8 +101,8 @@
     "stylelint-scss": "^6.12.1",
     "ts-lit-plugin": "^2.0.2",
     "tslib": "^2.8.1",
-    "typedoc": "~0.27.9",
-    "typedoc-plugin-localization": "^3.0.6",
+    "typedoc": "~0.28.14",
+    "typedoc-plugin-localization": "^3.1.0",
     "typescript": "^5.8.3",
     "vite": "^7.1.12"
   },

package.json

@@ -1,11 +1,17 @@
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { create } from 'browser-sync';
 import watch from 'node-watch';
 import { Application } from 'typedoc';
 import report from './report.mjs';
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const toPosix = (p) => p.replace(/\\/g, '/');
 const browserSync = create();
-const ROOT = path.join.bind(null, path.resolve('./'));
+const ROOT = (...segments) =>
+  toPosix(path.resolve(__dirname, '..', ...segments));
 
 const TYPEDOC = {
   PLUGINS: {
@@ -99,6 +105,7 @@ async function main() {
     entryPointStrategy,
     plugin: [TYPEDOC.PLUGINS.THEME, TYPEDOC.PLUGINS.LOCALIZATION],
     theme: 'igtheme',
+    router: 'structure',
     excludePrivate: true,
     excludeProtected: true,
     excludeNotDocumented: true,

scripts/build-typedoc.js

@@ -8,7 +8,7 @@ import { addThemingController } from '../../theming/theming-controller.js';
 import IgcIconButtonComponent from '../button/icon-button.js';
 import IgcChipComponent from '../chip/chip.js';
 import { chatContext, chatUserInputContext } from '../common/context.js';
-import { enterKey } from '../common/controllers/key-bindings.js';
+import { enterKey, tabKey } from '../common/controllers/key-bindings.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { partMap } from '../common/part-map.js';
 import { bindIf, hasFiles, isEmpty, trimmedHtml } from '../common/util.js';
@@ -91,6 +91,10 @@ export default class IgcChatInputComponent extends LitElement {
     sendButton: () => this._renderSendButton(),
   });
 
+  private _userIsTyping = false;
+  private _userLastTypeTime = Date.now();
+  private _typingTimeout = 0;
+
   @consume({ context: chatContext, subscribe: true })
   private readonly _state!: ChatState;
 
@@ -148,6 +152,11 @@ export default class IgcChatInputComponent extends LitElement {
     this.focusInput();
   }
 
+  private _setTypingStateAndEmit(state: boolean): void {
+    this._userIsTyping = state;
+    this._userInputState.emitUserTypingState(state);
+  }
+
   private _handleAttachmentRemoved(attachment: IgcChatMessageAttachment): void {
     const current = this._userInputState.inputAttachments;
 
@@ -160,16 +169,38 @@ export default class IgcChatInputComponent extends LitElement {
   }
 
   private _handleKeydown(event: KeyboardEvent): void {
-    const isSendRequest =
-      event.key.toLowerCase() === enterKey.toLowerCase() && !event.shiftKey;
+    this._userLastTypeTime = Date.now();
+    const isEnterKey = event.key.toLowerCase() === enterKey.toLowerCase();
+    const isTab = event.key.toLocaleLowerCase() === tabKey.toLowerCase();
 
-    if (isSendRequest) {
+    if (isTab && !this._userIsTyping) {
+      return;
+    }
+
+    if (isEnterKey && !event.shiftKey) {
       event.preventDefault();
       this._sendMessage();
-    } else {
-      // TODO:
-      this._state.handleKeyDown(event);
+
+      if (this._userIsTyping) {
+        clearTimeout(this._typingTimeout);
+        this._setTypingStateAndEmit(false);
+      }
+
+      return;
     }
+
+    clearTimeout(this._typingTimeout);
+    const delay = this._state.stopTypingDelay;
+
+    if (!this._userIsTyping) {
+      this._setTypingStateAndEmit(true);
+    }
+
+    this._typingTimeout = setTimeout(() => {
+      if (this._userIsTyping && this._userLastTypeTime + delay <= Date.now()) {
+        this._setTypingStateAndEmit(false);
+      }
+    }, delay);
   }
 
   private _handleFileInputClick(): void {
@@ -238,6 +269,7 @@ export default class IgcChatInputComponent extends LitElement {
       this._state.attachFilesWithEvent(Array.from(input.files!));
     }
   }
+
   /**
    * Default attachments area template used when no custom template is provided.
    * Renders the list of input attachments as chips.

src/components/chat/chat-input.ts

@@ -46,9 +46,6 @@ export class ChatState {
    */
   private _acceptedTypesCache: ChatAcceptedFileTypes | null = null;
 
-  private _isTyping = false;
-  private _lastTyped = Date.now();
-
   public resourceStrings = IgcChatResourceStringEN;
 
   //#endregion
@@ -217,6 +214,11 @@ export class ChatState {
     return this._host.emitEvent('igcMessageReact', { detail: reaction });
   }
 
+  /** @internal */
+  public emitUserTypingState(state: boolean): boolean {
+    return this._host.emitEvent('igcTypingChange', { detail: state });
+  }
+
   /**
    * @internal
    */
@@ -326,29 +328,5 @@ export class ChatState {
     }
   }
 
-  public handleKeyDown = (_: KeyboardEvent) => {
-    this._lastTyped = Date.now();
-    if (!this._isTyping) {
-      this.emitEvent('igcTypingChange', {
-        detail: { isTyping: true },
-      });
-      this._isTyping = true;
-
-      const stopTypingDelay = this.stopTypingDelay;
-      setTimeout(() => {
-        if (
-          this._isTyping &&
-          stopTypingDelay &&
-          this._lastTyped + stopTypingDelay < Date.now()
-        ) {
-          this.emitEvent('igcTypingChange', {
-            detail: { isTyping: false },
-          });
-          this._isTyping = false;
-        }
-      }, stopTypingDelay);
-    }
-  };
-
   //#endregion
 }