Skip to content

Commit 80c6635

Browse files
ChronosSFChronosSF
authored
Merge pull request #733 from IgniteUI/ESShared/XPlaform_examples_igniteui-xplat-examples-output+PRs_2024.4.17.1
Changes from igniteui-xplat-examples-output+PRs_2024.4.17.1
2 parents cc53a11 + 3c79f29 commit 80c6635

File tree

13 files changed

+1913
-6
lines changed

13 files changed

+1913
-6
lines changed

‎samples/grids/grid/cell-selection-style/src/index.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
#grid {
55
--cell-selected-text-color: #FFFFFF;
6-
--cell-active-border-color: #0578c4;
7-
--cell-selected-background: #0578c4;
6+
--cell-active-border-color: #f2c43c;
7+
--cell-selected-background: #0062a3;
88
}
99

‎samples/grids/grid/styling-custom-CSS/src/index.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
#grid {
55
--cell-selected-text-color: #FFFFFF;
6-
--cell-active-border-color: #0578c4;
7-
--cell-selected-background: #0578c4;
6+
--cell-active-border-color: #f2c43c;
7+
--cell-selected-background: #0062a3;
88
}
99

‎samples/grids/hierarchical-grid/cell-selection-style/.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/grids/hierarchical-grid/cell-selection-style/index.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Sample | Ignite UI | Web Components | infragistics</title>
5+
<meta charset="UTF-8" />
6+
7+
<link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
8+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
11+
<link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
12+
<link rel="stylesheet" href="/src/index.css" type="text/css" />
13+
14+
</head>
15+
16+
<body>
17+
<div id="root">
18+
19+
<div class="container sample ig-typography">
20+
<div class="options vertical">
21+
<igc-property-editor-panel
22+
name="PropertyEditor"
23+
id="PropertyEditor"
24+
description-type="WebHierarchicalGrid"
25+
is-horizontal="true"
26+
is-wrapping-enabled="true">
27+
<igc-property-editor-property-description
28+
property-path="CellSelection"
29+
name="CellSelectionEditor"
30+
id="CellSelectionEditor"
31+
value-type="EnumValue"
32+
drop-down-names="None, Single, Multiple"
33+
drop-down-values="None, Single, Multiple">
34+
</igc-property-editor-property-description>
35+
</igc-property-editor-panel>
36+
</div>
37+
38+
<div class="container fill">
39+
<igc-hierarchical-grid
40+
auto-generate="false"
41+
id="hGrid"
42+
name="hGrid"
43+
id="hGrid"
44+
primary-key="ID">
45+
<igc-column
46+
field="Artist"
47+
header="Artist"
48+
data-type="string"
49+
resizable="true">
50+
</igc-column>
51+
<igc-column
52+
field="Photo"
53+
header="Photo"
54+
data-type="image"
55+
min-width="115px"
56+
resizable="true">
57+
</igc-column>
58+
<igc-column
59+
field="Debut"
60+
header="Debut"
61+
data-type="number"
62+
min-width="88px"
63+
max-width="230px"
64+
resizable="true">
65+
</igc-column>
66+
<igc-column
67+
field="GrammyNominations"
68+
header="Grammy Nominations"
69+
data-type="string"
70+
resizable="true">
71+
</igc-column>
72+
<igc-column
73+
field="GrammyAwards"
74+
header="Grammy Awards"
75+
data-type="string"
76+
resizable="true">
77+
</igc-column>
78+
<igc-row-island
79+
child-data-key="Albums"
80+
auto-generate="false">
81+
<igc-column
82+
field="Album"
83+
header="Album"
84+
data-type="string"
85+
resizable="true">
86+
</igc-column>
87+
<igc-column
88+
field="LaunchDate"
89+
header="Launch Date"
90+
data-type="date"
91+
resizable="true">
92+
</igc-column>
93+
<igc-column
94+
field="BillboardReview"
95+
header="Billboard Review"
96+
data-type="string"
97+
resizable="true">
98+
</igc-column>
99+
<igc-column
100+
field="USBillboard200"
101+
header="US Billboard 200"
102+
data-type="string"
103+
resizable="true">
104+
</igc-column>
105+
<igc-row-island
106+
child-data-key="Songs"
107+
auto-generate="false">
108+
<igc-column
109+
field="Number"
110+
header="No."
111+
data-type="string"
112+
resizable="true">
113+
</igc-column>
114+
<igc-column
115+
field="Title"
116+
header="Title"
117+
data-type="string"
118+
resizable="true">
119+
</igc-column>
120+
<igc-column
121+
field="Released"
122+
header="Released"
123+
data-type="string"
124+
resizable="true">
125+
</igc-column>
126+
<igc-column
127+
field="Genre"
128+
header="Genre"
129+
data-type="string"
130+
resizable="true">
131+
</igc-column>
132+
</igc-row-island>
133+
</igc-row-island>
134+
<igc-row-island
135+
child-data-key="Tours"
136+
auto-generate="false">
137+
<igc-column
138+
field="Tour"
139+
header="Tour"
140+
data-type="string"
141+
resizable="true">
142+
</igc-column>
143+
<igc-column
144+
field="StartedOn"
145+
header="Started on"
146+
data-type="string"
147+
resizable="true">
148+
</igc-column>
149+
<igc-column
150+
field="Location"
151+
header="Location"
152+
data-type="string"
153+
resizable="true">
154+
</igc-column>
155+
<igc-column
156+
field="Headliner"
157+
header="Headliner"
158+
data-type="string"
159+
resizable="true">
160+
</igc-column>
161+
</igc-row-island>
162+
</igc-hierarchical-grid>
163+
</div>
164+
</div>
165+
166+
</div>
167+
168+
<!-- This script is needed only for parcel and it will be excluded for webpack -->
169+
<% if (false) { %><script src="src/index.ts"></script><% } %>
170+
</body>
171+
</html>

‎samples/grids/hierarchical-grid/cell-selection-style/package.json‎

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

‎samples/grids/hierarchical-grid/cell-selection-style/sandbox.config.json‎

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

0 commit comments

Comments
 (0)