@yoobic/yobi 8.5.0-6 → 8.5.0-8

package/dist/collection/components/1.atoms/breadcrumbs/breadcrumbs.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined, isWeb, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Method, Prop } from '@stencil/core';
+import { forceUpdate, h } from '@stencil/core';
 import { compact, isString } from 'lodash-es';
 export class YooBreadcrumbsComponent {
   constructor() {
@@ -87,210 +87,215 @@ export class YooBreadcrumbsComponent {
     const itemClassList = { 'breadcrumb-item': true, active: this.isLastItem(index) };
     return isItemVisible
       ? [
-        h("div", { class: itemClassList, onClick: this.selectItem.bind(this, item, index) }, this.truncate && itemText.length > this.maxLengthItems ? (h("yoo-tooltip", { hoverable: isWeb(this.host), placement: "bottom", content: itemText },
-          h("span", null, itemTruncated))) : (h("span", null, itemText))),
+        h("div", { class: itemClassList, onClick: this.selectItem.bind(this, item, index) }, this.truncate && itemText.length > this.maxLengthItems ? (h("yoo-tooltip", { hoverable: isWeb(this.host), placement: "bottom", content: itemText }, h("span", null, itemTruncated))) : (h("span", null, itemText))),
         itemSeparator
       ]
-      : index === this.maxVisibleItems - 2 && (h("yoo-context-menu", { contentButtons: contentButtons, placement: "below" },
-        h("div", { class: itemClassList }, ellipsisAndSeparator),
-        h("span", { class: "separator" }, this.separator)));
+      : index === this.maxVisibleItems - 2 && (h("yoo-context-menu", { contentButtons: contentButtons, placement: "below" }, h("div", { class: itemClassList }, ellipsisAndSeparator), h("span", { class: "separator" }, this.separator)));
   }
   render() {
     const items = compact(this.items);
-    return (h("div", { class: "breadcrumb" },
-      this.renderBreadcrumbHome(),
-      items.map((item, index) => this.renderBreadcrumbItem(item, index))));
+    return (h("div", { class: "breadcrumb" }, this.renderBreadcrumbHome(), items.map((item, index) => this.renderBreadcrumbItem(item, index))));
   }
   static get is() { return "yoo-breadcrumbs"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["breadcrumbs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["breadcrumbs.css"]
-  }; }
-  static get properties() { return {
-    "separator": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the separator between each items"
-      },
-      "attribute": "separator",
-      "reflect": false,
-      "defaultValue": "'/'"
-    },
-    "maxVisibleItems": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the maximum number of item to display"
-      },
-      "attribute": "max-visible-items",
-      "reflect": false,
-      "defaultValue": "3"
-    },
-    "maxLengthItems": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the maximum length (number of item characters) to display"
-      },
-      "attribute": "max-length-items",
-      "reflect": false
-    },
-    "showHome": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to show the home icon"
-      },
-      "attribute": "show-home",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "homeName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Home name to use instead of the home icon"
+  static get originalStyleUrls() {
+    return {
+      "$": ["breadcrumbs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["breadcrumbs.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "separator": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the separator between each items"
+        },
+        "attribute": "separator",
+        "reflect": false,
+        "defaultValue": "'/'"
       },
-      "attribute": "home-name",
-      "reflect": false
-    },
-    "truncate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "maxVisibleItems": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the maximum number of item to display"
+        },
+        "attribute": "max-visible-items",
+        "reflect": false,
+        "defaultValue": "3"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to false to display long texts"
+      "maxLengthItems": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the maximum length (number of item characters) to display"
+        },
+        "attribute": "max-length-items",
+        "reflect": false
       },
-      "attribute": "truncate",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "items": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(IEntityWithName | string)[]",
-        "resolved": "(string | IEntityWithName)[]",
-        "references": {
-          "IEntityWithName": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
+      "showHome": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to true to show the home icon"
+        },
+        "attribute": "show-home",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the path where the current file/folder is located"
+      "homeName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Home name to use instead of the home icon"
+        },
+        "attribute": "home-name",
+        "reflect": false
       },
-      "defaultValue": "[]"
-    }
-  }; }
-  static get events() { return [{
-      "method": "itemSelected",
-      "name": "itemSelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the item breadcrumbs is clicked on. It can be used to redirect user to the item."
+      "truncate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to false to display long texts"
+        },
+        "attribute": "truncate",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "complexType": {
-        "original": "{ item: IEntityWithName | string; index: number }",
-        "resolved": "{ item: string | IEntityWithName; index: number; }",
-        "references": {
-          "IEntityWithName": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "items": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(IEntityWithName | string)[]",
+          "resolved": "(string | IEntityWithName)[]",
+          "references": {
+            "IEntityWithName": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      }
-    }, {
-      "method": "homeSelected",
-      "name": "homeSelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the home icon is clicked on. It can be used to redirect user the home folder."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the path where the current file/folder is located"
+        },
+        "defaultValue": "[]"
       }
-    }]; }
-  static get methods() { return {
-    "forceUpdate": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "itemSelected",
+        "name": "itemSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the item breadcrumbs is clicked on. It can be used to redirect user to the item."
+        },
+        "complexType": {
+          "original": "{ item: IEntityWithName | string; index: number }",
+          "resolved": "{ item: string | IEntityWithName; index: number; }",
+          "references": {
+            "IEntityWithName": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }, {
+        "method": "homeSelected",
+        "name": "homeSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the home icon is clicked on. It can be used to redirect user the home folder."
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "forceUpdate": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
 }