smoothly 1.0.0-alpha.32 → 1.0.0-alpha.33
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_58.cjs.entry.js +21 -21
- package/dist/cjs/smoothly-accordion_58.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/index.js.map +1 -1
- package/dist/collection/components/table/expandable/cell/index.js +13 -13
- package/dist/collection/components/table/expandable/cell/index.js.map +1 -1
- package/dist/collection/components/table/expandable/cell/style.css +2 -2
- package/dist/collection/components/table/expandable/row/index.js +10 -10
- package/dist/collection/components/table/expandable/row/index.js.map +1 -1
- package/dist/collection/components/table/expandable/row/style.css +6 -3
- package/dist/collection/components/table/index.js +11 -11
- package/dist/collection/components/table/index.js.map +1 -1
- package/dist/collection/components/table/row/index.js +2 -2
- package/dist/collection/components/table/row/index.js.map +1 -1
- package/dist/custom-elements/index.js +25 -25
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/smoothly-accordion_58.entry.js +21 -21
- package/dist/esm/smoothly-accordion_58.entry.js.map +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-4e60a0a7.entry.js → p-bccf0988.entry.js} +2 -2
- package/dist/smoothly/{p-4e60a0a7.entry.js.map → p-bccf0988.entry.js.map} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/table/expandable/cell/index.d.ts +4 -4
- package/dist/types/components/table/expandable/row/index.d.ts +3 -3
- package/dist/types/components/table/index.d.ts +2 -2
- package/dist/types/components.d.ts +9 -9
- package/package.json +1 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["smoothly-accordion_58.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[4,"smoothly-app",{"label":[1],"color":[1],"menuOpen":[1540,"menu-open"],"selected":[32]},[[0,"burgerStatus","burgerStatusHandler"],[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[516]}],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32],"selector":[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyChecked","smoothlyCheckedHandler"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"]},[[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"name":[1],"value":[8],"disabled":[516],"t":[32],"toggle":[64]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"size":[513],"name":[1],"value":[8]}],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[1,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513]},[[0,"click","clickHandler"]]],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"
|
|
17
|
+
return index.bootstrapLazy([["smoothly-accordion_58.cjs",[[0,"smoothly-app-demo",{"baseUrl":[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[4,"smoothly-app",{"label":[1],"color":[1],"menuOpen":[1540,"menu-open"],"selected":[32]},[[0,"burgerStatus","burgerStatusHandler"],[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelected","roomSelectedHandler"],[0,"smoothlyRoomLoaded","roomLoadedHandler"]]],[0,"smoothly-button-demo"],[0,"smoothly-dialog-demo"],[6,"smoothly-app-room",{"label":[1],"icon":[1],"path":[1],"to":[1],"selected":[516]}],[2,"smoothly-icon-demo"],[2,"smoothly-table-demo-filtered",{"criteria":[32],"data":[32],"selector":[32]},[[0,"filters","onFilterUpdate"],[2,"smoothlyChecked","smoothlyCheckedHandler"]]],[2,"smoothly-input-date-range",{"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"open":[1028],"showLabel":[516,"show-label"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-notifier",{"notices":[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{"color":[513],"open":[1540],"closable":[516],"header":[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-burger",{"visible":[1540],"open":[1540],"mediaQuery":[513,"media-query"]},[[9,"resize","resizeHandler"]]],[6,"smoothly-checkbox",{"size":[1],"checked":[1540],"intermediate":[1540],"name":[1],"value":[8],"disabled":[516],"t":[32],"toggle":[64]}],[6,"smoothly-radio-button-item",{"value":[8],"selected":[1540],"color":[513]}],[6,"smoothly-summary",{"color":[1],"fill":[1],"size":[1]}],[1,"smoothly-toggle-switch",{"selected":[1540],"disabled":[516],"size":[513],"name":[1],"value":[8]}],[0,"smoothly-urlencoded",{"data":[1]}],[6,"smoothly-accordion",{"value":[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{"name":[1],"brand":[1],"open":[1540]}],[2,"smoothly-display",{"type":[1],"value":[8],"currency":[1],"country":[1],"format":[16]}],[2,"smoothly-display-amount",{"amount":[8],"currency":[1],"toInteger":[4,"to-integer"]}],[2,"smoothly-display-date-time",{"datetime":[1]}],[2,"smoothly-frame",{"url":[1],"name":[1],"origin":[1],"send":[64]}],[6,"smoothly-popup",{"visible":[1540],"direction":[1537],"cssVariables":[32]}],[6,"smoothly-radio",{"name":[1],"value":[1],"checked":[1540],"tabIndex":[2,"tab-index"]}],[6,"smoothly-radio-button",{"name":[1],"value":[1032],"deselectable":[516],"decoration":[513]},[[2,"radioItemSelectInternal","radioSelectHandler"]]],[2,"smoothly-skeleton",{"widths":[16],"width":[1025],"color":[1],"period":[2],"distance":[1],"align":[513]}],[1,"smoothly-submit",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513]},[[0,"click","clickHandler"]]],[2,"smoothly-svg",{"url":[513],"size":[513],"color":[1]}],[6,"smoothly-table-expandable-row",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[6,"smoothly-toggle",{"selected":[1540],"shape":[513],"disabled":[516],"name":[1],"value":[8]},[[0,"click","onClick"]]],[1,"smoothly-filter",{"placeholder":[1025],"criteria":[1040],"inputValue":[1032,"input-value"],"expanded":[32],"freeSearchValue":[32],"clear":[64]},[[0,"filter","filterHandler"]]],[6,"smoothly-input-date",{"name":[513],"value":[1025],"open":[1028],"max":[1025],"min":[1025],"disabled":[1028]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-filter-input",{"name":[513],"value":[1025],"type":[513],"required":[1540],"minLength":[2,"min-length"],"showLabel":[516,"show-label"],"maxLength":[2,"max-length"],"autocomplete":[4],"pattern":[16],"placeholder":[1],"disabled":[4],"readonly":[4],"currency":[513],"comparison":[1],"criteria":[32],"clear":[64]}],[2,"smoothly-backtotop",{"opacity":[1],"bottom":[1],"right":[1],"visible":[32]}],[6,"smoothly-table-cell"],[6,"smoothly-table-expandable-cell",{"align":[1],"open":[1540],"allowSpotlight":[32],"spotlight":[32]},[[0,"click","onClick"],[0,"smoothlyTableLoad","handleTableLoaded"]]],[6,"smoothly-tab",{"label":[1],"open":[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{"selectedElement":[32]},[[0,"expansionOpen","openChanged"]]],[6,"smoothly-table",{"root":[1540],"align":[513]},[[0,"smoothlyExpandableLoad","handleExpandableLoaded"],[0,"smoothlyExpandableChange","handleExpandableState"],[0,"smoothlySpotlightChange","handleSpotlightState"],[0,"smoothlyNestedTable","handleNestedTable"],[0,"smoothlyExpansionLoad","handleEvents"],[0,"smoothlyExpansionOpen","handleEvents"]]],[6,"smoothly-table-header",{"name":[1]}],[6,"smoothly-table-row",null,[[0,"smoothlyExpansionLoad","onExpansionLoad"],[0,"smoothlyExpansionOpen","onExpansionOpen"]]],[0,"smoothly-tuple",{"tuple":[16]}],[6,"smoothly-quiet",{"color":[1]}],[2,"smoothly-calendar",{"month":[1025],"value":[1025],"start":[1025],"end":[1025],"max":[1025],"min":[1025],"doubleInput":[516,"double-input"],"firstSelected":[32]}],[4,"smoothly-form",{"looks":[513],"name":[1],"method":[1],"action":[1],"processing":[1540],"notice":[32],"submit":[64],"clear":[64]},[[2,"smoothlyInput","smoothlyInputHandler"],[2,"smoothlySubmit","smoothlySubmitHandler"]]],[1,"smoothly-button",{"color":[513],"expand":[513],"fill":[513],"disabled":[516],"type":[513],"size":[513],"shape":[513],"link":[1],"download":[4]}],[2,"smoothly-input-month",{"value":[1025]}],[6,"smoothly-selector",{"initialPrompt":[1,"initial-prompt"],"opened":[32],"selectedElement":[32],"missing":[32],"filter":[32],"reset":[64]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{"value":[8],"selected":[1540],"marked":[1540],"filter":[64]},[[0,"click","onClick"]]],[2,"smoothly-spinner",{"active":[516],"size":[513]}],[2,"smoothly-notification",{"notice":[16],"closable":[4],"icon":[4],"tick":[32]},[[0,"trigger","onTrigger"]]],[6,"smoothly-trigger",{"color":[513],"fill":[513],"disabled":[516],"type":[513],"name":[1],"value":[8]},[[0,"click","onClick"]]],[6,"smoothly-input",{"name":[513],"value":[1032],"type":[513],"required":[1540],"minLength":[1026,"min-length"],"showLabel":[516,"show-label"],"maxLength":[1026,"max-length"],"autocomplete":[1028],"pattern":[1040],"placeholder":[1537],"disabled":[1028],"readonly":[1028],"currency":[513],"initialValue":[32],"clear":[64],"getFormData":[64],"setKeepFocusOnReRender":[64],"setSelectionRange":[64]}],[2,"smoothly-icon",{"color":[513],"fill":[513],"name":[1],"size":[513],"toolTip":[1,"tool-tip"],"document":[32]}]]],["smoothly-addresses.cjs",[[2,"smoothly-addresses",{"value":[16],"editable":[16]}]]],["smoothly-menu-options.cjs",[[1,"smoothly-menu-options",{"toggle":[4],"emptyMenuLabel":[1025,"empty-menu-label"],"newOptionLabel":[1,"new-option-label"],"maxMenuHeight":[1,"max-menu-height"],"order":[4],"optionStyle":[8,"option-style"],"options":[1040],"resetHighlightOnOptionsChange":[1028,"reset-highlight-on-options-change"],"mutable":[4],"filteredOptions":[32],"highlightIndex":[32],"keyword":[32],"moveHighlight":[64],"setHighlight":[64],"getHighlighted":[64],"filterOptions":[64]},[[0,"optionHover","optionHoverHandler"]]]]],["smoothly-color.cjs",[[6,"smoothly-color",{"color":[513]}]]],["smoothly-country.cjs",[[2,"smoothly-country",{"value":[1],"text":[1],"language":[32]}]]],["smoothly-google-font.cjs",[[2,"smoothly-google-font",{"value":[1]}]]],["smoothly-radio-group.cjs",[[4,"smoothly-radio-group",{"orientation":[513]}]]],["smoothly-reorder.cjs",[[0,"smoothly-reorder"]]],["smoothly-trigger-sink.cjs",[[6,"smoothly-trigger-sink",{"context":[16],"destination":[1],"filter":[1]},[[0,"trigger","TriggerListener"]]]]],["smoothly-trigger-source.cjs",[[6,"smoothly-trigger-source",{"listen":[1]}]]],["smoothly-address.cjs",[[2,"smoothly-address",{"value":[16],"editable":[4]}]]],["smoothly-option.cjs",[[1,"smoothly-option",{"aliases":[513],"dataHighlight":[1540,"data-highlight"],"name":[1537],"value":[1537],"divider":[1540],"checkbox":[4],"new":[4],"toggle":[4],"checked":[1028]}]]],["smoothly-address-display.cjs",[[2,"smoothly-address-display",{"value":[16],"editable":[4]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -28561,8 +28561,8 @@ const Table = class {
|
|
|
28561
28561
|
constructor(hostRef) {
|
|
28562
28562
|
index.registerInstance(this, hostRef);
|
|
28563
28563
|
this.smoothlyNestedTable = index.createEvent(this, "smoothlyNestedTable", 7);
|
|
28564
|
-
this.
|
|
28565
|
-
this.
|
|
28564
|
+
this.smoothlySpotlightChange = index.createEvent(this, "smoothlySpotlightChange", 7);
|
|
28565
|
+
this.smoothlyTableLoad = index.createEvent(this, "smoothlyTableLoad", 7);
|
|
28566
28566
|
this.expandable = new Map();
|
|
28567
28567
|
this.expanded = new Set();
|
|
28568
28568
|
this.root = true;
|
|
@@ -28570,7 +28570,7 @@ const Table = class {
|
|
|
28570
28570
|
}
|
|
28571
28571
|
componentWillLoad() {
|
|
28572
28572
|
this.smoothlyNestedTable.emit(() => (this.root = false));
|
|
28573
|
-
this.
|
|
28573
|
+
this.smoothlyTableLoad.emit((owner) => (this.owner = owner));
|
|
28574
28574
|
}
|
|
28575
28575
|
handleExpandableLoaded(event) {
|
|
28576
28576
|
event.stopPropagation();
|
|
@@ -28579,7 +28579,7 @@ const Table = class {
|
|
|
28579
28579
|
handleExpandableState(event) {
|
|
28580
28580
|
event.stopPropagation();
|
|
28581
28581
|
event.target && (event.detail ? this.expanded.add(event.target) : this.expanded.delete(event.target));
|
|
28582
|
-
this.
|
|
28582
|
+
this.smoothlySpotlightChange.emit({ allowSpotlight: !this.expanded.size, owner: this.owner });
|
|
28583
28583
|
}
|
|
28584
28584
|
handleSpotlightState(event) {
|
|
28585
28585
|
var _a;
|
|
@@ -28624,7 +28624,7 @@ const TableDemo = class {
|
|
|
28624
28624
|
index.h("smoothly-table-demo-filtered", null),
|
|
28625
28625
|
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header A"), index.h("smoothly-table-header", null, "Header B"), index.h("smoothly-table-header", null, "Header C"), index.h("smoothly-table-header", null, "Header D")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "normal row (exp.cell)", index.h("div", { slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", null, "expandable cell", index.h("div", { slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", null, "expandable cell", index.h("div", { slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", null, "expandable cell", index.h("div", { slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, "normal row (nor.cell)\""), index.h("smoothly-table-cell", null, "normal cell"), index.h("smoothly-table-expandable-cell", null, "expandable cell", index.h("div", { slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", null, "expandable cell", index.h("div", { slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "expandable row (nor.cell)"), index.h("smoothly-table-cell", null, "Normal cell"), index.h("smoothly-table-cell", null, "normal cell"), index.h("smoothly-table-cell", null, "Normal cell"), index.h("div", { slot: "detail" }, "expandable row content"))),
|
|
28626
28626
|
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header A")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "A Content"), index.h("div", { slot: "detail" }, index.h("smoothly-tab-switch", null, index.h("smoothly-tab", { label: "innertable 1", open: true }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header B")), index.h("smoothly-table-expandable-row", null, "B Content"))), index.h("smoothly-tab", { label: "innertable 2" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "Header C")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "C Content")))))))),
|
|
28627
|
-
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "A"), index.h("smoothly-table-header", null, "B")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "a row"), index.h("smoothly-table-cell", null, "b row"), index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "C"), index.h("smoothly-table-header", null, "D")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "c"), index.h("smoothly-table-cell", null, "d"), index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "E"), index.h("smoothly-table-header", null, "F")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "e row"), index.h("smoothly-table-cell", null, "f row"), index.h("div", { slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, index.h("span", null, "one"), index.h("span", null, "two"), index.h("span", null, "three")), index.h("smoothly-table-cell", null, "five", index.h("smoothly-icon", { name: "paper-plane-sharp", size: "small" })), index.h("div", { slot: "detail" }, "four")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "a cell", index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "E"), index.h("smoothly-table-header", null, "F")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "e cell", index.h("div", { slot: "detail" }, "nested expandable cell expansion
|
|
28627
|
+
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "A"), index.h("smoothly-table-header", null, "B")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "a row"), index.h("smoothly-table-cell", null, "b row"), index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "C"), index.h("smoothly-table-header", null, "D")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "c"), index.h("smoothly-table-cell", null, "d"), index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "E"), index.h("smoothly-table-header", null, "F")), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, "e row"), index.h("smoothly-table-cell", null, "f row"), index.h("div", { slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, index.h("span", null, "one"), index.h("span", null, "two"), index.h("span", null, "three")), index.h("smoothly-table-cell", null, "five", index.h("smoothly-icon", { name: "paper-plane-sharp", size: "small" })), index.h("div", { slot: "detail" }, "four")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "a cell", index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "E"), index.h("smoothly-table-header", null, "F")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "e cell", index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "G"), index.h("smoothly-table-header", null, "H")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "g cell", index.h("div", { slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", null, "h cell", index.h("div", { slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", null, "f cell", index.h("div", { slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", null, "b cell", index.h("div", { slot: "detail" }, index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "C"), index.h("smoothly-table-header", null, "D")), index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, "c cell", index.h("div", { slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", null, "d cell", index.h("div", { slot: "detail" }, "nested expandable cell expansion d")))))))),
|
|
28628
28628
|
index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, "display"), index.h("smoothly-table-header", null, "contents")), index.h("smoothly-table-expandable-row", null, index.h("div", { class: "content" }, index.h("smoothly-table-cell", null, "A"), index.h("smoothly-table-cell", null, "B")), index.h("div", { slot: "detail" }, "expansion"))),
|
|
28629
28629
|
];
|
|
28630
28630
|
}
|
|
@@ -28701,15 +28701,15 @@ const TableDemoFiltered = class {
|
|
|
28701
28701
|
};
|
|
28702
28702
|
TableDemoFiltered.style = styleCss$7;
|
|
28703
28703
|
|
|
28704
|
-
const styleCss$6 = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0 0.3rem 0;cursor:pointer;line-height:1.5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{width:0.6rem;float:left;padding:0 0.3rem;transition:transform 0.2s;display:flex;height:100%;align-self:center}[open].sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg)}aside.sc-smoothly-table-expandable-cell{display:flex}.hide.sc-smoothly-table-expandable-cell{display:none}td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width));box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-light-shade))}tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-light-shade)), 1px 0 0 0 rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-cell-s>*::before{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;left
|
|
28704
|
+
const styleCss$6 = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0 0.3rem 0;cursor:pointer;line-height:1.5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade))}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{width:0.6rem;float:left;padding:0 0.3rem;transition:transform 0.2s;display:flex;height:100%;align-self:center}[open].sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg)}aside.sc-smoothly-table-expandable-cell{display:flex}.hide.sc-smoothly-table-expandable-cell{display:none}td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-light-shade))}tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-light-shade)), 1px 0 0 0 rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-cell-s>*::before{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-cell-s>*::after{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-light-shade));border-right:1px solid rgb(var(--smoothly-light-shade))}smoothly-table[align=bottom] .sc-smoothly-table-expandable-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-expandable-cell-h{vertical-align:middle;text-align:left}smoothly-table[align=top] .sc-smoothly-table-expandable-cell-h{vertical-align:top}";
|
|
28705
28705
|
|
|
28706
28706
|
const TableExpandableCell = class {
|
|
28707
28707
|
constructor(hostRef) {
|
|
28708
28708
|
index.registerInstance(this, hostRef);
|
|
28709
|
-
this.
|
|
28710
|
-
this.
|
|
28711
|
-
this.
|
|
28712
|
-
this.
|
|
28709
|
+
this.smoothlyExpansionOpen = index.createEvent(this, "smoothlyExpansionOpen", 7);
|
|
28710
|
+
this.smoothlyExpansionLoad = index.createEvent(this, "smoothlyExpansionLoad", 7);
|
|
28711
|
+
this.smoothlyExpandableChange = index.createEvent(this, "smoothlyExpandableChange", 7);
|
|
28712
|
+
this.smoothlyExpandableLoad = index.createEvent(this, "smoothlyExpandableLoad", 7);
|
|
28713
28713
|
this.allowSpotlight = true;
|
|
28714
28714
|
this.spotlight = true;
|
|
28715
28715
|
this.align = "left";
|
|
@@ -28721,21 +28721,21 @@ const TableExpandableCell = class {
|
|
|
28721
28721
|
this.beginOpen = true;
|
|
28722
28722
|
else
|
|
28723
28723
|
this.element.append(this.expansionElement);
|
|
28724
|
-
this.
|
|
28724
|
+
this.smoothlyExpandableChange.emit(this.open);
|
|
28725
28725
|
}
|
|
28726
28726
|
handleSpotlight() {
|
|
28727
28727
|
this.spotlight = this.open && this.allowSpotlight;
|
|
28728
28728
|
}
|
|
28729
28729
|
componentWillLoad() {
|
|
28730
|
-
this.
|
|
28731
|
-
this.
|
|
28730
|
+
this.smoothlyExpansionLoad.emit();
|
|
28731
|
+
this.smoothlyExpandableLoad.emit({
|
|
28732
28732
|
allowSpotlight: (allowed) => (this.allowSpotlight = allowed),
|
|
28733
28733
|
});
|
|
28734
28734
|
}
|
|
28735
28735
|
componentDidRender() {
|
|
28736
28736
|
if (this.beginOpen) {
|
|
28737
28737
|
this.beginOpen = false;
|
|
28738
|
-
this.
|
|
28738
|
+
this.smoothlyExpansionOpen.emit(this.expansionElement);
|
|
28739
28739
|
}
|
|
28740
28740
|
}
|
|
28741
28741
|
onClick() {
|
|
@@ -28756,14 +28756,14 @@ const TableExpandableCell = class {
|
|
|
28756
28756
|
};
|
|
28757
28757
|
TableExpandableCell.style = styleCss$6;
|
|
28758
28758
|
|
|
28759
|
-
const styleCss$5 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.hide.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{position:relative}td.sc-smoothly-table-expandable-row-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem -
|
|
28759
|
+
const styleCss$5 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color))}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-child:first-child{box-shadow:0 1px 0 0 rgb(var(--smoothly-light-shade)) inset, 1px 0 0 0 rgb(var(--smoothly-light-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-light-shade)) inset}.hide.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>tr.sc-smoothly-table-expandable-row>td.sc-smoothly-table-expandable-row{position:relative}td.sc-smoothly-table-expandable-row-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-default-color));width:calc(100% + 3rem - 2px);left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-light-shade))}tr.spotlight>td.sc-smoothly-table-expandable-row-s>*{box-shadow:calc(var(--expansion-border-width)) 0px 0px 0px rgb(var(--smoothly-tertiary-color)) inset}tr:not(.spotlight)>td.sc-smoothly-table-expandable-row-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-light-shade)), 1px 0 0 0 rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-row-s>*::before{content:\"\";position:absolute;display:flex;top:0;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-light-shade))}td.sc-smoothly-table-expandable-row-s>*::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-light-shade));border-right:1px solid rgb(var(--smoothly-light-shade))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type,.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type{display:flex}.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type,.sc-smoothly-table-expandable-row-h[open].sc-smoothly-table-expandable-row-s>smoothly-table-cell:last-of-type>div>smoothly-icon:last-of-type{transform:rotate(90deg)}";
|
|
28760
28760
|
|
|
28761
28761
|
const TableExpandableRow = class {
|
|
28762
28762
|
constructor(hostRef) {
|
|
28763
28763
|
index.registerInstance(this, hostRef);
|
|
28764
|
-
this.
|
|
28765
|
-
this.
|
|
28766
|
-
this.
|
|
28764
|
+
this.smoothlyExpansionOpen = index.createEvent(this, "smoothlyExpansionOpen", 7);
|
|
28765
|
+
this.smoothlyExpandableChange = index.createEvent(this, "smoothlyExpandableChange", 7);
|
|
28766
|
+
this.smoothlyExpandableLoad = index.createEvent(this, "smoothlyExpandableLoad", 7);
|
|
28767
28767
|
this.allowSpotlight = true;
|
|
28768
28768
|
this.spotlight = true;
|
|
28769
28769
|
this.align = "left";
|
|
@@ -28772,18 +28772,18 @@ const TableExpandableRow = class {
|
|
|
28772
28772
|
openChanged() {
|
|
28773
28773
|
if (this.expansionElement)
|
|
28774
28774
|
this.element.after(this.expansionElement);
|
|
28775
|
-
this.
|
|
28775
|
+
this.smoothlyExpandableChange.emit(this.open);
|
|
28776
28776
|
}
|
|
28777
28777
|
handleSpotlight() {
|
|
28778
28778
|
this.spotlight = this.open && this.allowSpotlight;
|
|
28779
28779
|
}
|
|
28780
28780
|
componentWillLoad() {
|
|
28781
|
-
this.
|
|
28781
|
+
this.smoothlyExpandableLoad.emit({
|
|
28782
28782
|
allowSpotlight: (allowed) => (this.allowSpotlight = allowed),
|
|
28783
28783
|
});
|
|
28784
28784
|
}
|
|
28785
28785
|
componentDidRender() {
|
|
28786
|
-
this.
|
|
28786
|
+
this.smoothlyExpansionOpen.emit(this.expansionElement);
|
|
28787
28787
|
if (this.expansionElement && this.open)
|
|
28788
28788
|
this.element.after(this.expansionElement);
|
|
28789
28789
|
}
|