@aquera/nile-elements 0.1.69-beta-1.0 → 0.1.70-beta-1.0

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.
Files changed (10) hide show
  1. package/demo/index.html +182 -17
  2. package/dist/index.js +1 -1
  3. package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
  4. package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
  5. package/dist/nile-table-row/nile-table-row.css.esm.js +1 -1
  6. package/dist/src/nile-table-row/nile-table-row.css.js +1 -1
  7. package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
  8. package/dist/tsconfig.tsbuildinfo +1 -1
  9. package/package.json +1 -1
  10. package/src/nile-table-row/nile-table-row.css.ts +1 -1
package/demo/index.html CHANGED
@@ -26,7 +26,7 @@
26
26
  /* nile-table-row.expandableHeader::part(expandable-icon){visibility: hidden;
27
27
  } */
28
28
 
29
-
29
+ /*
30
30
  .mytable::part(base) {
31
31
  height: 400px;
32
32
  overflow-y: auto;
@@ -38,7 +38,7 @@
38
38
  .mytable nile-table-header-item {
39
39
  position: sticky;
40
40
  top: 0;
41
- z-index: 2;
41
+ z-index: 1;
42
42
 
43
43
  }
44
44
 
@@ -46,21 +46,21 @@
46
46
  position: sticky;
47
47
  top: 0;
48
48
  z-index: 1;
49
- }
49
+ } */
50
50
 
51
51
 
52
52
 
53
53
  /* First Name & Last Name - 15% each */
