From 0d1aa0a65926f0017f60b5e211437d149b25ddc9 Mon Sep 17 00:00:00 2001 From: skrustev Date: Mon, 9 Sep 2024 18:06:00 +0300 Subject: [PATCH 1/5] Fix list sample initial radio being checked. #839 --- samples/grids/list/overview/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/samples/grids/list/overview/index.html b/samples/grids/list/overview/index.html index 3542a58af1..96f63c89d4 100644 --- a/samples/grids/list/overview/index.html +++ b/samples/grids/list/overview/index.html @@ -13,8 +13,8 @@
Small - Medium - Large + Medium + Large From 360b8c07fa9001021d77fb8d1af261400ec59368 Mon Sep 17 00:00:00 2001 From: skrustev Date: Mon, 9 Sep 2024 18:10:40 +0300 Subject: [PATCH 2/5] Add default separator for clipboard operations sample. --- samples/grids/grid/clipboard-operations/src/index.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/samples/grids/grid/clipboard-operations/src/index.ts b/samples/grids/grid/clipboard-operations/src/index.ts index aa3cec1e6a..30fb93daf7 100644 --- a/samples/grids/grid/clipboard-operations/src/index.ts +++ b/samples/grids/grid/clipboard-operations/src/index.ts @@ -10,6 +10,7 @@ defineAllComponents(); import "./index.css"; export class Sample { + private defaultSeparator: string; private grid: IgcGridComponent private _bind: () => void; @@ -42,9 +43,10 @@ export class Sample { grid.cellSelection = 'multiple'; }); + this.defaultSeparator = grid.clipboardOptions.separator; var input = document.getElementById("input") as IgcInputComponent; input.addEventListener("igcChange", (ev: CustomEvent) => { - grid.clipboardOptions.separator = ev.detail; + grid.clipboardOptions.separator = ev.detail || this.defaultSeparator; }); } this._bind(); From 6de1f710b95746dd2df866ac1e0b8df550827146 Mon Sep 17 00:00:00 2001 From: skrustev Date: Mon, 9 Sep 2024 18:16:58 +0300 Subject: [PATCH 3/5] Match avatar size sample with other platform samples. --- samples/layouts/avatar/size/index.html | 6 +++--- samples/layouts/avatar/size/src/AvatarSize.css | 15 ++++++++++++++- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/samples/layouts/avatar/size/index.html b/samples/layouts/avatar/size/index.html index ed4ee92a58..0c84cd79fd 100644 --- a/samples/layouts/avatar/size/index.html +++ b/samples/layouts/avatar/size/index.html @@ -15,9 +15,9 @@
- - - + + +
diff --git a/samples/layouts/avatar/size/src/AvatarSize.css b/samples/layouts/avatar/size/src/AvatarSize.css index 8cfd68efd8..9a3299543b 100644 --- a/samples/layouts/avatar/size/src/AvatarSize.css +++ b/samples/layouts/avatar/size/src/AvatarSize.css @@ -1,3 +1,16 @@ -igc-avatar { +.size-small { + --ig-size: var(--ig-size-small); +} + +.size-medium { + --ig-size: var(--ig-size-medium); +} + +.size-large { --ig-size: var(--ig-size-large); +} + +.sample { + flex-direction: row; + gap: 10px; } \ No newline at end of file From dd8436296f762ad2b92a1c9dc5ee2c1f5fec80c6 Mon Sep 17 00:00:00 2001 From: skrustev Date: Tue, 10 Sep 2024 09:33:37 +0300 Subject: [PATCH 4/5] Add default separator for tree grid clipboard operations sample as well. --- samples/grids/tree-grid/clipboard-operations/src/index.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/samples/grids/tree-grid/clipboard-operations/src/index.ts b/samples/grids/tree-grid/clipboard-operations/src/index.ts index f7bddcd52f..74770fd968 100644 --- a/samples/grids/tree-grid/clipboard-operations/src/index.ts +++ b/samples/grids/tree-grid/clipboard-operations/src/index.ts @@ -17,6 +17,7 @@ export class Sample { private clipboardHeadersEditor: IgcPropertyEditorPropertyDescriptionComponent private clipboardFormattersEditor: IgcPropertyEditorPropertyDescriptionComponent private treeGrid: IgcTreeGridComponent + private defaultSeparator: string; constructor() { var clipboardEnabledEditor = this.clipboardEnabledEditor = document.getElementById('ClipboardEnabledEditor') as IgcPropertyEditorPropertyDescriptionComponent; @@ -49,9 +50,10 @@ export class Sample { grid.cellSelection = 'multiple'; }); + this.defaultSeparator = grid.clipboardOptions.separator; var input = document.getElementById("input") as IgcInputComponent; input.addEventListener("igcChange", (ev: CustomEvent) => { - grid.clipboardOptions.separator = ev.detail; + grid.clipboardOptions.separator = ev.detail || this.defaultSeparator; }); } From 57858c49379441eceb28af0e20d4a2b02bbc4c46 Mon Sep 17 00:00:00 2001 From: skrustev Date: Fri, 13 Sep 2024 10:22:34 +0300 Subject: [PATCH 5/5] Tweak clipboard operation samples so they work standalone. --- samples/grids/grid/clipboard-operations/src/index.ts | 5 +++-- samples/grids/tree-grid/clipboard-operations/src/index.ts | 4 +++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/samples/grids/grid/clipboard-operations/src/index.ts b/samples/grids/grid/clipboard-operations/src/index.ts index 30fb93daf7..c7c9ec2ce8 100644 --- a/samples/grids/grid/clipboard-operations/src/index.ts +++ b/samples/grids/grid/clipboard-operations/src/index.ts @@ -43,9 +43,11 @@ export class Sample { grid.cellSelection = 'multiple'; }); - this.defaultSeparator = grid.clipboardOptions.separator; var input = document.getElementById("input") as IgcInputComponent; input.addEventListener("igcChange", (ev: CustomEvent) => { + if (!this.defaultSeparator) { + this.defaultSeparator = grid.clipboardOptions.separator; + } grid.clipboardOptions.separator = ev.detail || this.defaultSeparator; }); } @@ -67,7 +69,6 @@ export class Sample { column.formatter = (e: any) => { return "** " + e + " **" }; column.header = "🎉" + column.field; } - } new Sample(); diff --git a/samples/grids/tree-grid/clipboard-operations/src/index.ts b/samples/grids/tree-grid/clipboard-operations/src/index.ts index 74770fd968..6e80c2f253 100644 --- a/samples/grids/tree-grid/clipboard-operations/src/index.ts +++ b/samples/grids/tree-grid/clipboard-operations/src/index.ts @@ -50,9 +50,11 @@ export class Sample { grid.cellSelection = 'multiple'; }); - this.defaultSeparator = grid.clipboardOptions.separator; var input = document.getElementById("input") as IgcInputComponent; input.addEventListener("igcChange", (ev: CustomEvent) => { + if (!this.defaultSeparator) { + this.defaultSeparator = grid.clipboardOptions.separator; + } grid.clipboardOptions.separator = ev.detail || this.defaultSeparator; }); }