smoothly 0.3.5 → 0.3.7

package/dist/collection/components/menu-options/index.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyMenuOptions {
   constructor() {
     this.optionElements = [];
@@ -97,301 +97,313 @@ export class SmoothlyMenuOptions {
     return (h(Host, { style: { "--max-menu-height": this.maxMenuHeight } }, this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) => (h("smoothly-option", { style: this.optionStyle, toggle: this.toggle, ref: el => {
         index == 0 && (this.firstOptionsElement = el !== null && el !== void 0 ? el : this.firstOptionsElement);
         el && (this.optionElements[index] = el);
-      }, checked: option.checked, value: option.value, name: option.name, divider: option.divider, "data-highlight": this.highlightIndex == index }, option.hint ? h("div", { slot: "hint" }, option.hint) : undefined)))) : this.mutable ? (h("smoothly-option", { style: this.optionStyle, value: this.keyword, name: this.keyword, "data-highlight": 0, new: true },
-      h("div", { slot: "left" },
-        h("smoothly-icon", { name: "square-outline", size: "small" }),
-        " ",
-        this.newOptionLabel))) : (h("div", null, this.emptyMenuLabel))));
+      }, checked: option.checked, value: option.value, name: option.name, divider: option.divider, "data-highlight": this.highlightIndex == index }, option.hint ? h("div", { slot: "hint" }, option.hint) : undefined)))) : this.mutable ? (h("smoothly-option", { style: this.optionStyle, value: this.keyword, name: this.keyword, "data-highlight": 0, new: true }, h("div", { slot: "left" }, h("smoothly-icon", { name: "square-outline", size: "small" }), " ", this.newOptionLabel))) : (h("div", null, this.emptyMenuLabel))));
   }
   static get is() { return "smoothly-menu-options"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "toggle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "toggle",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "emptyMenuLabel": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "empty-menu-label",
-      "reflect": false,
-      "defaultValue": "\"No Options\""
-    },
-    "newOptionLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "new-option-label",
-      "reflect": false,
-      "defaultValue": "\"Add:\""
-    },
-    "maxMenuHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"inherit\"",
-        "resolved": "\"inherit\"",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "toggle": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "toggle",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "emptyMenuLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "empty-menu-label",
+        "reflect": false,
+        "defaultValue": "\"No Options\""
       },
-      "attribute": "max-menu-height",
-      "reflect": false
-    },
-    "order": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "newOptionLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "new-option-label",
+        "reflect": false,
+        "defaultValue": "\"Add:\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "maxMenuHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"inherit\"",
+          "resolved": "\"inherit\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-menu-height",
+        "reflect": false
       },
-      "attribute": "order",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "optionStyle": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "order": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "order",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "optionStyle": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "option-style",
+        "reflect": false
       },
-      "attribute": "option-style",
-      "reflect": false
-    },
-    "options": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Option[]",
-        "resolved": "Option[]",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "../../model"
+      "options": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Option[]",
+          "resolved": "Option[]",
+          "references": {
+            "Option": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "resetHighlightOnOptionsChange": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reset-highlight-on-options-change",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "mutable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mutable",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "filteredOptions": {},
-    "highlightIndex": {},
-    "keyword": {}
-  }; }
-  static get events() { return [{
-      "method": "menuEmpty",
-      "name": "menuEmpty",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "moveHighlight": {
-      "complexType": {
-        "signature": "(step: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "resetHighlightOnOptionsChange": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
+        "attribute": "reset-highlight-on-options-change",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "mutable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mutable",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    },
-    "setHighlight": {
-      "complexType": {
-        "signature": "(newIndex: number | string, scrollToHighlight?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "filteredOptions": {},
+      "highlightIndex": {},
+      "keyword": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "menuEmpty",
+        "name": "menuEmpty",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "moveHighlight": {
+        "complexType": {
+          "signature": "(step: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getHighlighted": {
-      "complexType": {
-        "signature": "() => Promise<Option | undefined>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "setHighlight": {
+        "complexType": {
+          "signature": "(newIndex: number | string, scrollToHighlight?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
           },
-          "Option": {
-            "location": "import",
-            "path": "../../model"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<Option | undefined>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "filterOptions": {
-      "complexType": {
-        "signature": "(keyword: string, excludeValues?: string[]) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "getHighlighted": {
+        "complexType": {
+          "signature": "() => Promise<Option | undefined>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Option": {
+              "location": "import",
+              "path": "../../model"
+            }
+          },
+          "return": "Promise<Option | undefined>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "filterOptions": {
+        "complexType": {
+          "signature": "(keyword: string, excludeValues?: string[]) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "options",
-      "methodName": "optionsChangeHandler"
-    }]; }
-  static get listeners() { return [{
-      "name": "optionHover",
-      "method": "optionHoverHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "options",
+        "methodName": "optionsChangeHandler"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "optionHover",
+        "method": "optionHoverHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }