@design.estate/dees-catalog 1.0.253 → 1.0.254
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/dist_bundle/bundle.js +18 -14
- package/dist_bundle/bundle.js.map +2 -2
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-table.js +18 -14
- package/dist_watch/bundle.js +17 -13
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-table.ts +23 -19
package/package.json
CHANGED
|
@@ -311,20 +311,21 @@ export class DeesTable<T> extends DeesElement {
|
|
|
311
311
|
font-weight: inherit;
|
|
312
312
|
padding: 0px 6px;
|
|
313
313
|
}
|
|
314
|
-
|
|
314
|
+
.actionContainer {
|
|
315
|
+
height: 24px;
|
|
316
|
+
display: inline-block;
|
|
317
|
+
transform: translateY(-4px);
|
|
318
|
+
}
|
|
315
319
|
.action {
|
|
316
320
|
position: relative;
|
|
317
|
-
margin: -4px 0px;
|
|
318
321
|
padding: 8px 10px;
|
|
319
322
|
line-height: 24px;
|
|
320
323
|
height: 32px;
|
|
321
324
|
size: 16px;
|
|
322
|
-
display: inline-block;
|
|
323
325
|
border-radius: 8px;
|
|
324
|
-
overflow: hidden;
|
|
325
326
|
}
|
|
326
327
|
|
|
327
|
-
.
|
|
328
|
+
.actionContainer:first-child {
|
|
328
329
|
margin-left: -6px;
|
|
329
330
|
width: min-content;
|
|
330
331
|
}
|
|
@@ -427,7 +428,8 @@ export class DeesTable<T> extends DeesElement {
|
|
|
427
428
|
name: "john" AND age: 18
|
|
428
429
|
\`\`\`
|
|
429
430
|
|
|
430
|
-
`}
|
|
431
|
+
`}
|
|
432
|
+
></dees-input-text>
|
|
431
433
|
<dees-input-multitoggle
|
|
432
434
|
.label=${'search mode'}
|
|
433
435
|
.options=${['table', 'data', 'server']}
|
|
@@ -569,19 +571,21 @@ export class DeesTable<T> extends DeesElement {
|
|
|
569
571
|
<td>
|
|
570
572
|
<div class="innerCellContainer">
|
|
571
573
|
${this.getActionsForType('inRow').map(
|
|
572
|
-
(actionArg) => html`<div
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
574
|
+
(actionArg) => html`<div class="actionContainer">
|
|
575
|
+
<div
|
|
576
|
+
class="action"
|
|
577
|
+
@click=${() =>
|
|
578
|
+
actionArg.actionFunc({
|
|
579
|
+
item: itemArg,
|
|
580
|
+
table: this,
|
|
581
|
+
})}
|
|
582
|
+
>
|
|
583
|
+
${actionArg.iconName
|
|
584
|
+
? html`
|
|
585
|
+
<dees-icon .iconFA=${actionArg.iconName}></dees-icon>
|
|
586
|
+
`
|
|
587
|
+
: actionArg.name}
|
|
588
|
+
</div>
|
|
585
589
|
</div>`
|
|
586
590
|
)}
|
|
587
591
|
</div>
|