Skip to content

Commit 98afbb7

Browse files
ChronosSFChronosSF
authored
Merge pull request #958 from IgniteUI/vnext
Updating prod for WC 5.3.0
2 parents e809066 + 60c2e96 commit 98afbb7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+2856
-10
lines changed

‎browser/public/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -519,6 +519,7 @@
519519
<a class="nav-link" href="#" data-nav="/samples/grids/grid/data-validator-service">─<span>Data Validator Service</span></a>
520520
<a class="nav-link" href="#" data-nav="/samples/grids/grid/data-validator-service-cross-field">─<span>Data Validator Service Cross Field</span></a>
521521
<a class="nav-link" href="#" data-nav="/samples/grids/grid/data-validator-service-extended">─<span>Data Validator Service Extended</span></a>
522+
<a class="nav-link" href="#" data-nav="/samples/grids/grid/disabled-summaries">─<span>Disabled Summaries</span></a>
522523
<a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-columns">─<span>Editing Columns</span></a>
523524
<a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-events">─<span>Editing Events</span></a>
524525
<a class="nav-link" href="#" data-nav="/samples/grids/grid/editing-excel-style">─<span>Editing Excel Style</span></a>
@@ -621,6 +622,7 @@
621622
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/data-summary-options">─<span>Data Summary Options</span></a>
622623
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/data-summary-options-styling">─<span>Data Summary Options Styling</span></a>
623624
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/data-summary-template">─<span>Data Summary Template</span></a>
625+
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/disabled-summaries">─<span>Disabled Summaries</span></a>
624626
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/editing-columns">─<span>Editing Columns</span></a>
625627
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/editing-events">─<span>Editing Events</span></a>
626628
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/editing-lifecycle">─<span>Editing Lifecycle</span></a>
@@ -729,6 +731,7 @@
729731
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/data-summary-options">─<span>Data Summary Options</span></a>
730732
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/data-summary-options-styling">─<span>Data Summary Options Styling</span></a>
731733
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/data-summary-template">─<span>Data Summary Template</span></a>
734+
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/disabled-summaries">─<span>Disabled Summaries</span></a>
732735
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/editing-columns">─<span>Editing Columns</span></a>
733736
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/editing-events">─<span>Editing Events</span></a>
734737
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/editing-lifecycle">─<span>Editing Lifecycle</span></a>
@@ -1024,6 +1027,16 @@
10241027
<a class="nav-link" href="#" data-nav="/samples/layouts/tabs/prefix-suffix">─<span>Prefix Suffix</span></a>
10251028
<a class="nav-link" href="#" data-nav="/samples/layouts/tabs/scrolling">─<span>Scrolling</span></a>
10261029
</div>
1030+
<label id="nav-tile-manager" class="nav-component">Tile Manager</label>
1031+
<div id="nav-tile-manager-list" class="nav-list" state="collapsed">
1032+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/actions">─<span>Actions</span></a>
1033+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/columngap">─<span>Columngap</span></a>
1034+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/dragndrop">─<span>Dragndrop</span></a>
1035+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/layout">─<span>Layout</span></a>
1036+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/overview">─<span>Overview</span></a>
1037+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/resize">─<span>Resize</span></a>
1038+
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/styling">─<span>Styling</span></a>
1039+
</div>
10271040

10281041
<div class="nav-group">MAPS</div>
10291042
<label id="nav-geographic-map" class="nav-component">Geographic Map</label>

