RELEASE - merging vnext into master (#884)

* feat(carousel): add samples

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.9.13.1 (#846)

* Renaming the sample so it doesn't cause build error (#847)

Co-authored-by: Ivan Kitanov <IKitanov@infragistics.com>

* chore(*): Get dom elements on demand after load. (#835)

* fix(#848): Resolved unresponsiveness on hiding a maximized pane. (#849)

Co-authored-by: igdmdimitrov <49060557+igdmdimitrov@users.noreply.github.com>

* chore(*): update to 5.0.0-beta.0 (#851)

* chore(*): update ig packages to 5.0.2 (#852)

* Fixes to samples and some improvements (#843)

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.10.21.1 (#854)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

* fix(carousel): change properties' names;
update lit and ig versions

* fix(carousel): add animation type to thumbnail sample

* Edited data shown for consistency with other platforms

* Update web components package to 5.1.1 (#859)

* Unify range slider styling sample between platforms. (#691)

* fix(grid): fixed grid overlay scroll in pop up containers (#861)

* fix(*): add constructor;
add minor style changes

* chore(*): update ig packages to 5.0.3-beta.0 (#865)

* Re-instate steps for Licensed packages & use npm install

npm install instead of npm ci - due to some package balagans

* Re-instate licensed packages & use node 18 (#866)

* chore(deps): bump follow-redirects from 1.15.4 to 1.15.9

Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.15.4 to 1.15.9.
- [Release notes](https://github.com/follow-redirects/follow-redirects/releases)
- [Commits](follow-redirects/follow-redirects@v1.15.4...v1.15.9)

---
updated-dependencies:
- dependency-name: follow-redirects
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.11.14.1 (#873)

* chore(deps-dev): bump express from 4.18.2 to 4.21.1

Bumps [express](https://github.com/expressjs/express) from 4.18.2 to 4.21.1.
- [Release notes](https://github.com/expressjs/express/releases)
- [Changelog](https://github.com/expressjs/express/blob/4.21.1/History.md)
- [Commits](expressjs/express@4.18.2...4.21.1)

---
updated-dependencies:
- dependency-name: express
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore(deps-dev): bump webpack from 5.89.0 to 5.96.1

Bumps [webpack](https://github.com/webpack/webpack) from 5.89.0 to 5.96.1.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](webpack/webpack@v5.89.0...v5.96.1)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>

* Bump webpack-dev-middleware from 5.3.3 to 5.3.4

Bumps [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware) from 5.3.3 to 5.3.4.
- [Release notes](https://github.com/webpack/webpack-dev-middleware/releases)
- [Changelog](https://github.com/webpack/webpack-dev-middleware/blob/v5.3.4/CHANGELOG.md)
- [Commits](webpack/webpack-dev-middleware@v5.3.3...v5.3.4)

---
updated-dependencies:
- dependency-name: webpack-dev-middleware
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore(*): update ig packages to 5.1.0 (#878)

* update readme

* readme - Updating Packages in Samples

* revert CodeOwners

* caching issues (#883)

* mdd-update-browser-5.1.1-beta.0 (#885)

mdd-update-browser-5.1.1-beta.0

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.13.3

* update

update

* update packages to 5.1.1-beta.1

* update package-lock

* mdd-update-with-dashboards (#900)

mdd-update-with-dashboards

* update to next beta packages (#909)

* update to next beta packages

* update locak file

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.17.7 (#911)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.18.1 (#912)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.18.2 (#913)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.18.3 (#914)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.18.4 (#915)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

* update packages for 24.2 release (#916)

* Adding changes from build igniteui-xplat-examples-output+PRs_2024.12.19.3 (#917)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: RivaIvanova <ivanova.riva@gmail.com>
Co-authored-by: azure-pipelines[bot] <36771401+azure-pipelines[bot]@users.noreply.github.com>
Co-authored-by: Ivan Kitanov <69432826+IvanKitanov17@users.noreply.github.com>
Co-authored-by: Ivan Kitanov <IKitanov@infragistics.com>
Co-authored-by: Maya <MKirova@infragistics.com>
Co-authored-by: Galina Edinakova <gedinakova@infragistics.com>
Co-authored-by: igdmdimitrov <49060557+igdmdimitrov@users.noreply.github.com>
Co-authored-by: Deyan Kamburov <dkamburov@users.noreply.github.com>
Co-authored-by: Svetoslav Krastev <striker18@mail.bg>
Co-authored-by: Riva Ivanova <49126110+RivaIvanova@users.noreply.github.com>
Co-authored-by: tfsbuild <tfsbuild@infragistics.com>
Co-authored-by: Mariela Tihova <MTihova@infragistics.com>
Co-authored-by: Vasya Kacheshmarova <vasq1989@gmail.com>
Co-authored-by: Tihomir Tonev <ttonev@infragistics.com>
Co-authored-by: Borislav Traykov <borislav.traikov@gmail.com>
Co-authored-by: Konstantin Dinev <kdinev@mail.bw.edu>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Deyan Kamburov <dkamburov@infragistics.com>
Co-authored-by: gmurray81 <gmurray@gmail.com>
Co-authored-by: mddifilippo89 <mdifilippo@infragistics.com>
Co-authored-by: Valerie Suszynski <vsuszynski@infragistics.com>

README.md

@@ -93,6 +93,7 @@ Follow these instructions to run all samples locally in a browser application.
 This will install required packages and [Ignite UI for Web Components](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/general-getting-started.html) packages from npm website:
 
 - [igniteui-webcomponents-core](https://www.npmjs.com/package/igniteui-webcomponents-core)
+- [igniteui-webcomponents-core](https://www.npmjs.com/package/igniteui-webcomponents-dashboards)
 - [igniteui-webcomponents-charts](https://www.npmjs.com/package/igniteui-webcomponents-charts)
 - [igniteui-webcomponents-excel](https://www.npmjs.com/package/igniteui-webcomponents-excel)
 - [igniteui-webcomponents-gauges](https://www.npmjs.com/package/igniteui-webcomponents-gauges)
@@ -170,6 +171,20 @@ Next, follow these steps:
 - submit your pull request
 
 
+## Updating Packages in Samples
+
+NOTE Do NOT find replace version of packages in package.json files. 
+
+- open this repo in VS Code
+- open [./browser/tasks/gulp-samples.js](./browser/tasks/gulp-samples.js) file
+- navigate to the `updateIG` function
+- update version of packages in `packageUpgrades` array
+- open terminal window
+- run `cd browser` command
+- run the `gulp updateIG` command
+- run `npm install --legacy-peer-deps` command
+- create AND merge a pull request with changes in all package.json files in this repository
+- create 2nd pull request with similar changes in `/editor-templates/WebComponents/main-template/package.json` of the [igniteui-xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repository.
 
 ## Learn More
 

browser/config-overrides.js

@@ -1,4 +1,5 @@
 
+//note: I suspect this was copied over from the react browser, and isn't needed here.
 module.exports = function override(config, env) {
     console.log("Running config-overrides.js");
     const paths = require('./node_modules/react-scripts/config/paths');
@@ -41,16 +42,21 @@ module.exports = function override(config, env) {
             name: 'igniteui-webcomponents-grids',
             chunks: 'all',
         },
-        igniteuiMaps: {
+        igniteuiInputs: {
             test: /[\\/]node_modules[\\/](igniteui-webcomponents-inputs)[\\/]/,
             name: 'igniteui-webcomponents-inputs',
             chunks: 'all',
         },
-        igniteuiMaps: {
+        igniteuiLayouts: {
             test: /[\\/]node_modules[\\/](igniteui-webcomponents-layouts)[\\/]/,
             name: 'igniteui-webcomponents-layouts',
             chunks: 'all',
         },
+        igniteuiDashboards: {
+            test: /[\\/]node_modules[\\/](igniteui-webcomponents-dashboards)[\\/]/,
+            name: 'igniteui-webcomponents-dashboards',
+            chunks: 'all',
+        },
         igniteuiMaps: {
             test: /[\\/]node_modules[\\/](igniteui-webcomponents-maps)[\\/]/,
             name: 'igniteui-webcomponents-maps',

browser/public/index.html

@@ -105,6 +105,13 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/trendline">─<span>Trendline</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/value-lines">─<span>Value Lines</span></a> 
        </div>
+       <label id="nav-dashboard-tile" class="nav-component">Dashboard Tile</label> 
+       <div id="nav-dashboard-tile-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/dashboard-tile/chart-dashboard">─<span>Chart Dashboard</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/dashboard-tile/gauge-dashboard">─<span>Gauge Dashboard</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/dashboard-tile/map-dashboard">─<span>Map Dashboard</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/dashboard-tile/pie-dashboard">─<span>Pie Dashboard</span></a> 
+       </div>
        <label id="nav-data-chart" class="nav-component">Data Chart</label> 
        <div id="nav-data-chart-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/annotations-custom">─<span>Annotations Custom</span></a> 
@@ -292,6 +299,7 @@
        <div id="nav-toolbar-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/charts/toolbar/actions-built-in-category-chart">─<span>Actions Built In Category Chart</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/toolbar/actions-built-in-data-chart">─<span>Actions Built In Data Chart</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/toolbar/color-editor-support">─<span>Color Editor Support</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/toolbar/custom-tool">─<span>Custom Tool</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/toolbar/layout-actions-for-data-chart">─<span>Layout Actions For Data Chart</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/toolbar/layout-in-vertical-orientation">─<span>Layout In Vertical Orientation</span></a> 
@@ -316,6 +324,14 @@
        <div id="nav-multi-column-combobox-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/editors/multi-column-combobox/overview">─<span>Overview</span></a> 
        </div>
+       <label id="nav-x-date-picker" class="nav-component">X Date Picker</label> 
+       <div id="nav-x-date-picker-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/editors/x-date-picker/date-limits">─<span>XDate Picker Date Limits</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/editors/x-date-picker/editing">─<span>XDate Picker Editing</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/editors/x-date-picker/format">─<span>XDate Picker Format</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/editors/x-date-picker/overview">─<span>XDate Picker Overview</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/editors/x-date-picker/range">─<span>XDate Picker Range</span></a> 
+       </div>
 
        <div class="nav-group">EXCEL</div> 
        <label id="nav-excel-library" class="nav-component">Excel Library</label> 
@@ -459,6 +475,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-editing-styling">─<span>Cell Editing Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-selection-mode">─<span>Cell Selection Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-selection-style">─<span>Cell Selection Style</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/change-icons-custom">─<span>Change Icons Custom</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/clipboard-operations">─<span>Clipboard Operations</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-auto-sizing">─<span>Column Auto Sizing</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/column-collapsible-groups">─<span>Column Collapsible Groups</span></a> 
@@ -501,6 +518,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-columns">─<span>Editing Columns</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-events">─<span>Editing Events</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-excel-style">─<span>Editing Excel Style</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-excel-style-custom">─<span>Editing Excel Style Custom</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-lifecycle">─<span>Editing Lifecycle</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/excel-exporting">─<span>Excel Exporting</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/excel-style-filtering-sample-1">─<span>Excel Style Filtering Sample1</span></a> 
@@ -804,6 +822,10 @@
            <a class="nav-link" href="#" data-nav="/samples/inputs/circular-progress-indicator/simple">─<span>Simple</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/inputs/circular-progress-indicator/styling">─<span>Styling</span></a> 
        </div>
+       <label id="nav-color-editor" class="nav-component">Color Editor</label> 
+       <div id="nav-color-editor-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/inputs/color-editor/overview">─<span>Overview</span></a> 
+       </div>
        <label id="nav-combo" class="nav-component">Combo</label> 
        <div id="nav-combo-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/inputs/combo/features">─<span>Features</span></a> 
@@ -949,9 +971,9 @@
        </div>
        <label id="nav-divider" class="nav-component">Divider</label> 
        <div id="nav-divider-list" class="nav-list" state="collapsed"> 
-           <a class="nav-link" href="#" data-nav="/samples/layouts/divider/base">─<span>Base</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/divider/dashed">─<span>Dashed</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/divider/middle">─<span>Middle</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/divider/overview">─<span>Overview</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/divider/select">─<span>Select</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/divider/vertical">─<span>Vertical</span></a> 
        </div>
@@ -1091,7 +1113,7 @@
        </div>
        <label id="nav-date-picker" class="nav-component">Date Picker</label> 
        <div id="nav-date-picker-list" class="nav-list" state="collapsed"> 
-           <a class="nav-link" href="#" data-nav="/samples/scheduling/date-picker/dialog_mode">─<span>Dialog_mode</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/scheduling/date-picker/dialog-mode">─<span>Dialog Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/scheduling/date-picker/form">─<span>Form</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/scheduling/date-picker/format">─<span>Format</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/scheduling/date-picker/overview">─<span>Overview</span></a> 

browser/tasks/gulp-samples.js

@@ -972,30 +972,31 @@ function updateIG(cb) {
     del.sync("./samples/**/node_modules", {force:true});
 
     // NOTE: change this array with new version of packages and optionally use "@infragistics/" proget prefix, e.g.
-    // { name: "@infragistics/igniteui-webcomponents-core", version: "22.1.62" }, // LOCAL PROGET
-    // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
+    // { version: "22.1.62", name: "@infragistics/igniteui-webcomponents-core" }, // LOCAL PROGET
+    // { version: "3.2.12",  name:               "igniteui-webcomponents-core" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "5.1.0" },
-        { name: "igniteui-webcomponents-charts"                   , version: "5.1.0" },
-        { name: "igniteui-webcomponents-excel"                    , version: "5.1.0" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "5.1.0" },
-        { name: "igniteui-webcomponents-grids"                    , version: "5.1.0" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "5.1.0" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "5.1.0" },
-        { name: "igniteui-webcomponents-maps"                     , version: "5.1.0" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.1.0" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.1.0" },
-        { name: "igniteui-webcomponents-datasources"              , version: "5.1.0" },
+        { version: "5.1.1", name: "igniteui-webcomponents-core" },
+        { version: "5.1.1", name: "igniteui-webcomponents-charts" },
+        { version: "5.1.1", name: "igniteui-webcomponents-excel" },
+        { version: "5.1.1", name: "igniteui-webcomponents-gauges" },
+        { version: "5.1.1", name: "igniteui-webcomponents-grids" },
+        { version: "5.1.1", name: "igniteui-webcomponents-inputs" },
+        { version: "5.1.1", name: "igniteui-webcomponents-layouts" },
+        { version: "5.1.1", name: "igniteui-webcomponents-maps" },
+        { version: "5.1.1", name: "igniteui-webcomponents-spreadsheet-chart-adapter" },
+        { version: "5.1.1", name: "igniteui-webcomponents-spreadsheet" },
+        { version: "5.1.1", name: "igniteui-webcomponents-datasources" },
+        { version: "5.1.1", name: "igniteui-webcomponents-dashboards" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.1.2" },
-        { name: "igniteui-dockmanager", version: "1.15.2" },
+        { version: "5.1.2" , name: "igniteui-webcomponents" },
+        { version: "1.15.2", name: "igniteui-dockmanager" },
         // other packages:
-        { name: "webpack", version: "^5.96.1"  },
-        { name: "webpack-cli", version: "^4.10.0"  },
-        { name: "webpack-dev-server", version: "^4.11.1"  },
-        { name: "lit", version: "^3.2.0"  },
-        { name: "lit-html", version: "^3.2.0"  },
+        { version: "^5.96.1", name: "webpack" },
+        { version: "^4.10.0", name: "webpack-cli" },
+        { version: "^4.11.1", name: "webpack-dev-server" },
+        { version: "^3.2.0", name: "lit" },
+        { version: "^3.2.0", name: "lit-html" },
     ];
 
     var packagePaths = [