@nanoporetech-digital/components 6.8.1 → 6.8.3

package/hydrate/index.js

@@ -23497,6 +23497,9 @@ const valueToRatio = (value, min, max) => {
  * @part button-wrapper - wraps the 'more' / 'less' buttons
  * @part button-wrapper--more - wraps the 'more' button
  * @part button-wrapper--less - wraps the 'less' button
+ * @part button - default 'more' / 'less' buttons
+ * @part button--more - the default 'more' button
+ * @part button--less - the default 'less' button
  */
 class Rating$1 {
   constructor(hostRef) {
@@ -23508,11 +23511,14 @@ class Rating$1 {
     this.noHideBtn = false;
   }
   get children() {
-    if (this.childrenSelector)
-      return this.host.querySelectorAll(this.childrenSelector);
-    return this.host.__children.length
-      ? this.host.__children
-      : this.host.children;
+    let children;
+    if (this.childrenSelector) {
+      children = this.host.querySelectorAll(this.childrenSelector);
+    }
+    else {
+      children = this.host.children;
+    }
+    return Array.from(children).filter((ele) => !ele.hasAttribute('slot'));
   }
   handleShowHideElements() {
     this.slottedElements.forEach((ele, i) => {
@@ -23521,44 +23527,45 @@ class Rating$1 {
           ele.style.display = '';
         }
       }
-      else if (i >= this.maxToShow && !ele.hasAttribute('slot')) {
-        ele.style.display = 'none';
+      else {
+        if (i >= this.maxToShow) {
+          ele.style.display = 'none';
+        }
+        else {
+          ele.style.display = '';
+        }
       }
     });
   }
-  slotChangeObserver() {
-    return;
-  }
   processSlottedContent() {
-    const elements = Array.from(this.children);
-    console.log(elements);
-    const diff = elements.filter((x) => !this.slottedElements.includes(x));
-    if (diff?.length)
-      this.slottedElements = elements;
+    const diff = this.children.length !== this.slottedElements.length ||
+      !!this.children.filter((x) => !this.slottedElements.includes(x))?.length;
+    if (diff) {
+      this.slottedElements = this.children;
+    }
   }
   handleClick(_e) {
     this.show = !this.show;
   }
-  componentDidLoad() {
-    this.slotChangeObserver();
-  }
   connectedCallback() {
     this.processSlottedContent();
   }
-  disconnectedCallback() {
-  }
   render() {
-    return (hAsync(Host, null, hAsync("slot", null), hAsync("div", { style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, hAsync("slot", { name: "less" }, hAsync("button", null, "Show more (+", this.slottedElements.length - this.maxToShow, ")"))), !this.noHideBtn && (hAsync("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, hAsync("slot", { name: "more" }, hAsync("button", null, "Show less (-", this.slottedElements.length - this.maxToShow, ")"))))));
+    return (hAsync(Host, null, hAsync("slot", { onSlotchange: () => this.processSlottedContent() }), this.slottedElements?.length > this.maxToShow && [
+      hAsync("div", { style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, hAsync("slot", { name: "less" }, hAsync("button", { part: "button button--less" }, "Show more (+", this.slottedElements.length - this.maxToShow, ")"))),
+      !this.noHideBtn ? (hAsync("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, hAsync("slot", { name: "more" }, hAsync("button", { part: "button button--more" }, "Show less (-", this.slottedElements.length - this.maxToShow, ")")))) : (''),
+    ]));
   }
   get host() { return getElement(this); }
   static get watchers() { return {
     "slottedElements": ["handleShowHideElements"],
     "maxToShow": ["handleShowHideElements"],
-    "show": ["handleShowHideElements"]
+    "show": ["handleShowHideElements"],
+    "childrenSelector": ["processSlottedContent"]
   }; }
-  static get style() { return ".sc-nano-more-less-h { display: contents; }"; }
+  static get style() { return "/*!@:host*/.sc-nano-more-less-h { display: contents; }"; }
   static get cmpMeta() { return {
-    "$flags$": 6,
+    "$flags$": 9,
     "$tagName$": "nano-more-less",
     "$members$": {
       "show": [1540],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "6.8.1",
+  "version": "6.8.3",
   "repository": {
     "type": "git",
     "url": "https://git.oxfordnanolabs.local/Digital/nano-components"
@@ -27,10 +27,8 @@
     "build": "run-s themes.prod stencil.prod hashassets",
     "dev": "run-p themes.dev stencil.dev",
     "dev.docs": "run-p themes.dev stencil.dev.docs",
-    "dev.legacy": "run-p themes.dev stencil.dev.legacy",
     "stencil.dev": "stencil build --dev --watch --serve -p 3333",
     "stencil.prod": "stencil build --stats --prod --config='./stencil.config.prod.ts'",
-    "stencil.dev.legacy": "stencil build --dev --watch --serve --config='./stencil.config.prod.ts'",
     "stencil.dev.docs": "stencil build --watch --serve -p 3333",
     "themes.dev": "sass --embed-sources ./src/themes:themes --watch",
     "themes.prod": "sass --embed-sources ./src/themes:themes --style=compressed",
@@ -129,7 +127,7 @@
     "nanopore",
     "digital"
   ],
-  "gitHead": "0d82a60ff89be311389ec9409d2b267480daf5ad",
+  "gitHead": "9bad33f93ed74b4d7e9a428ee09623626d428e7f",
   "volta": {
     "node": "18.14.0"
   }

package/dist/cjs/table.worker-3a73e248.js.map

@@ -1 +0,0 @@
-{"file":"table.worker-3a73e248.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/table.worker-5e8af93c.js.map

@@ -1 +0,0 @@
-{"file":"table.worker-5e8af93c.js","mappings":";;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}