native-document 1.0.235 → 1.0.236

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.235",
+  "version": "1.0.236",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/components/list/ListGroup.js

@@ -49,6 +49,7 @@ export default function ListGroup(label, props = {}) {
         selectByCheckbox: $(false),
         selectByClick:    $(false),
         loopOnKeyboard:   $(false),
+        hideIfEmpty: null,
         props,
     };
 }
@@ -133,3 +134,10 @@ ListGroup.prototype.data = function(data) {
     this.$description.data = data;
     return this;
 };
+/**
+ * @return {this}
+ */
+ListGroup.prototype.hideIfEmpty = function() {
+    this.$description.hideIfEmpty = true;
+    return this;
+};

package/src/components/list/types/ListGroup.d.ts

@@ -44,6 +44,7 @@ export interface ListGroupInterface {
     item(label: ValidChild, iconOrBuilder?: ValidChild | ((item: ListItemInterface) => void), builder?: (item: ListItemInterface) => void): this;
     group(label: ValidChild, iconOrBuilder?: ValidChild | ((group: ListGroupInterface) => void), builder?: (group: ListGroupInterface) => void): this;
     divider(): this;
+    hideIfEmpty(): this;
     from(source: ObservableArray<unknown> | unknown[], builder: (item: unknown) => ListItemInterface | ListGroupInterface): this;
 
     // HasEventEmitter

package/src/ui/components/list/group/ListGroupRender.js

@@ -26,7 +26,13 @@ export default function ListGroupRender($desc, instance) {
         content.push(Ul({ class: 'list-group-items' }, ForEachArray($desc.items, $desc.itemBuilder)));
     }
 
-    return Li(instance.resolveProps(), content);
+    const node = Li(instance.resolveProps(), content);
+
+    if($desc.hideIfEmpty) {
+        return ShowIf($desc.items.isTruthy(), node);
+    }
+
+    return node;
 }
 
 function buildGroupHeader($desc, instance) {