54
- nile-table-header-item:nth-child(3), nile-table-cell-item:nth-child(3) {
54
+ /* nile-table-header-item:nth-child(3), nile-table-cell-item:nth-child(3) {
55
55
  width: 100px;
56
- }
56
+ } */
57
57
  </style>
58
58
 
59
59
  <body>
60
60
 
61
- <nile-table-body class="mytable" expandableRows>
62
- <nile-table-row class="expandableHeader">
63
- <nile-table-header-item class="header1">First Name</nile-table-header-item>
61
+ <nile-table-body class="mytable" expandableRows singleRowExpand>
62
+ <nile-table-row class="expandableHeader" expandable="false">
63
+ <nile-table-header-item haveFilter class="header1">First Name</nile-table-header-item>
64
64
  <nile-table-header-item class="header2">Last Name</nile-table-header-item>
65
65
  <nile-table-header-item class="header3">Rating</nile-table-header-item>
66
66
  <nile-table-header-item class="header4">Demo</nile-table-header-item>
@@ -72,6 +72,46 @@
72
72
  <nile-table-cell-item>4.5</nile-table-cell-item>
73
73
  <nile-table-cell-item>Yes</nile-table-cell-item>
74
74
  <nile-table-cell-item>Something</nile-table-cell-item>
75
+ <div slot="expanded" style="padding: 40px;">
76
+ <nile-table-body>
77
+ <nile-table-row>
78
+ <nile-table-header-item>First Name</nile-table-header-item>
79
+ <nile-table-header-item>Last Name</nile-table-header-item>
80
+ <nile-table-header-item>Rating</nile-table-header-item>
81
+ <nile-table-header-item>Demo</nile-table-header-item>
82
+ <nile-table-header-item>Description</nile-table-header-item>
83
+ </nile-table-row>
84
+ <nile-table-row>
85
+ <nile-table-cell-item>John</nile-table-cell-item>
86
+ <nile-table-cell-item>Doe</nile-table-cell-item>
87
+ <nile-table-cell-item>4.5</nile-table-cell-item>
88
+ <nile-table-cell-item>Yes</nile-table-cell-item>
89
+ <nile-table-cell-item>Something</nile-table-cell-item>
90
+ </nile-table-row>
91
+ <nile-table-row>
92
+ <nile-table-cell-item>John</nile-table-cell-item>
93
+ <nile-table-cell-item>Doe</nile-table-cell-item>
94
+ <nile-table-cell-item>4.5</nile-table-cell-item>
95
+ <nile-table-cell-item>No</nile-table-cell-item>
96
+ <nile-table-cell-item>Something</nile-table-cell-item>
97
+ </nile-table-row>
98
+ <nile-table-row>
99
+ <nile-table-cell-item>John</nile-table-cell-item>
100
+ <nile-table-cell-item>Doe</nile-table-cell-item>
101
+ <nile-table-cell-item>4.5</nile-table-cell-item>
102
+ <nile-table-cell-item>Yes</nile-table-cell-item>
103
+ <nile-table-cell-item>Something</nile-table-cell-item>
104
+ </nile-table-row>
105
+ <nile-table-row>
106
+ <nile-table-cell-item>John</nile-table-cell-item>
107
+ <nile-table-cell-item>Doe</nile-table-cell-item>
108
+ <nile-table-cell-item>4.5</nile-table-cell-item>
109
+ <nile-table-cell-item>No</nile-table-cell-item>
110
+ <nile-table-cell-item>Something</nile-table-cell-item>
111
+ </nile-table-row>
112
+
113
+ </nile-table-body>
114
+ </div>
75
115
  </nile-table-row>
76
116
  <nile-table-row>
77
117
  <nile-table-cell-item>John</nile-table-cell-item>
@@ -79,6 +119,46 @@
79
119
  <nile-table-cell-item>4.5</nile-table-cell-item>
80
120
  <nile-table-cell-item>No</nile-table-cell-item>
81
121
  <nile-table-cell-item>Something</nile-table-cell-item>
122
+ <div slot="expanded" style="padding: 40px;">
123
+ <nile-table-body>
124
+ <nile-table-row>
125
+ <nile-table-header-item>First Name</nile-table-header-item>
126
+ <nile-table-header-item>Last Name</nile-table-header-item>
127
+ <nile-table-header-item>Rating</nile-table-header-item>
128
+ <nile-table-header-item>Demo</nile-table-header-item>
129
+ <nile-table-header-item>Description</nile-table-header-item>
130
+ </nile-table-row>
131
+ <nile-table-row>
132
+ <nile-table-cell-item>John</nile-table-cell-item>
133
+ <nile-table-cell-item>Doe</nile-table-cell-item>
134
+ <nile-table-cell-item>4.5</nile-table-cell-item>
135
+ <nile-table-cell-item>Yes</nile-table-cell-item>
136
+ <nile-table-cell-item>Something</nile-table-cell-item>
137
+ </nile-table-row>
138
+ <nile-table-row>
139
+ <nile-table-cell-item>John</nile-table-cell-item>
140
+ <nile-table-cell-item>Doe</nile-table-cell-item>
141
+ <nile-table-cell-item>4.5</nile-table-cell-item>
142
+ <nile-table-cell-item>No</nile-table-cell-item>
143
+ <nile-table-cell-item>Something</nile-table-cell-item>
144
+ </nile-table-row>
145
+ <nile-table-row>
146
+ <nile-table-cell-item>John</nile-table-cell-item>
147
+ <nile-table-cell-item>Doe</nile-table-cell-item>
148
+ <nile-table-cell-item>4.5</nile-table-cell-item>
149
+ <nile-table-cell-item>Yes</nile-table-cell-item>
150
+ <nile-table-cell-item>Something</nile-table-cell-item>
151
+ </nile-table-row>
152
+ <nile-table-row>
153
+ <nile-table-cell-item>John</nile-table-cell-item>
154
+ <nile-table-cell-item>Doe</nile-table-cell-item>
155
+ <nile-table-cell-item>4.5</nile-table-cell-item>
156
+ <nile-table-cell-item>No</nile-table-cell-item>
157
+ <nile-table-cell-item>Something</nile-table-cell-item>
158
+ </nile-table-row>
159
+
160
+ </nile-table-body>
161
+ </div>
82
162
  </nile-table-row>
83
163
  <nile-table-row>
84
164
  <nile-table-cell-item>John</nile-table-cell-item>
@@ -86,6 +166,46 @@
86
166
  <nile-table-cell-item>4.5</nile-table-cell-item>
87
167
  <nile-table-cell-item>No</nile-table-cell-item>
88
168
  <nile-table-cell-item>Something</nile-table-cell-item>
169
+ <div slot="expanded" style="padding: 40px;">
170
+ <nile-table-body>
171
+ <nile-table-row>
172
+ <nile-table-header-item>First Name</nile-table-header-item>
173
+ <nile-table-header-item>Last Name</nile-table-header-item>
174
+ <nile-table-header-item>Rating</nile-table-header-item>
175
+ <nile-table-header-item>Demo</nile-table-header-item>
176
+ <nile-table-header-item>Description</nile-table-header-item>
177
+ </nile-table-row>
178
+ <nile-table-row>
179
+ <nile-table-cell-item>John</nile-table-cell-item>
180
+ <nile-table-cell-item>Doe</nile-table-cell-item>
181
+ <nile-table-cell-item>4.5</nile-table-cell-item>
182
+ <nile-table-cell-item>Yes</nile-table-cell-item>
183
+ <nile-table-cell-item>Something</nile-table-cell-item>
184
+ </nile-table-row>
185
+ <nile-table-row>
186
+ <nile-table-cell-item>John</nile-table-cell-item>
187
+ <nile-table-cell-item>Doe</nile-table-cell-item>
188
+ <nile-table-cell-item>4.5</nile-table-cell-item>
189
+ <nile-table-cell-item>No</nile-table-cell-item>
190
+ <nile-table-cell-item>Something</nile-table-cell-item>
191
+ </nile-table-row>
192
+ <nile-table-row>
193
+ <nile-table-cell-item>John</nile-table-cell-item>
194
+ <nile-table-cell-item>Doe</nile-table-cell-item>
195
+ <nile-table-cell-item>4.5</nile-table-cell-item>
196
+ <nile-table-cell-item>Yes</nile-table-cell-item>
197
+ <nile-table-cell-item>Something</nile-table-cell-item>
198
+ </nile-table-row>
199
+ <nile-table-row>
200
+ <nile-table-cell-item>John</nile-table-cell-item>
201
+ <nile-table-cell-item>Doe</nile-table-cell-item>
202
+ <nile-table-cell-item>4.5</nile-table-cell-item>
203
+ <nile-table-cell-item>No</nile-table-cell-item>
204
+ <nile-table-cell-item>Something</nile-table-cell-item>
205
+ </nile-table-row>
206
+
207
+ </nile-table-body>
208
+ </div>
89
209
  </nile-table-row> <nile-table-row>
90
210
  <nile-table-cell-item>John</nile-table-cell-item>
91
211
  <nile-table-cell-item>Doe</nile-table-cell-item>
@@ -139,10 +259,50 @@
139
259
  <nile-table-cell-item>Something Something Something Something Something Something Something Something Something
140
260
  Something Something Something Something Something Something Something Something Something Something Something
141
261
  Something Something Something Something Something Something Something Something Something Something Something
142
- Something Something </nile-table-cell-item>
143
-
262
+ Something Something
263
+ </nile-table-cell-item>
264
+ <div slot="expanded" style="padding: 40px;">
265
+ <nile-table-body>
266
+ <nile-table-row>
267
+ <nile-table-header-item>First Name</nile-table-header-item>
268
+ <nile-table-header-item>Last Name</nile-table-header-item>
269
+ <nile-table-header-item>Rating</nile-table-header-item>
270
+ <nile-table-header-item>Demo</nile-table-header-item>
271
+ <nile-table-header-item>Description</nile-table-header-item>
272
+ </nile-table-row>
273
+ <nile-table-row>
274
+ <nile-table-cell-item>John</nile-table-cell-item>
275
+ <nile-table-cell-item>Doe</nile-table-cell-item>
276
+ <nile-table-cell-item>4.5</nile-table-cell-item>
277
+ <nile-table-cell-item>Yes</nile-table-cell-item>
278
+ <nile-table-cell-item>Something</nile-table-cell-item>
279
+ </nile-table-row>
280
+ <nile-table-row>
281
+ <nile-table-cell-item>John</nile-table-cell-item>
282
+ <nile-table-cell-item>Doe</nile-table-cell-item>
283
+ <nile-table-cell-item>4.5</nile-table-cell-item>
284
+ <nile-table-cell-item>No</nile-table-cell-item>
285
+ <nile-table-cell-item>Something</nile-table-cell-item>
286
+ </nile-table-row>
287
+ <nile-table-row>
288
+ <nile-table-cell-item>John</nile-table-cell-item>
289
+ <nile-table-cell-item>Doe</nile-table-cell-item>
290
+ <nile-table-cell-item>4.5</nile-table-cell-item>
291
+ <nile-table-cell-item>Yes</nile-table-cell-item>
292
+ <nile-table-cell-item>Something</nile-table-cell-item>
293
+ </nile-table-row>
294
+ <nile-table-row>
295
+ <nile-table-cell-item>John</nile-table-cell-item>
296
+ <nile-table-cell-item>Doe</nile-table-cell-item>
297
+ <nile-table-cell-item>4.5</nile-table-cell-item>
298
+ <nile-table-cell-item>No</nile-table-cell-item>
299
+ <nile-table-cell-item>Something</nile-table-cell-item>
300
+ </nile-table-row>
301
+
302
+ </nile-table-body>
303
+ </div>
144
304
  </nile-table-row>
145
- <nile-table-row class="cancel">
305
+ <nile-table-row class="cancel" .expandable="false">
146
306
  <nile-table-cell-item>John</nile-table-cell-item>
147
307
  <nile-table-cell-item>Doe</nile-table-cell-item>
148
308
  <nile-table-cell-item>4.5</nile-table-cell-item>
@@ -198,13 +358,18 @@
198
358
  </div>
199
359
  <script>
200
360
  document.addEventListener('nile-body-load', () => {
201
- const cancel = document.querySelector('.cancel');
361
+ const cancel = document.querySelector('.expandableHeader');
362
+ // console.log(cancel.expandable);
363
+
202
364
  setTimeout(() => {
203
- cancel.expandable = false;
204
- setTimeout(() => {
205
- cancel.expandable = true;
206
- }, 3000);
207
- }, 4000);
365
+ // cancel.expandable = false;
366
+ });
367
+ // setTimeout(() => {
368
+ // cancel.expandable = false;
369
+ // setTimeout(() => {
370
+ // cancel.expandable = true;
371
+ // }, 3000);
372
+ // }, 4000);
208
373
  });
