@aquera/nile-elements 0.1.66-beta-1.1 → 0.1.67-beta-1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent nile-elements following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "nile-elements",
6
- "version": "0.1.66-beta-1.1",
6
+ "version": "0.1.67-beta-1.1",
7
7
  "main": "dist/src/index.js",
8
8
  "type": "module",
9
9
  "module": "dist/src/index.js",
@@ -52,23 +52,14 @@ export class NileTableRow extends NileElement {
52
52
  private _expandedSlot!: HTMLSlotElement;
53
53
 
54
54
 
55
-
56
- private onExpandIconClick = (e: MouseEvent) => {
57
- e.stopPropagation();
58
- this.expanded = !this.expanded;
59
- };
60
-
61
- protected updated(changedProps: Map<string, unknown>) {
62
- super.updated?.(changedProps);
63
- if (changedProps.has('expanded')) {
55
+ private toggleExpand(e: MouseEvent): void {
56
+ this.expanded = !this.expanded;
64
57
  this.dispatchEvent(new CustomEvent('nile-change', {
65
58
  detail: { expanded: this.expanded },
66
59
  bubbles: true,
67
60
  composed: true,
68
61
  }));
69
62
  }
70
- }
71
-
72
63
 
73
64
 
74
65
  private handleSortingAlter(event: CustomEvent) {
@@ -98,7 +89,7 @@ protected updated(changedProps: Map<string, unknown>) {
98
89
  <nile-icon
99
90
  class="expand-icon"
100
91
  name="${this.expanded ? 'chevron-up' : 'chevron-down'}"
101
- @click=${this.onExpandIconClick}
92
+ @click=${this.toggleExpand}
102
93
  role="button"
103
94
  size="10"
104
95
  aria-label="${this.expanded ? 'Collapse row' : 'Expand row'}">
@@ -3546,7 +3546,7 @@
3546
3546
  },
3547
3547
  {
3548
3548
  "name": "nile-table-row",
3549
- "description": "nile-table-row component.\n\nEvents:\n\n * `nile-change` {`CustomEvent<{ expanded: boolean; }>`} - \n\nAttributes:\n\n * `expandable` {`boolean`} - Render method\n\n * `expanded` {`boolean`} - \n\nProperties:\n\n * `expandable` {`boolean`} - Render method\n\n * `expanded` {`boolean`} - \n\n * `_expandedSlot` {`HTMLSlotElement`} - \n\n * `onExpandIconClick` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3549
+ "description": "nile-table-row component.\n\nEvents:\n\n * `nile-change` {`CustomEvent<{ expanded: boolean; }>`} - \n\nAttributes:\n\n * `expandable` {`boolean`} - Render method\n\n * `expanded` {`boolean`} - \n\nProperties:\n\n * `expandable` {`boolean`} - Render method\n\n * `expanded` {`boolean`} - \n\n * `_expandedSlot` {`HTMLSlotElement`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3550
3550
  "attributes": [
3551
3551
  {
3552
3552
  "name": "expandable",