Merge remote-tracking branch 'origin/master' into dpetev/update-license

Author: damyanpetev

.github/copilot-instructions.md

@@ -0,0 +1,51 @@
+# Persona
+
+You are a senior front-end developer with expertise in building reusable web components using Lit. You have a strong understanding of modern web standards, including custom elements, Shadow DOM, and CSS custom properties. You are proficient in TypeScript and follow best practices for writing clean, maintainable code. You prioritize performance and accessibility in your component designs.
+
+## Project Overview
+
+This project involves creating a library of reusable web components using the Lit framework. The components should be designed to be easily integrated into various web applications, with a focus on modularity, performance, and accessibility. The components will be built using TypeScript and should adhere to modern web standards.
+
+### Coding Standards
+
+- Use standard ESM imports.
+- TypeScript imports end with `.js` extension.
+- Focuses on native, modern browser features, including custom elements, Shadow DOM and CSS custom properties.
+- Follows latest ECMAScript standards and best practices with the exception of native private fields.
+- Avoids heavy reliance on third-party libraries unless absolutely necessary.
+- Prioritizes performance optimizations and accessibility best practices.
+- Writes clean, maintainable, and well-documented code.
+- Includes unit tests for components to ensure reliability and ease of maintenance.
+
+### TypeScript Best Practices
+
+- Use strict type checking.
+- Avoid using `any` type; use `unknown` when type is uncertain.
+- Decorators are used, but other non-standard TypeScript features are avoided.
+
+### Component Design Principles
+
+- Components should be self-contained and encapsulated.
+- Use Shadow DOM to encapsulate styles and markup.
+- Ensure components are accessible, following WCAG guidelines.
+- Optimize for performance, minimizing re-renders and unnecessary DOM updates.
+- Expose component attributes **only** for "primitive" types (string, number, boolean).
+- Prefer composition over inheritance for component reuse.
+
+### Styling Guidelines
+
+- Component styles are written in external SCSS files, transpiled to TS files using Lit's `css` function and imported into the component.
+- Internal parts of components are styled using part selectors.
+- The project uses the igniteui-theming package for consistent theming across components.
+
+### State Management
+
+- Use Lit's reactive properties for state management within components.
+- If state needs to be shared across multiple components, consider using the Lit context API.
+
+### Resources
+
+- [Lit Documentation](https://lit.dev/docs/)
+- [Lit Cheat Sheet](https://lit.dev/articles/lit-cheat-sheet/)
+- [Lit Context API](https://lit.dev/docs/data/context/)
+- [Web Components Basics](https://developer.mozilla.org/en-US/docs/Web/Web_Components)

.github/workflows/node.js.yml

@@ -2,6 +2,8 @@
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
 name: Node.js CI
+permissions:
+  contents: read
 
 on:
   push:

.github/workflows/npm-publish.yml

@@ -1,4 +1,6 @@
 name: Npm.js deploy
+permissions:
+  contents: read
 
 on:
   release:

.gitignore

@@ -35,3 +35,5 @@ i18nRepo
 .env
 .envrc
 .direnv
+
+.vs

.storybook/preview.ts

@@ -4,6 +4,24 @@ import { type CSSResult, html } from 'lit';
 import { configureTheme } from '../src/theming/config';
 import type { Decorator, Preview } from '@storybook/web-components-vite';
 import { withActions } from 'storybook/actions/decorator';
+import { registerI18n } from 'igniteui-i18n-core';
+import {
+  ResourceStringsBG,
+  ResourceStringsDE,
+  ResourceStringsES,
+  ResourceStringsFR,
+  ResourceStringsJA,
+} from 'igniteui-i18n-resources';
+
+const LocalizationResources = new Map(
+  Object.entries({
+    de: ResourceStringsDE,
+    fr: ResourceStringsFR,
+    es: ResourceStringsES,
+    ja: ResourceStringsJA,
+    bg: ResourceStringsBG,
+  })
+);
 
 type ThemeImport = { styles: CSSResult };
 
@@ -62,6 +80,12 @@ const themeProvider: Decorator = (story, context) => {
   `;
 };
 
+const localeProvider: Decorator = (story, context) => {
+  const { localization } = context.globals;
+  document.documentElement.lang = localization ?? 'en';
+  return story();
+};
+
 export default {
   globalTypes: {
     theme: {
@@ -102,6 +126,21 @@ export default {
         ],
       },
     },
+    localization: {
+      name: 'Localization',
+      description: 'Component localization',
+      toolbar: {
+        icon: 'globe',
+        items: [
+          { value: 'en', title: 'English' },
+          { value: 'de', title: 'German' },
+          { value: 'fr', title: 'French' },
+          { value: 'es', title: 'Spanish' },
+          { value: 'ja', title: 'Japanese' },
+          { value: 'bg', title: 'Bulgarian' },
+        ],
+      },
+    },
     size: {
       name: 'Size',
       description: 'Component size',
@@ -120,16 +159,21 @@ export default {
     theme: 'bootstrap',
     variant: 'light',
     direction: 'ltr',
+    localization: 'en',
     size: 'default',
   },
   parameters: {
     backgrounds: {
-      disable: true,
+      disabled: true,
     },
   },
-  decorators: [themeProvider, withActions],
+  decorators: [themeProvider, withActions, localeProvider],
   loaders: [
     async (context) => {
+      for (const [locale, resources] of LocalizationResources.entries()) {
+        registerI18n(resources, locale);
+      }
+
       const { theme, variant } = context.globals;
       return { theme: getTheme({ theme, variant }) };
     },

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+
+## [Unreleased]
+### Fixed
+- #### Tooltip
+  - Do not show tooltip when target is clicked [#1828](https://github.com/IgniteUI/igniteui-webcomponents/issues/1828)
+
 ## [6.3.5] - 2025-11-13
 ### Changed
 - **License Update**: The project license has been updated to the MIT License, providing greater flexibility and openness for the community. This change reflects our commitment to fostering an inclusive and collaborative development environment while maintaining the high-quality standards you expect from Ignite UI Web Components.

README.md

@@ -26,6 +26,7 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 
 | Components              | Status |         Documentation          | Released Version |
 | :---------------------- | :----: | :----------------------------: | :--------------: |
+| Chat                    |   ✅   | [Docs][Chat Docs]              |     [6.3.0]      |
 | Date Range Picker       |   ✅   | [Docs][Date Range Picker Docs] |     [6.1.0]      |
 | Tooltip                 |   ✅   |      [Docs][Tooltip Docs]      |     [5.4.0]      |
 | File Input              |   ✅   |    [Docs][File Input Docs]     |     [5.4.0]      |
@@ -256,6 +257,7 @@ npm run storybook:build
 [File Input Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/file-input
 [Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/tooltip
 [Date Range Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-range-picker
+[Chat Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/interactivity/chat
 [1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
 [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
 [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0
@@ -270,3 +272,4 @@ npm run storybook:build
 [5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.3.0
 [5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.4.0
 [6.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/6.1.0
+[6.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/6.3.0

ROADMAP.md

@@ -2,19 +2,29 @@
 
 # Current Milestone
 
-## Milestone 17 (Due Jun, 2025)
+## Milestone 20 (Due Nov, 2025)
 
-1. Date range picker [1596](https://github.com/IgniteUI/igniteui-webcomponents/issues/1596)
-2. Tooltip component [1615](https://github.com/IgniteUI/igniteui-webcomponents/issues/1615)
+1. Grids Cell Merging feature
+2. Grids Pining on both sides feature
 
 ## Going down the road
 
-1. Bottom navigation component [#169](https://github.com/IgniteUI/igniteui-webcomponents/issues/169)
-2. Splitter component [#184](https://github.com/IgniteUI/igniteui-webcomponents/issues/184)
-3. Chat UI component
+1. Grids localization 
 
 # Previous Milestone
 
+## Milestone 19, version 6.3.0, Released Sep 18th, 2025
+
+1. **[DONE]** Chat component
+
+## Milestone 18, version 6.1.0, Released Jun 12th, 2025
+
+1. **[DONE]** Date range picker [1596](https://github.com/IgniteUI/igniteui-webcomponents/issues/1596)
+
+## Milestone 17, version 5.4.0, Released Apr 23rd, 2025
+
+1. **[DONE]** Tooltip component [1615](https://github.com/IgniteUI/igniteui-webcomponents/issues/1615)
+   
 ## Milestone 16, version 5.3.0, Released Mar 13th, 2025
 
 1. **[DONE]** Tile manager component [#1402](https://github.com/IgniteUI/igniteui-webcomponents/pull/1402)