‎package-lock.json‎

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
"core-js": "^3.6.5",
4242
"file-saver": "^2.0.2",
4343
"igniteui-dockmanager": "1.16.0",
44-
"igniteui-webcomponents": "5.2.4",
44+
"igniteui-webcomponents": "5.3.0",
4545
"igniteui-webcomponents-charts": "5.3.0",
4646
"igniteui-webcomponents-core": "5.3.0",
4747
"igniteui-webcomponents-dashboards": "5.3.0",

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

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export class Sample {
2121

2222
public options: IgcGridStateOptions = {
2323
cellSelection: true,
24-
rowSelection: true,
24+
columnSelection: true,
2525
filtering: true,
2626
sorting: true,
2727
expansion: true,
@@ -245,13 +245,14 @@ export class Sample {
245245
if (action === 'allFeatures') {
246246
var allCheckboxes = Array.from(document.getElementsByTagName("igc-checkbox"));
247247
allCheckboxes.forEach(cb => {
248-
cb.checked = event.detail;
248+
cb.checked = event.detail.checked;
249249
});
250+
250251
for (const key of Object.keys(this.options)) {
251-
(this.gridState.options as any)[key] = event.detail;
252-
}
252+
(this.gridState.options as any)[key] = event.detail.checked;
253+
}
253254
} else {
254-
(this.gridState.options as any)[action] = event.detail;
255+
(this.gridState.options as any)[action] = event.detail.checked;
255256
var allFeatures = document.getElementById("allFeatures") as IgcCheckboxComponent;
256257
allFeatures.checked = Object.keys(this.options).every(o => (this.gridState.options as any)[o]);
257258
}

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

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"printWidth": 250,
3+
"tabWidth": 4,
4+
"useTabs": false,
5+
"semi": true,
6+
"singleQuote": false,
7+
"trailingComma": "none",
8+
"bracketSpacing": true,
9+
"jsxBracketSameLine": false,
10+
"fluid": false
11+
}

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

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!-- NOTE: do not change this file because it's auto re-generated from template: -->
2+
<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
3+
4+
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.
5+
6+
7+
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
8+
<body>
9+
<a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
10+
<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"/>
11+
</a>
12+
<a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
13+
<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"/>
14+
</a>
15+
<a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/layouts/tile-manager/actions" rel="noopener noreferrer">
16+
<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"/>
17+
</a>
18+
<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">
19+
<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"/>
20+
</a>
21+
</body>
22+
</html>
23+
24+
## Branches
25+
26+
> **_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.
27+
28+
## Instructions
29+
30+
To set up this project locally, execute these commands:
31+
32+
```
33+
git clone https://github.com/IgniteUI/igniteui-wc-examples.git
34+
git checkout master
35+
cd ./igniteui-wc-examples
36+
cd ./samples/layouts/tile-manager/actions
37+
```
38+
39+
open above folder in VS Code or type:
40+
```
41+
code .
42+
```
43+
44+
In terminal window, run:
45+
46+
```
47+
npm install
48+
npm run start
49+
```
50+
51+
Then open http://localhost:4200/ in your browser
52+
53+
54+
## Learn More
55+
56+
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‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Tile Manager Actions</title>
6+
<meta charset="UTF-8" />
7+
8+
<link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png">
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
11+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
12+
<link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
13+
</head>
14+
15+
<body>
16+
<div id="root">
17+
<div class="container sample center">
18+
<igc-tile-manager id="tile-manager1" column-count="2" gap="20px">
19+
<igc-tile >
20+
<h3 slot="title">Default Actions</h3>
21+
<p>This tile has default actions and title.</p>
22+
</igc-tile>
23+
<igc-tile disable-fullscreen>
24+
<h3 slot="title">No Fullscreen Action</h3>
25+
<p>Fullscreen is disabled via property.</p>
26+
</igc-tile>
27+
<igc-tile disable-fullscreen disable-maximize>
28+
<h3 slot="title">Custom Actions</h3>
29+
<igc-icon-button id="customOne" slot="actions" variant="flat" collection="material" exportparts="icon" name="north_east"
30+
aria-label="north_east"></igc-icon-button>
31+
<p>Replace the default actions with custom ones, and include extra actions when the tile is maximized.</p>
32+
</igc-tile>
33+
<igc-tile disable-fullscreen disable-maximize>
34+
<igc-icon-button id="customTwo" slot="actions" variant="flat" collection="material" exportparts="icon"
35+
name="north_east"></igc-icon-button>
36+
<p>Display only custom actions in the header.</p>
37+
</igc-tile>
38+
<igc-tile disable-fullscreen disable-maximize>
39+
<h3 slot="title">Only title</h3>
40+
<p>Display only title in the header.</p>
41+
</igc-tile>
42+
<igc-tile disable-fullscreen disable-maximize>
43+
<p>Content only.</p>
44+
</igc-tile>
45+
</igc-tile-manager>
46+
</div>
47+
</div>
48+
49+
<!-- This script is needed only for parcel and it will be excluded for webpack -->
50+
<% if (false) { %>
51+
<script src="src/index.ts"></script>
52+
<% } %>
53+
54+
</body>
55+
56+
</html>

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

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
{
2+
"name": "wc-avatar-icon",
3+
"version": "1.0.0",
4+
"description": "This project provides example of Avatar Icon using IgniteUI for Web Components",
5+
"main": "src/index.ts",
6+
"scripts": {
7+
"build": "npm run build:prod",
8+
"build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
9+
"build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail",
10+
"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",
11+
"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/",
12+
"start": "npm run serve:dev",
13+
"build:legacy": "npm run build:prod:legacy",
14+
"build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details",
15+
"build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail",
16+
"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",
17+
"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/",
18+
"start:legacy": "npm run serve:dev:legacy"
19+
},
20+
"author": "Infragistics",
21+
"dependencies": {
22+
"@webcomponents/custom-elements": "^1.4.1",
23+
"@webcomponents/template": "^1.4.2",
24+
"babel-runtime": "^6.26.0",
25+
"core-js": "^3.6.5",
26+
"igniteui-webcomponents": "5.3.0-RC.1",
27+
"lit": "^3.2.0",
28+
"lit-html": "^3.2.0",
29+
"tslib": "^2.0.0"
30+
},
31+
"devDependencies": {
32+
"@babel/cli": "^7.8.3",
33+
"@babel/core": "^7.8.3",
34+
"@babel/plugin-proposal-class-properties": "^7.8.3",
35+
"@babel/plugin-transform-runtime": "^7.10.0",
36+
"@babel/preset-env": "^7.8.3",
37+
"@babel/preset-typescript": "^7.8.3",
38+
"@types/source-map": "^0.5.7",
39+
"babel-loader": "^8.1.0",
40+
"babel-plugin-transform-custom-element-classes": "^0.1.0",
41+
"css-loader": "^1.0.0",
42+
"csv-loader": "^3.0.2",
43+
"file-loader": "^4.2.0",
44+
"fork-ts-checker-webpack-plugin": "^4.1.5",
45+
"html-webpack-plugin": "^4.3.0",
46+
"parcel-bundler": "^1.6.1",
47+
"source-map": "^0.7.3",
48+
"style-loader": "^0.22.1",
49+
"tsconfig-paths-webpack-plugin": "^4.0.0",
50+
"typescript": "^4.4.4",
51+
"webpack": "^5.96.1",
52+
"webpack-cli": "^4.10.0",
53+
"webpack-dev-server": "^4.11.1",
54+
"worker-loader": "^3.0.8",
55+
"xml-loader": "^1.2.1"
56+
},
57+
"license": "",
58+
"homepage": "."
59+
}

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

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"infiniteLoopProtection": false,
3+
"hardReloadOnChange": false,
4+
"view": "browser",
5+
"template": "parcel"
6+
}
7+

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/* shared styles are loaded from: */
2+
/* https://static.infragistics.com/xplatform/css/samples */

0 commit comments

Comments
 (0)