@3t-transform/threeteeui 1.9.101 → 1.9.103

package/dist/collection/components/molecules/tttx-list/tttx-list.js

@@ -1,165 +1,165 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { h, Fragment } from '@stencil/core';
-import * as DOMPurify from 'dompurify';
-import domSanitiserOptions from '../../../shared/domsanitiser.options';
-export class TttxList {
-  constructor() {
-    this.data = undefined;
-    this._data = undefined;
-    this.name = undefined;
-  }
-  onDataChange() {
-    if (!this.data) {
-      return;
-    }
-    if (typeof this.data === 'string') {
-      this._data = JSON.parse(this.data);
-    }
-    else {
-      this._data = [...this.data];
-    }
-    for (const data of this._data) {
-      if (data.hasCheckbox && data.checked === undefined) {
-        data.checked = false;
-      }
-    }
-  }
-  componentWillLoad() {
-    // dynamic constructor: any props can be added later
-    this.onDataChange();
-  }
-  onRowCheckboxHandler(event, item) {
-    event.stopPropagation();
-    if (!item.rowData)
-      return;
-    this.rowCheckboxClick.emit({ key: item.key, name: this.name, data: item.rowData });
-  }
-  onRowClickHandler(item) {
-    if ((!item.clickable && !item.toggleable) || !item.rowData)
-      return;
-    this.rowClick.emit({ key: item.key, name: this.name, data: item.rowData });
-  }
-  renderListItem(item) {
-    let element;
-    if (typeof item.element === 'string') {
-      const cleanHTML = DOMPurify.sanitize(item.element, domSanitiserOptions);
-      element = h("span", { class: "item-content", innerHTML: cleanHTML });
-    }
-    else {
-      element = h("span", { class: "item-content" }, item.element);
-    }
-    return (h(Fragment, null, item.hasCheckbox && (h("div", { class: "checkbox" }, h("tttx-icon_1_9_101", { icon: item.checked ? 'check_box' : 'check_box_outline_blank', color: item.checked ? 'blue' : 'grey', onClick: event => {
-        this.onRowCheckboxHandler(event, item);
-      } }))), item.element && element, item.icon && (h("span", { class: "icons" }, h("tttx-icon_1_9_101", { class: "align-right", icon: item.icon, color: 'black' })))));
-  }
-  render() {
-    if (!this._data)
-      return;
-    return (h("ul", { class: "list" }, this._data.map((item) => (h("li", { key: item.key, class: 'item' +
-        (item.clickable ? ' clickable' : '') +
-        (item.toggleable ? ' toggleable' : '') +
-        (item.checked ? ' selected' : '') +
-        (item.active ? ' active' : ''), onClick: () => {
-        this.onRowClickHandler(item);
-      } }, this.renderListItem(item))))));
-  }
-  static get is() { return "tttx-list_1_9_101"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-list.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "data": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string | ListItem[]",
-          "resolved": "ListItem[] | string",
-          "references": {
-            "ListItem": {
-              "location": "import",
-              "path": "./interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data",
-        "reflect": false
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_data": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "rowClick",
-        "name": "listRowClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ key: string; name: string; data: unknown }",
-          "resolved": "{ key: string; name: string; data: unknown; }",
-          "references": {}
-        }
-      }, {
-        "method": "rowCheckboxClick",
-        "name": "listRowCheckboxClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ key: string; name: string; data: unknown }",
-          "resolved": "{ key: string; name: string; data: unknown; }",
-          "references": {}
-        }
-      }];
-  }
-  static get watchers() {
-    return [{
-        "propName": "data",
-        "methodName": "onDataChange"
-      }];
-  }
-}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { h, Fragment } from '@stencil/core';
+import * as DOMPurify from 'dompurify';
+import domSanitiserOptions from '../../../shared/domsanitiser.options';
+export class TttxList {
+  constructor() {
+    this.data = undefined;
+    this._data = undefined;
+    this.name = undefined;
+  }
+  onDataChange() {
+    if (!this.data) {
+      return;
+    }
+    if (typeof this.data === 'string') {
+      this._data = JSON.parse(this.data);
+    }
+    else {
+      this._data = [...this.data];
+    }
+    for (const data of this._data) {
+      if (data.hasCheckbox && data.checked === undefined) {
+        data.checked = false;
+      }
+    }
+  }
+  componentWillLoad() {
+    // dynamic constructor: any props can be added later
+    this.onDataChange();
+  }
+  onRowCheckboxHandler(event, item) {
+    event.stopPropagation();
+    if (!item.rowData)
+      return;
+    this.rowCheckboxClick.emit({ key: item.key, name: this.name, data: item.rowData });
+  }
+  onRowClickHandler(item) {
+    if ((!item.clickable && !item.toggleable) || !item.rowData)
+      return;
+    this.rowClick.emit({ key: item.key, name: this.name, data: item.rowData });
+  }
+  renderListItem(item) {
+    let element;
+    if (typeof item.element === 'string') {
+      const cleanHTML = DOMPurify.sanitize(item.element, domSanitiserOptions);
+      element = h("span", { class: "item-content", innerHTML: cleanHTML });
+    }
+    else {
+      element = h("span", { class: "item-content" }, item.element);
+    }
+    return (h(Fragment, null, item.hasCheckbox && (h("div", { class: "checkbox" }, h("tttx-icon_1_9_103", { icon: item.checked ? 'check_box' : 'check_box_outline_blank', color: item.checked ? 'blue' : 'grey', onClick: event => {
+        this.onRowCheckboxHandler(event, item);
+      } }))), item.element && element, item.icon && (h("span", { class: "icons" }, h("tttx-icon_1_9_103", { class: "align-right", icon: item.icon, color: 'black' })))));
+  }
+  render() {
+    if (!this._data)
+      return;
+    return (h("ul", { class: "list" }, this._data.map((item) => (h("li", { key: item.key, class: 'item' +
+        (item.clickable ? ' clickable' : '') +
+        (item.toggleable ? ' toggleable' : '') +
+        (item.checked ? ' selected' : '') +
+        (item.active ? ' active' : ''), onClick: () => {
+        this.onRowClickHandler(item);
+      } }, this.renderListItem(item))))));
+  }
+  static get is() { return "tttx-list_1_9_103"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tttx-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tttx-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "data": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string | ListItem[]",
+          "resolved": "ListItem[] | string",
+          "references": {
+            "ListItem": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data",
+        "reflect": false
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_data": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "rowClick",
+        "name": "listRowClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ key: string; name: string; data: unknown }",
+          "resolved": "{ key: string; name: string; data: unknown; }",
+          "references": {}
+        }
+      }, {
+        "method": "rowCheckboxClick",
+        "name": "listRowCheckboxClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ key: string; name: string; data: unknown }",
+          "resolved": "{ key: string; name: string; data: unknown; }",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "data",
+        "methodName": "onDataChange"
+      }];
+  }
+}