smoothly 0.1.71 → 0.1.72
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/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-accordion_43.cjs.entry.js → smoothly-accordion_44.cjs.entry.js} +98 -63
- package/dist/cjs/smoothly-table-demo.cjs.entry.js +4 -1
- package/dist/cjs/smoothly-table-row.cjs.entry.js +21 -2
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/table/demo/index.js +45 -24
- package/dist/collection/components/table/exandable/row/style.css +1 -0
- package/dist/collection/components/table/row/index.js +94 -3
- package/dist/collection/components/table/row/style.css +3 -0
- package/dist/custom-elements/index.js +26 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-accordion_43.entry.js → smoothly-accordion_44.entry.js} +98 -64
- package/dist/esm/smoothly-table-demo.entry.js +4 -1
- package/dist/esm/smoothly-table-row.entry.js +22 -3
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-c107b623.entry.js → p-485244c2.entry.js} +1 -1
- package/dist/smoothly/smoothly-table-demo.entry.js +4 -1
- package/dist/smoothly/smoothly-table-row.entry.js +22 -3
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/table/demo/index.d.ts +1 -1
- package/dist/types/components/table/row/index.d.ts +10 -0
- package/dist/types/components.d.ts +5 -0
- package/package.json +1 -1
- package/dist/smoothly/p-07627dfe.entry.js +0 -1
|
@@ -7,7 +7,10 @@ const TableDemo = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return
|
|
10
|
+
return [
|
|
11
|
+
h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header A"), h("smoothly-table-header", null, "Header B"), h("smoothly-table-header", null, "Header C")), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "1A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details."))), h("smoothly-table-expandable-row", null, h("smoothly-table-expandable-cell", null, "Value 1A", h("div", { slot: "detail" }, "2A details")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 30, currency: "EUR" }), h("div", { slot: "detail" }, "Budget details.")), h("smoothly-table-expandable-cell", null, h("smoothly-display", { type: "price", value: 38, currency: "EUR" }), h("div", { slot: "detail" }, "Cost details.")))),
|
|
12
|
+
h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header D"), h("smoothly-table-header", null, "Header E"), h("smoothly-table-header", null, "Header F")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details.")), h("smoothly-table-row", null, h("smoothly-table-cell", null, "Value 1A"), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 20, currency: "EUR" })), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: 18, currency: "EUR" })), h("div", { slot: "detail" }, "Cost details."))),
|
|
13
|
+
];
|
|
11
14
|
}
|
|
12
15
|
};
|
|
13
16
|
TableDemo.style = styleCss;
|
|
@@ -1,14 +1,33 @@
|
|
|
1
|
-
import { r as registerInstance, h, k as Host } from './index-0dd5f791.js';
|
|
1
|
+
import { r as registerInstance, i as createEvent, h, k as Host, j as getElement } from './index-0dd5f791.js';
|
|
2
2
|
|
|
3
|
-
const styleCss = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}";
|
|
3
|
+
const styleCss = ".sc-smoothly-table-row-h{display:table-row;border:1px solid rgb(var(--smoothly-dark-color), 0.5);cursor:pointer}.sc-smoothly-table-row-h:nth-child(even){background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-row-h:hover{background-color:rgb(var(--smoothly-default-color))}.hide.sc-smoothly-table-row{display:none}";
|
|
4
4
|
|
|
5
5
|
const TableRow = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.expansionOpen = createEvent(this, "expansionOpen", 7);
|
|
9
|
+
this.align = "left";
|
|
10
|
+
}
|
|
11
|
+
openChanged(value) {
|
|
12
|
+
if (this.expansionElement)
|
|
13
|
+
this.element.after(this.expansionElement);
|
|
14
|
+
}
|
|
15
|
+
onClick(e) {
|
|
16
|
+
this.open = !this.open;
|
|
17
|
+
e.stopPropagation();
|
|
18
|
+
}
|
|
19
|
+
componentDidRender() {
|
|
20
|
+
this.expansionOpen.emit(this.expansionElement);
|
|
21
|
+
if (this.expansionElement && this.open)
|
|
22
|
+
this.element.after(this.expansionElement);
|
|
8
23
|
}
|
|
9
24
|
render() {
|
|
10
|
-
return (h(Host,
|
|
25
|
+
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 500, class: !this.open ? "hide" : "" }, h("slot", { name: "detail" })))));
|
|
11
26
|
}
|
|
27
|
+
get element() { return getElement(this); }
|
|
28
|
+
static get watchers() { return {
|
|
29
|
+
"open": ["openChanged"]
|
|
30
|
+
}; }
|
|
12
31
|
};
|
|
13
32
|
TableRow.style = styleCss;
|
|
14
33
|
|
|
@@ -118,5 +118,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
118
118
|
|
|
119
119
|
patchBrowser().then(options => {
|
|
120
120
|
globalScripts();
|
|
121
|
-
return bootstrapLazy([["smoothly-app-demo",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-
|
|
121
|
+
return bootstrapLazy([["smoothly-app-demo",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}]]],["smoothly-radio-group",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-input-demo",[[0,"smoothly-input-demo"]]],["smoothly-select-demo",[[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]]]],["smoothly-table-demo",[[2,"smoothly-table-demo"]]],["smoothly-display-demo",[[0,"smoothly-display-demo"]]],["smoothly-app",[[4,"smoothly-app",{"color":[1]}]]],["smoothly-dialog-demo",[[0,"smoothly-dialog-demo"]]],["smoothly-icon-demo",[[2,"smoothly-icon-demo"]]],["smoothly-room",[[4,"smoothly-room",{"label":[1],"icon":[1],"path":[1],"to":[1]}]]],["smoothly-input-date-range",[[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"open":[1028]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"]]]]],["smoothly-notifier",[[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]]],["smoothly-picker",[[1,"smoothly-picker",{"maxMenuHeight":[1,"max-menu-height"],"maxHeight":[1,"max-height"],"emptyMenuLabel":[1025,"empty-menu-label"],"multiple":[516],"optionStyle":[8,"option-style"],"options":[16],"labelSetting":[513,"label-setting"],"label":[513],"selections":[1040],"selectNoneName":[1025,"select-none-name"],"isOpen":[32]},[[0,"optionSelect","optionSelectHander"]]]]],["smoothly-dialog",[[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]]]],["smoothly-checkbox",[[2,"smoothly-checkbox",{"selectAll":[4,"select-all"],"selected":[1540],"disabled":[1540],"t":[32]}]]],["smoothly-submit",[[6,"smoothly-submit",{"processing":[1540],"color":[513],"expand":[513],"fill":[513],"disabled":[516],"prevent":[4],"submit":[64]},[[0,"click","handleSubmit"]]]]],["smoothly-tuple",[[0,"smoothly-tuple",{"tuple":[16]}]]],["smoothly-urlencoded",[[0,"smoothly-urlencoded",{"data":[1]}]]],["smoothly-accordion",[[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]]]],["smoothly-accordion-item",[[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}]]],["smoothly-display-amount",[[2,"smoothly-display-amount",{"amount":[8],"currency":[1]}]]],["smoothly-frame",[[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}]]],["smoothly-popup",[[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}]]],["smoothly-radio",[[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}]]],["smoothly-select",[[6,"smoothly-select",{"identifier":[1],"background":[513],"value":[1025]}]]],["smoothly-table",[[6,"smoothly-table",null,[[0,"sort","onSort"]]]]],["smoothly-table-cell",[[6,"smoothly-table-cell"]]],["smoothly-table-expandable-cell",[[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-table-expandable-row",[[6,"smoothly-table-expandable-row",null,[[0,"expansionLoaded","onExpansionLoaded"],[0,"expansionOpen","onDetailsLoaded"]]]]],["smoothly-table-header",[[6,"smoothly-table-header",{"name":[1],"sortDirection":[1025,"sort-direction"]},[[0,"click","onClick"]]]]],["smoothly-table-row",[[6,"smoothly-table-row",{"align":[1],"open":[1540],"beginOpen":[32]},[[0,"click","onClick"]]]]],["smoothly-icon",[[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["smoothly-selector",[[6,"smoothly-selector",{"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]]]],["smoothly-input-date",[[6,"smoothly-input-date",{"value":[1025],"open":[1028]}]]],["smoothly-notification",[[2,"smoothly-notification",{"notice":[16],"tick":[32]},[[0,"trigger","onTrigger"]]]]],["smoothly-menu-options",[[1,"smoothly-menu-options",{"emptyMenuLabel":[1025,"empty-menu-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"filteredOptions":[32],"highlightIndex":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]]]],["smoothly-display",[[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1]}]]],["smoothly-display-date-time",[[2,"smoothly-display-date-time",{"datetime":[1]}]]],["smoothly-spinner",[[2,"smoothly-spinner",{"active":[516]}]]],["smoothly-option",[[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537]}]]],["smoothly-item",[[6,"smoothly-item",{"value":[8],"selected":[1540],"filter":[64]},[[0,"click","onClick"]]]]],["smoothly-input-month",[[2,"smoothly-input-month",{"value":[1025]}]]],["smoothly-calendar",[[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"doubleInput":[516,"double-input"]}]]],["smoothly-input",[[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1025],"disabled":[1028],"currency":[513],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}]]],["smoothly-trigger",[[6,"smoothly-trigger",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]]]]], options);
|
|
122
122
|
});
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
import { EventEmitter } from "../../../stencil-public-runtime";
|
|
1
2
|
export declare class TableRow {
|
|
3
|
+
element: HTMLSmoothlyTableRowElement;
|
|
4
|
+
expansionElement?: HTMLTableRowElement;
|
|
5
|
+
expansionOpen: EventEmitter<HTMLElement>;
|
|
6
|
+
align: "left" | "center" | "right";
|
|
7
|
+
open: boolean;
|
|
8
|
+
beginOpen: boolean;
|
|
9
|
+
openChanged(value: boolean): void;
|
|
10
|
+
onClick(e: UIEvent): void;
|
|
11
|
+
componentDidRender(): void;
|
|
2
12
|
render(): any;
|
|
3
13
|
}
|
|
@@ -202,6 +202,8 @@ export namespace Components {
|
|
|
202
202
|
"sortDirection"?: "ascending" | "descending";
|
|
203
203
|
}
|
|
204
204
|
interface SmoothlyTableRow {
|
|
205
|
+
"align": "left" | "center" | "right";
|
|
206
|
+
"open": boolean;
|
|
205
207
|
}
|
|
206
208
|
interface SmoothlyTrigger {
|
|
207
209
|
"color": Color | undefined;
|
|
@@ -782,6 +784,9 @@ declare namespace LocalJSX {
|
|
|
782
784
|
"sortDirection"?: "ascending" | "descending";
|
|
783
785
|
}
|
|
784
786
|
interface SmoothlyTableRow {
|
|
787
|
+
"align"?: "left" | "center" | "right";
|
|
788
|
+
"onExpansionOpen"?: (event: CustomEvent<HTMLElement>) => void;
|
|
789
|
+
"open"?: boolean;
|
|
785
790
|
}
|
|
786
791
|
interface SmoothlyTrigger {
|
|
787
792
|
"color"?: Color | undefined;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as l,h as s,H as t}from"./p-0906d4b2.js";const e=class{constructor(s){l(this,s)}render(){return s(t,null,s("slot",null))}};e.style=".sc-smoothly-table-cell-h{display:table-cell;padding:0.5em}";export{e as smoothly_table_cell}
|