Static Site

2024-06-14 16:51:30 -07:00
parent 3aed250488
commit 6737ddfb59
1706 changed files with 628 additions and 323 deletions
--- a/Static/package/dist/collection/components/list-group/list-group-item.js
+++ b/Static/package/dist/collection/components/list-group/list-group-item.js
@ -0,0 +1,104 @@
+import { h } from "@stencil/core";
+export class ListGroupItem {
+  constructor() {
+    this.isFlush = false;
+    this.hasBulletpoint = false;
+    this.badge = false;
+    this.badgeValue = 0;
+  }
+  componentWillLoad() {
+    const ifxListGroup = this.el.closest('ifx-list-group');
+    if (ifxListGroup.flush) {
+      this.isFlush = true;
+    }
+    else
+      this.isFlush = false;
+    if (ifxListGroup.bulletpoint && !this.badge) {
+      this.hasBulletpoint = true;
+    }
+    else
+      this.hasBulletpoint = false;
+  }
+  render() {
+    return (h("div", { class: `list-group-item 
+        ${this.isFlush ? 'flush' : ""}
+        ${this.hasBulletpoint ? 'bulletpoint' : ""}` }, h("div", { class: "list-group-item-content" }, h("slot", null)), this.badge && h("ifx-number-indicator", null, this.badgeValue)));
+  }
+  static get is() { return "ifx-list-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["list-group-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["list-group-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isFlush": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-flush",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "badge": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "badge",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "badgeValue": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "badge-value",
+        "reflect": false,
+        "defaultValue": "0"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasBulletpoint": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=list-group-item.js.map