209
374
  </script>
210
375
  </body>
package/dist/index.js CHANGED
@@ -8813,7 +8813,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
8813
8813
  box-sizing: border-box;
8814
8814
  }
8815
8815
 
8816
- ::slotted([slot="expandableIcon"]), slot[name="expandableIcon"] > nile-icon {
8816
+ .row ::slotted([slot="expandable-icon"]), slot[name="expandable-icon"] > nile-icon {
8817
8817
  cursor: pointer;
8818
8818
  position: absolute;
8819
8819
  left: 0.40em;
package/dist/nile-table-row/nile-table-row.css.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n\n.row-container {\n /* display: flex; */\n /* flex-direction: column; */\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.row {\n cursor: default;\n position: relative; \n display: flex;\n align-items: center;\n}\n\n.row.expandable {\n border-bottom: 1px solid var(--nile-table-row-border-color);\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.expanded-content {\n transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n width: 100%;\n box-sizing: border-box; \n}\n\n::slotted([slot=\"expandableIcon\"]), slot[name=\"expandableIcon\"] > nile-icon {\n cursor: pointer;\n position: absolute;\n left: 0.40em; \n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n font-size: 1em;\n line-height: 1;\n user-select: none;\n z-index: 2;\n}\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n\n.row-container {\n /* display: flex; */\n /* flex-direction: column; */\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.row {\n cursor: default;\n position: relative; \n display: flex;\n align-items: center;\n}\n\n.row.expandable {\n border-bottom: 1px solid var(--nile-table-row-border-color);\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.expanded-content {\n transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n width: 100%;\n box-sizing: border-box; \n}\n\n.row ::slotted([slot=\"expandable-icon\"]), slot[name=\"expandable-icon\"] > nile-icon {\n cursor: pointer;\n position: absolute;\n left: 0.40em; \n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n font-size: 1em;\n line-height: 1;\n user-select: none;\n z-index: 2;\n}\n"]))));}};});
2
2
  //# sourceMappingURL=nile-table-row.css.cjs.js.map
