Updating prod for WC 5.3.0

browser/public/index.html

@@ -519,6 +519,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/data-validator-service">─<span>Data Validator Service</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/data-validator-service-cross-field">─<span>Data Validator Service Cross Field</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/grid/data-validator-service-extended">─<span>Data Validator Service Extended</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/grid/disabled-summaries">─<span>Disabled Summaries</span></a> 
            <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> 
@@ -621,6 +622,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/data-summary-options">─<span>Data Summary Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/data-summary-options-styling">─<span>Data Summary Options Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/data-summary-template">─<span>Data Summary Template</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/disabled-summaries">─<span>Disabled Summaries</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/editing-columns">─<span>Editing Columns</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/editing-events">─<span>Editing Events</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/editing-lifecycle">─<span>Editing Lifecycle</span></a> 
@@ -729,6 +731,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/data-summary-options">─<span>Data Summary Options</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/data-summary-options-styling">─<span>Data Summary Options Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/data-summary-template">─<span>Data Summary Template</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/disabled-summaries">─<span>Disabled Summaries</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/editing-columns">─<span>Editing Columns</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/editing-events">─<span>Editing Events</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/editing-lifecycle">─<span>Editing Lifecycle</span></a> 
@@ -1024,6 +1027,16 @@
            <a class="nav-link" href="#" data-nav="/samples/layouts/tabs/prefix-suffix">─<span>Prefix Suffix</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/tabs/scrolling">─<span>Scrolling</span></a> 
        </div>
+       <label id="nav-tile-manager" class="nav-component">Tile Manager</label> 
+       <div id="nav-tile-manager-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/actions">─<span>Actions</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/columngap">─<span>Columngap</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/dragndrop">─<span>Dragndrop</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/layout">─<span>Layout</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/overview">─<span>Overview</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/resize">─<span>Resize</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/styling">─<span>Styling</span></a> 
+       </div>
 
        <div class="nav-group">MAPS</div> 
        <label id="nav-geographic-map" class="nav-component">Geographic Map</label> 

package.json

@@ -41,7 +41,7 @@
     "core-js": "^3.6.5",
     "file-saver": "^2.0.2",
     "igniteui-dockmanager": "1.16.0",
-    "igniteui-webcomponents": "5.2.4",
+    "igniteui-webcomponents": "5.3.0",
     "igniteui-webcomponents-charts": "5.3.0",
     "igniteui-webcomponents-core": "5.3.0",
     "igniteui-webcomponents-dashboards": "5.3.0",

samples/grids/pivot-grid/state-persistence-main/src/index.ts

@@ -21,7 +21,7 @@ export class Sample {
 
     public options: IgcGridStateOptions = {
         cellSelection: true,
-        rowSelection: true,
+        columnSelection: true,
         filtering: true,
         sorting: true,
         expansion: true,
@@ -245,13 +245,14 @@ export class Sample {
         if (action === 'allFeatures') {
             var allCheckboxes = Array.from(document.getElementsByTagName("igc-checkbox"));
             allCheckboxes.forEach(cb => {
-                cb.checked = event.detail;
+                cb.checked = event.detail.checked;
             });
+
             for (const key of Object.keys(this.options)) {
-                (this.gridState.options as any)[key] = event.detail;
-            }
+                (this.gridState.options as any)[key] = event.detail.checked;
+            }        
         } else {
-            (this.gridState.options as any)[action] = event.detail;
+            (this.gridState.options as any)[action] = event.detail.checked;
             var allFeatures = document.getElementById("allFeatures") as IgcCheckboxComponent;
             allFeatures.checked = Object.keys(this.options).every(o => (this.gridState.options as any)[o]);
         }

samples/layouts/tile-manager/actions/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}

samples/layouts/tile-manager/actions/ReadMe.md

@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Actions feature using [Tile Manager](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/layouts/tile-manager/actions" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/layouts/tile-manager/actions?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/layouts/tile-manager/actions
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).

samples/layouts/tile-manager/actions/index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Tile Manager Actions</title>
+  <meta charset="UTF-8" />
+
+  <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+  <link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
+</head>
+
+<body>
+  <div id="root">
+    <div class="container sample center">
+      <igc-tile-manager id="tile-manager1" column-count="2" gap="20px">
+        <igc-tile >
+          <h3 slot="title">Default Actions</h3>
+          <p>This tile has default actions and title.</p>
+        </igc-tile>
+        <igc-tile disable-fullscreen>
+          <h3 slot="title">No Fullscreen Action</h3>
+          <p>Fullscreen is disabled via property.</p>
+        </igc-tile>
+        <igc-tile disable-fullscreen disable-maximize>
+          <h3 slot="title">Custom Actions</h3>
+          <igc-icon-button id="customOne" slot="actions" variant="flat" collection="material" exportparts="icon" name="north_east"
+            aria-label="north_east"></igc-icon-button>
+          <p>Replace the default actions with custom ones, and include extra actions when the tile is maximized.</p>
+        </igc-tile>
+        <igc-tile disable-fullscreen disable-maximize>
+          <igc-icon-button id="customTwo" slot="actions" variant="flat" collection="material" exportparts="icon"
+            name="north_east"></igc-icon-button>
+          <p>Display only custom actions in the header.</p>
+        </igc-tile>
+        <igc-tile disable-fullscreen disable-maximize>
+          <h3 slot="title">Only title</h3>
+          <p>Display only title in the header.</p>
+        </igc-tile>
+        <igc-tile disable-fullscreen disable-maximize>
+          <p>Content only.</p>
+        </igc-tile>
+      </igc-tile-manager>
+    </div>
+  </div>
+
+  <!-- This script is needed only for parcel and it will be excluded for webpack -->
+  <% if (false) { %>
+    <script src="src/index.ts"></script>
+    <% } %>
+
+</body>
+
+</html>

samples/layouts/tile-manager/actions/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "wc-avatar-icon",
+  "version": "1.0.0",
+  "description": "This project provides example of Avatar Icon using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents": "5.3.0-RC.1",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
+    "tslib": "^2.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.10.0",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^1.0.0",
+    "csv-loader": "^3.0.2",
+    "file-loader": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^4.1.5",
+    "html-webpack-plugin": "^4.3.0",
+    "parcel-bundler": "^1.6.1",
+    "source-map": "^0.7.3",
+    "style-loader": "^0.22.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.4.4",
+    "webpack": "^5.96.1",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}

samples/layouts/tile-manager/actions/sandbox.config.json

@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+

samples/layouts/tile-manager/actions/src/index.css

@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */