@limetech/lime-elements 36.0.0-next.9 → 36.1.0-dev.1

package/dist/collection/components/menu-list/menu-list.js

@@ -2,7 +2,7 @@ import { MDCMenu } from '@material/menu';
 import { MDCRipple } from '@material/ripple';
 import { strings as listStrings } from '@material/list/constants';
 import { strings as menuStrings } from '@material/menu/constants';
-import { Component, Element, Event, h, Prop, Watch, } from '@stencil/core';
+import { h, } from '@stencil/core';
 import { MenuListRenderer } from './menu-list-renderer';
 const { ACTION_EVENT } = listStrings;
 const { SELECTED_EVENT } = menuStrings;
@@ -11,18 +11,6 @@ const { SELECTED_EVENT } = menuStrings;
  */
 export class MenuList {
   constructor() {
-    /**
-     * Size of the icons in the list
-     */
-    this.iconSize = 'small';
-    /**
-     * By default, lists will display 3 lines of text, and then truncate the rest.
-     * Consumers can increase or decrease this number by specifying
-     * `maxLinesSecondaryText`. If consumer enters zero or negative
-     * numbers we default to 1; and if they type decimals we round up.
-     */
-    // eslint-disable-next-line no-magic-numbers
-    this.maxLinesSecondaryText = 3;
     this.MenuListRenderer = new MenuListRenderer();
     this.setup = () => {
       this.setupMenu();
@@ -67,15 +55,20 @@ export class MenuList {
         return !!item.selected;
       });
       if (selectedItem) {
-        this.change.emit(Object.assign(Object.assign({}, selectedItem), { selected: false }));
+        this.select.emit(Object.assign(Object.assign({}, selectedItem), { selected: false }));
       }
       if (MenuItems[index] !== selectedItem) {
-        this.change.emit(Object.assign(Object.assign({}, MenuItems[index]), { selected: false }));
+        this.select.emit(Object.assign(Object.assign({}, MenuItems[index]), { selected: false }));
       }
     };
     this.isMenuItem = (item) => {
       return !('separator' in item);
     };
+    this.items = undefined;
+    this.badgeIcons = undefined;
+    this.iconSize = 'small';
+    this.type = undefined;
+    this.maxLinesSecondaryText = 3;
   }
   connectedCallback() {
     this.setup();
@@ -107,168 +100,158 @@ export class MenuList {
   }
   static get is() { return "limel-menu-list"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-list.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<MenuItem | ListSeparator>",
-        "resolved": "(ListSeparator | MenuItem<any>)[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "MenuItem": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
-          },
-          "ListSeparator": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<MenuItem | ListSeparator>",
+          "resolved": "(MenuItem<any> | ListSeparator)[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "MenuItem": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            },
+            "ListSeparator": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "List of items to display"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "List of items to display"
-      }
-    },
-    "badgeIcons": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` if the list should display larger icons with a background"
+      "badgeIcons": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` if the list should display larger icons with a background"
+        },
+        "attribute": "badge-icons",
+        "reflect": false
       },
-      "attribute": "badge-icons",
-      "reflect": false
-    },
-    "iconSize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconSize",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-small\"",
-        "references": {
-          "IconSize": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+      "iconSize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IconSize",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-small\"",
+          "references": {
+            "IconSize": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size of the icons in the list"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size of the icons in the list"
+        },
+        "attribute": "icon-size",
+        "reflect": false,
+        "defaultValue": "'small'"
       },
-      "attribute": "icon-size",
-      "reflect": false,
-      "defaultValue": "'small'"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "MenuListType",
-        "resolved": "\"menu\"",
-        "references": {
-          "MenuListType": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "MenuListType",
+          "resolved": "\"menu\"",
+          "references": {
+            "MenuListType": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The type of the menu, omit to get a regular vertical menu.\nAvailable types are:\n`menu`: regular vertical menu."
+        },
+        "attribute": "type",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The type of the menu, omit to get a regular vertical menu.\nAvailable types are:\n`menu`: regular vertical menu."
-      },
-      "attribute": "type",
-      "reflect": false
-    },
-    "maxLinesSecondaryText": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "By default, lists will display 3 lines of text, and then truncate the rest.\nConsumers can increase or decrease this number by specifying\n`maxLinesSecondaryText`. If consumer enters zero or negative\nnumbers we default to 1; and if they type decimals we round up."
-      },
-      "attribute": "max-lines-secondary-text",
-      "reflect": false,
-      "defaultValue": "3"
-    }
-  }; }
-  static get events() { return [{
-      "method": "change",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fired when a new value has been selected from the list. Only fired if selectable is set to true"
-      },
-      "complexType": {
-        "original": "MenuItem | MenuItem[]",
-        "resolved": "MenuItem<any> | MenuItem<any>[]",
-        "references": {
-          "MenuItem": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
-          }
-        }
+      "maxLinesSecondaryText": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "By default, lists will display 3 lines of text, and then truncate the rest.\nConsumers can increase or decrease this number by specifying\n`maxLinesSecondaryText`. If consumer enters zero or negative\nnumbers we default to 1; and if they type decimals we round up."
+        },
+        "attribute": "max-lines-secondary-text",
+        "reflect": false,
+        "defaultValue": "3"
       }
-    }, {
-      "method": "select",
-      "name": "select",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fired when an action has been selected from the action menu of a list item"
-      },
-      "complexType": {
-        "original": "MenuItem | MenuItem[]",
-        "resolved": "MenuItem<any> | MenuItem<any>[]",
-        "references": {
-          "MenuItem": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "select",
+        "name": "select",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fired when a new value has been selected from the list."
+        },
+        "complexType": {
+          "original": "MenuItem",
+          "resolved": "MenuItem<any>",
+          "references": {
+            "MenuItem": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "type",
-      "methodName": "handleType"
-    }, {
-      "propName": "items",
-      "methodName": "itemsChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "type",
+        "methodName": "handleType"
+      }, {
+        "propName": "items",
+        "methodName": "itemsChanged"
+      }];
+  }
 }

package/dist/collection/components/menu-surface/menu-surface.js

@@ -1,5 +1,5 @@
 import { Corner, MDCMenuSurface } from '@material/menu-surface';
-import { Component, Element, Event, h, Prop, } from '@stencil/core';
+import { h, } from '@stencil/core';
 import { isDescendant } from '../../util/dom';
 import { ESCAPE, ESCAPE_KEY_CODE, TAB, TAB_KEY_CODE, } from '../../util/keycodes';
 /**
@@ -8,10 +8,6 @@ import { ESCAPE, ESCAPE_KEY_CODE, TAB, TAB_KEY_CODE, } from '../../util/keycodes
  */
 export class MenuSurface {
   constructor() {
-    /**
-     * True if the menu surface is open, false otherwise
-     */
-    this.open = false;
     this.setup = () => {
       const menuElement = this.host.shadowRoot.querySelector('.mdc-menu-surface');
       if (!menuElement) {
@@ -96,6 +92,8 @@ export class MenuSurface {
         this.dismiss.emit();
       }
     };
+    this.open = false;
+    this.allowClicksElement = undefined;
   }
   connectedCallback() {
     this.setup();
@@ -114,71 +112,78 @@ export class MenuSurface {
       'mdc-elevation-transition': true,
       'mdc-elevation--z4': true,
     };
-    return (h("div", { class: classList, tabindex: "-1" },
-      h("slot", null)));
+    return (h("div", { class: classList, tabindex: "-1" }, h("slot", null)));
   }
   static get is() { return "limel-menu-surface"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-surface.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-surface.css"]
-  }; }
-  static get properties() { return {
-    "open": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "True if the menu surface is open, false otherwise"
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-surface.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-surface.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "open": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "True if the menu surface is open, false otherwise"
+        },
+        "attribute": "open",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "open",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "allowClicksElement": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
+      "allowClicksElement": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Clicks in this element should not be prevented when the menu surface is open"
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Clicks in this element should not be prevented when the menu surface is open"
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "dismiss",
-      "name": "dismiss",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the menu surface is dismissed and should be closed"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dismiss",
+        "name": "dismiss",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the menu surface is dismissed and should be closed"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
 }