package/dist/nile-table-row/nile-table-row.css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n\n.row-container {\n /* display: flex; */\n /* flex-direction: column; */\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.row {\n cursor: default;\n position: relative; \n display: flex;\n align-items: center;\n}\n\n.row.expandable {\n border-bottom: 1px solid var(--nile-table-row-border-color);\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.expanded-content {\n transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n width: 100%;\n box-sizing: border-box; \n}\n\n::slotted([slot=\"expandableIcon\"]), slot[name=\"expandableIcon\"] > nile-icon {\n cursor: pointer;\n position: absolute;\n left: 0.40em; \n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n font-size: 1em;\n line-height: 1;\n user-select: none;\n z-index: 2;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-table-row.css.cjs.js","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n\n.row-container {\n /* display: flex; */\n /* flex-direction: column; */\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.row {\n cursor: default;\n position: relative; \n display: flex;\n align-items: center;\n}\n\n.row.expandable {\n border-bottom: 1px solid var(--nile-table-row-border-color);\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.expanded-content {\n transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n width: 100%;\n box-sizing: border-box; \n}\n\n.row ::slotted([slot=\"expandable-icon\"]), slot[name=\"expandable-icon\"] > nile-icon {\n cursor: pointer;\n position: absolute;\n left: 0.40em; \n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n font-size: 1em;\n line-height: 1;\n user-select: none;\n z-index: 2;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
package/dist/nile-table-row/nile-table-row.css.esm.js CHANGED
@@ -50,7 +50,7 @@ import{css as e}from"lit";const o=e`
50
50
  box-sizing: border-box;
51
51
  }
52
52
 
53
- ::slotted([slot="expandableIcon"]), slot[name="expandableIcon"] > nile-icon {
53
+ .row ::slotted([slot="expandable-icon"]), slot[name="expandable-icon"] > nile-icon {
54
54
  cursor: pointer;
55
55
  position: absolute;
56
56
  left: 0.40em;
package/dist/src/nile-table-row/nile-table-row.css.js CHANGED
@@ -60,7 +60,7 @@ export const styles = css `
60
60
  box-sizing: border-box;
61
61
  }
62
62
 
63
- ::slotted([slot="expandableIcon"]), slot[name="expandableIcon"] > nile-icon {
63
+ .row ::slotted([slot="expandable-icon"]), slot[name="expandable-icon"] > nile-icon {
64
64
  cursor: pointer;
65
65
  position: absolute;
66
66
  left: 0.40em;
package/dist/src/nile-table-row/nile-table-row.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n\n.row-container {\n /* display: flex; */\n /* flex-direction: column; */\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.row {\n cursor: default;\n position: relative; \n display: flex;\n align-items: center;\n}\n\n.row.expandable {\n border-bottom: 1px solid var(--nile-table-row-border-color);\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.expanded-content {\n transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n width: 100%;\n box-sizing: border-box; \n}\n\n::slotted([slot=\"expandableIcon\"]), slot[name=\"expandableIcon\"] > nile-icon {\n cursor: pointer;\n position: absolute;\n left: 0.40em; \n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n font-size: 1em;\n line-height: 1;\n user-select: none;\n z-index: 2;\n}\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n\n.row-container {\n /* display: flex; */\n /* flex-direction: column; */\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.row {\n cursor: default;\n position: relative; \n display: flex;\n align-items: center;\n}\n\n.row.expandable {\n border-bottom: 1px solid var(--nile-table-row-border-color);\n /* overflow: hidden; */\n /* contain: layout style; */\n}\n\n.expanded-content {\n transition: max-height 0.3s ease;\n}\n\n.row.expandable {\n margin-right: 4px;\n}\n \n.row ::slotted(nile-table-cell-item),\n.row ::slotted(nile-table-header-item) {\n width: 100%;\n box-sizing: border-box; \n}\n\n.row ::slotted([slot=\"expandable-icon\"]), slot[name=\"expandable-icon\"] > nile-icon {\n cursor: pointer;\n position: absolute;\n left: 0.40em; \n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n font-size: 1em;\n line-height: 1;\n user-select: none;\n z-index: 2;\n}\n`;\n\nexport default [styles];\n"]}