@nanoporetech-digital/components 6.8.0 → 6.8.2
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/CHANGELOG.md +22 -0
- package/dist/cjs/nano-more-less.cjs.entry.js +18 -11
- package/dist/cjs/nano-more-less.cjs.entry.js.map +1 -1
- package/dist/cjs/{nano-table-b4de2576.js → nano-table-d92fc978.js} +2 -2
- package/dist/cjs/{nano-table-b4de2576.js.map → nano-table-d92fc978.js.map} +1 -1
- package/dist/cjs/nano-table.cjs.entry.js +1 -1
- package/dist/cjs/{table.worker-074a4646.js → table.worker-370e3f49.js} +2 -2
- package/dist/cjs/table.worker-370e3f49.js.map +1 -0
- package/dist/collection/components/more-less/more-less.js +18 -11
- package/dist/collection/components/more-less/more-less.js.map +1 -1
- package/dist/components/nano-more-less.js +18 -11
- package/dist/components/nano-more-less.js.map +1 -1
- package/dist/esm/nano-more-less.entry.js +18 -11
- package/dist/esm/nano-more-less.entry.js.map +1 -1
- package/dist/esm/{nano-table-dd08a12c.js → nano-table-7b6d2752.js} +2 -2
- package/dist/esm/{nano-table-dd08a12c.js.map → nano-table-7b6d2752.js.map} +1 -1
- package/dist/esm/nano-table.entry.js +1 -1
- package/dist/esm/{table.worker-094f28de.js → table.worker-e08f657d.js} +2 -2
- package/dist/esm/table.worker-e08f657d.js.map +1 -0
- package/dist/nano-components/nano-more-less.entry.js +1 -1
- package/dist/nano-components/nano-more-less.entry.js.map +1 -1
- package/dist/nano-components/{nano-table-dd08a12c.js → nano-table-7b6d2752.js} +2 -2
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/nano-components/table.worker-e08f657d.js +5 -0
- package/dist/types/components/more-less/more-less.d.ts +1 -1
- package/docs-json.json +1 -1
- package/hydrate/index.js +18 -11
- package/package.json +2 -2
- package/dist/cjs/table.worker-074a4646.js.map +0 -1
- package/dist/esm/table.worker-094f28de.js.map +0 -1
- package/dist/nano-components/table.worker-094f28de.js +0 -5
- /package/dist/nano-components/{nano-table-dd08a12c.js.map → nano-table-7b6d2752.js.map} +0 -0
- /package/dist/nano-components/{table.worker-094f28de.js.map → table.worker-e08f657d.js.map} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [6.8.2](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v6.8.1...v6.8.2) (2024-11-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **more-less:** don't show buttons unless there are enough items ([bd7889e](https://git.oxfordnanolabs.local/Digital/nano-components/commits/bd7889e35ed084c540e4e5c8497d775bf78f2337))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [6.8.1](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v6.8.0...v6.8.1) (2024-11-07)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **more-less:** stop infinite loop by correcting element comparison ([a22fb38](https://git.oxfordnanolabs.local/Digital/nano-components/commits/a22fb3864fbe995b0b6397f8569e725f66f35aa5))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
# [6.8.0](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v6.7.0...v6.8.0) (2024-11-07)
|
|
7
29
|
|
|
8
30
|
|
|
@@ -17,11 +17,16 @@ const Rating = class {
|
|
|
17
17
|
this.noHideBtn = false;
|
|
18
18
|
}
|
|
19
19
|
get children() {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
let children;
|
|
21
|
+
if (this.childrenSelector) {
|
|
22
|
+
children = this.host.querySelectorAll(this.childrenSelector);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
children = this.host.__children.length
|
|
26
|
+
? this.host.__children
|
|
27
|
+
: this.host.children;
|
|
28
|
+
}
|
|
29
|
+
return Array.from(children).filter((ele) => !ele.hasAttribute('slot'));
|
|
25
30
|
}
|
|
26
31
|
handleShowHideElements() {
|
|
27
32
|
this.slottedElements.forEach((ele, i) => {
|
|
@@ -30,7 +35,7 @@ const Rating = class {
|
|
|
30
35
|
ele.style.display = '';
|
|
31
36
|
}
|
|
32
37
|
}
|
|
33
|
-
else if (i >= this.maxToShow
|
|
38
|
+
else if (i >= this.maxToShow) {
|
|
34
39
|
ele.style.display = 'none';
|
|
35
40
|
}
|
|
36
41
|
});
|
|
@@ -42,10 +47,9 @@ const Rating = class {
|
|
|
42
47
|
mo.observe(this.host, { childList: true });
|
|
43
48
|
}
|
|
44
49
|
processSlottedContent() {
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
this.slottedElements = elements;
|
|
50
|
+
const diff = this.children.filter((x) => !this.slottedElements.includes(x));
|
|
51
|
+
if (diff?.length)
|
|
52
|
+
this.slottedElements = this.children;
|
|
49
53
|
}
|
|
50
54
|
handleClick(_e) {
|
|
51
55
|
this.show = !this.show;
|
|
@@ -61,7 +65,10 @@ const Rating = class {
|
|
|
61
65
|
this.mo.disconnect();
|
|
62
66
|
}
|
|
63
67
|
render() {
|
|
64
|
-
return (index.h(index.Host, null, index.h("slot", null),
|
|
68
|
+
return (index.h(index.Host, null, index.h("slot", null), this.slottedElements?.length > this.maxToShow && [
|
|
69
|
+
index.h("div", { style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, index.h("slot", { name: "less" }, index.h("button", null, "Show more (+", this.slottedElements.length - this.maxToShow, ")"))),
|
|
70
|
+
!this.noHideBtn ? (index.h("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, index.h("slot", { name: "more" }, index.h("button", null, "Show less (-", this.slottedElements.length - this.maxToShow, ")")))) : (''),
|
|
71
|
+
]));
|
|
65
72
|
}
|
|
66
73
|
get host() { return index.getElement(this); }
|
|
67
74
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nano-more-less.entry.cjs.js","mappings":";;;;;;;;;MA4Ba,MAAM;;;2BAGyB,EAAE;gBAIG,KAAK;;qBAOhC,CAAC;qBAGD,KAAK;;EAEzB,IAAI,QAAQ;IACV,IAAI,IAAI,CAAC,gBAAgB;
|
|
1
|
+
{"file":"nano-more-less.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/more-less/more-less.tsx"],"sourcesContent":["import {\n Component,\n Element,\n Prop,\n h,\n ComponentInterface,\n Host,\n Build,\n Watch,\n State,\n} from '@stencil/core';\n\n/**\n * A simple component to show more or less elements.\n *\n * @slot less - a button displayed when all fewer are shown. When clicked will show elements\n * @slot more - a button displayed when all items are shown. When clicked will hide elements\n * @slot - default slot displaying children elements to show or hide\n *\n * @part button-wrapper - wraps the 'more' / 'less' buttons\n * @part button-wrapper--more - wraps the 'more' button\n * @part button-wrapper--less - wraps the 'less' button\n */\n@Component({\n tag: 'nano-more-less',\n scoped: true,\n styles: /* css */ `:host { display: contents; }`,\n})\nexport class Rating implements ComponentInterface {\n private mo: MutationObserver;\n\n @State() slottedElements: HTMLElement[] = [];\n @Element() host: HTMLNanoMoreLessElement;\n\n /** The default state. `false` - excess items are hidden. `true` - excess items are shown. */\n @Prop({ reflect: true, mutable: true }) show = false;\n\n /** Optional JS selector to target which elements to hide or show */\n @Prop() childrenSelector: string;\n\n /** The maximum number of items to show when `show` is true.\n * Excess items will be hidden. */\n @Prop() maxToShow = 3;\n\n /** Only show the 'show more' button */\n @Prop() noHideBtn = false;\n\n get children() {\n let children: NodeListOf<Element> | HTMLCollectionOf<Element>;\n\n if (this.childrenSelector) {\n children = this.host.querySelectorAll(this.childrenSelector);\n } else {\n children = this.host.__children.length\n ? this.host.__children\n : this.host.children;\n }\n return Array.from(children).filter(\n (ele) => !ele.hasAttribute('slot')\n ) as HTMLElement[];\n }\n\n @Watch('slottedElements')\n @Watch('maxToShow')\n @Watch('show')\n handleShowHideElements() {\n this.slottedElements.forEach((ele, i) => {\n if (this.show) {\n if (ele.style.display === 'none') {\n ele.style.display = '';\n }\n } else if (i >= this.maxToShow) {\n ele.style.display = 'none';\n }\n });\n }\n\n private slotChangeObserver() {\n if (!Build.isBrowser) return;\n const mo = (this.mo = new MutationObserver(() => {\n this.processSlottedContent();\n }));\n mo.observe(this.host, { childList: true });\n }\n\n private processSlottedContent() {\n const diff = this.children.filter((x) => !this.slottedElements.includes(x));\n if (diff?.length) this.slottedElements = this.children;\n }\n\n private handleClick(_e: MouseEvent) {\n this.show = !this.show;\n }\n\n componentDidLoad() {\n this.slotChangeObserver();\n }\n\n connectedCallback() {\n this.processSlottedContent();\n }\n\n disconnectedCallback() {\n if (Build.isBrowser && this.mo) this.mo.disconnect();\n }\n\n render() {\n return (\n <Host>\n <slot />\n {this.slottedElements?.length > this.maxToShow && [\n <div\n style={{ display: this.show ? 'none' : 'contents' }}\n class=\"button-wrapper\"\n part=\"button-wrapper button-wrapper--less\"\n onClick={(e) => this.handleClick(e)}\n >\n <slot name=\"less\">\n <button>\n Show more (+{this.slottedElements.length - this.maxToShow})\n </button>\n </slot>\n </div>,\n !this.noHideBtn ? (\n <div\n style={{ display: this.show ? 'contents' : 'none' }}\n class=\"button-wrapper\"\n part=\"button-wrapper button-wrapper--more\"\n onClick={(e) => this.handleClick(e)}\n >\n <slot name=\"more\">\n <button>\n Show less (-{this.slottedElements.length - this.maxToShow})\n </button>\n </slot>\n </div>\n ) : (\n ''\n ),\n ]}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -113,7 +113,7 @@ const createWorkerProxy = (worker, workerMsgId, exportedMethod) => (
|
|
|
113
113
|
})
|
|
114
114
|
);
|
|
115
115
|
|
|
116
|
-
const workerPromise = Promise.resolve().then(function () { return require('./table.worker-
|
|
116
|
+
const workerPromise = Promise.resolve().then(function () { return require('./table.worker-370e3f49.js'); }).then(m => m.worker);
|
|
117
117
|
const createWorkerStore = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'createWorkerStore');
|
|
118
118
|
const syncConfigToWorker = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'syncConfigToWorker');
|
|
119
119
|
const syncDataToWorker = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'syncDataToWorker');
|
|
@@ -1783,4 +1783,4 @@ Table.style = tableCss;
|
|
|
1783
1783
|
exports.Table = Table;
|
|
1784
1784
|
exports.createWorker = createWorker;
|
|
1785
1785
|
|
|
1786
|
-
//# sourceMappingURL=nano-table-
|
|
1786
|
+
//# sourceMappingURL=nano-table-d92fc978.js.map
|