smoothly 0.3.5 → 0.3.7

package/dist/collection/components/picker/index.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyPicker {
   constructor() {
     this.keepFocusOnReRender = false;
@@ -163,411 +163,418 @@ export class SmoothlyPicker {
         : []),
       ...((_c = this.options) !== null && _c !== void 0 ? _c : []),
     ];
-    return (h(Host, { style: cssVariables, "has-selection": this.selections.length > 0, "is-open": this.isOpen ? "" : undefined, onMouseDown: (e) => e.preventDefault(), onClick: () => this.onClick() },
-      h("div", null,
-        h("smoothly-icon", { part: "search", class: "search", name: "search-outline", size: "tiny" }),
-        h("label", { part: "label-element" }, this.label),
-        h("input", { part: "input", disabled: this.disabled, readonly: this.readonly, type: "text", ref: (el) => (this.inputElement = el ? el : this.inputElement), onFocus: () => this.highlightDefault(), onBlur: () => this.onBlur(), placeholder: this.selections.length > 3
-            ? this.selections.length.toString() + " " + this.selectionName
-            : this.selections.map(selection => selection.name).join(", "), onKeyDown: e => this.onKeyDown(e), onInput: (e) => this.onInput(e) }),
-        h("smoothly-icon", { part: "chevron", class: "down", name: "chevron-down", size: "tiny" }),
-        h("smoothly-icon", { part: "chevron", class: "up", name: "chevron-up", size: "tiny" })),
-      h("smoothly-menu-options", { part: "menu-options", style: { width: "100%" }, toggle: true, optionStyle: Object.assign({}, this.optionStyle), order: false, emptyMenuLabel: this.emptyMenuLabel, newOptionLabel: this.newOptionLabel, "max-menu-height": this.maxMenuHeight, mutable: this.mutable, ref: (el) => (this.menuElement = el !== null && el !== void 0 ? el : this.menuElement), onClick: e => e.stopPropagation(), resetHighlightOnOptionsChange: false, options: options })));
+    return (h(Host, { style: cssVariables, "has-selection": this.selections.length > 0, "is-open": this.isOpen ? "" : undefined, onMouseDown: (e) => e.preventDefault(), onClick: () => this.onClick() }, h("div", null, h("smoothly-icon", { part: "search", class: "search", name: "search-outline", size: "tiny" }), h("label", { part: "label-element" }, this.label), h("input", { part: "input", disabled: this.disabled, readonly: this.readonly, type: "text", ref: (el) => (this.inputElement = el ? el : this.inputElement), onFocus: () => this.highlightDefault(), onBlur: () => this.onBlur(), placeholder: this.selections.length > 3
+        ? this.selections.length.toString() + " " + this.selectionName
+        : this.selections.map(selection => selection.name).join(", "), onKeyDown: e => this.onKeyDown(e), onInput: (e) => this.onInput(e) }), h("smoothly-icon", { part: "chevron", class: "down", name: "chevron-down", size: "tiny" }), h("smoothly-icon", { part: "chevron", class: "up", name: "chevron-up", size: "tiny" })), h("smoothly-menu-options", { part: "menu-options", style: { width: "100%" }, toggle: true, optionStyle: Object.assign({}, this.optionStyle), order: false, emptyMenuLabel: this.emptyMenuLabel, newOptionLabel: this.newOptionLabel, "max-menu-height": this.maxMenuHeight, mutable: this.mutable, ref: (el) => (this.menuElement = el !== null && el !== void 0 ? el : this.menuElement), onClick: e => e.stopPropagation(), resetHighlightOnOptionsChange: false, options: options })));
   }
   static get is() { return "smoothly-picker"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "maxMenuHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-menu-height",
-      "reflect": false,
-      "defaultValue": "\"inherit\""
-    },
-    "maxHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-height",
-      "reflect": 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\""
-    },
-    "multiple": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "multiple",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "mutable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mutable",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "optionStyle": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "option-style",
-      "reflect": false
-    },
-    "options": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "(Option & { checked?: boolean })[]",
-        "resolved": "(Option & { checked?: boolean | undefined; })[]",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "../../model"
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "maxMenuHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-menu-height",
+        "reflect": false,
+        "defaultValue": "\"inherit\""
+      },
+      "maxHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-height",
+        "reflect": 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\""
+      },
+      "multiple": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "multiple",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "mutable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mutable",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "optionStyle": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "option-style",
+        "reflect": false
+      },
+      "options": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "(Option & { checked?: boolean })[]",
+          "resolved": "(Option & { checked?: boolean | undefined; })[]",
+          "references": {
+            "Option": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "labelSetting": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"hide\" | \"default\"",
-        "resolved": "\"default\" | \"hide\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label-setting",
-      "reflect": true
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "selections": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Option[]",
-        "resolved": "Option[]",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "../../model"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "labelSetting": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"hide\" | \"default\"",
+          "resolved": "\"default\" | \"hide\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label-setting",
+        "reflect": true
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": true
+      },
+      "selections": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Option[]",
+          "resolved": "Option[]",
+          "references": {
+            "Option": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "selectNoneName": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "select-none-name",
-      "reflect": false,
-      "defaultValue": "\"Select None\""
-    },
-    "selectAllName": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "select-all-name",
-      "reflect": false,
-      "defaultValue": "\"Select All\""
-    },
-    "selectionName": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selection-name",
-      "reflect": false,
-      "defaultValue": "\"items selected\""
-    },
-    "newOptionLabel": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "new-option-label",
-      "reflect": false,
-      "defaultValue": "\"Add:\""
-    },
-    "valueValidator": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(value: any) => [boolean, Notice | undefined]",
-        "resolved": "(value: any) => [boolean, Notice | undefined]",
-        "references": {
-          "Notice": {
-            "location": "import",
-            "path": "../../model"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "selectNoneName": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "select-none-name",
+        "reflect": false,
+        "defaultValue": "\"Select None\""
+      },
+      "selectAllName": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "select-all-name",
+        "reflect": false,
+        "defaultValue": "\"Select All\""
+      },
+      "selectionName": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selection-name",
+        "reflect": false,
+        "defaultValue": "\"items selected\""
+      },
+      "newOptionLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "new-option-label",
+        "reflect": false,
+        "defaultValue": "\"Add:\""
+      },
+      "valueValidator": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(value: any) => [boolean, Notice | undefined]",
+          "resolved": "(value: any) => [boolean, Notice | undefined]",
+          "references": {
+            "Notice": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "_ => [true, undefined]"
-    }
-  }; }
-  static get states() { return {
-    "isOpen": {},
-    "empty": {}
-  }; }
-  static get events() { return [{
-      "method": "menuClose",
-      "name": "menuClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "Option[]",
-        "resolved": "Option[]",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "../../model"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "_ => [true, undefined]"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isOpen": {},
+      "empty": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "menuClose",
+        "name": "menuClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Option[]",
+          "resolved": "Option[]",
+          "references": {
+            "Option": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
         }
-      }
-    }, {
-      "method": "notice",
-      "name": "notice",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "Notice",
-        "resolved": "Notice",
-        "references": {
-          "Notice": {
-            "location": "import",
-            "path": "../../model"
+      }, {
+        "method": "notice",
+        "name": "notice",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Notice",
+          "resolved": "Notice",
+          "references": {
+            "Notice": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "isOpen",
-      "methodName": "isOpenChangeHandler"
-    }]; }
-  static get listeners() { return [{
-      "name": "optionSelect",
-      "method": "optionSelectHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "optionUnselect",
-      "method": "optionSelectHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "optionAdd",
-      "method": "optionAddHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "menuEmpty",
-      "method": "emptyHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "isOpen",
+        "methodName": "isOpenChangeHandler"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "optionSelect",
+        "method": "optionSelectHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "optionUnselect",
+        "method": "optionSelectHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "optionAdd",
+        "method": "optionAddHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "menuEmpty",
+        "method": "emptyHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }