@limetech/lime-elements 36.1.0-next.8 → 36.1.0

package/dist/collection/components/code-editor/code-editor.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Element, Event, State, Watch, } from '@stencil/core';
+import { h, } from '@stencil/core';
 import CodeMirror from 'codemirror';
 import 'codemirror/mode/javascript/javascript';
 import 'codemirror/addon/selection/active-line';
@@ -18,30 +18,6 @@ import jslint from 'jsonlint-mod';
  */
 export class CodeEditor {
   constructor() {
-    /**
-     * The code to be rendered
-     */
-    this.value = '';
-    /**
-     * Disables editing of the editor content
-     */
-    this.readonly = false;
-    /**
-     * Displays line numbers in the editor
-     */
-    this.lineNumbers = false;
-    /**
-     * Allows the user to fold code
-     */
-    this.fold = false;
-    /**
-     * Enables linting of JSON content
-     */
-    this.lint = false;
-    /**
-     * Select color scheme for the editor
-     */
-    this.colorScheme = 'auto';
     this.handleChangeDarkMode = () => {
       if (this.colorScheme !== 'auto') {
         return;
@@ -57,6 +33,14 @@ export class CodeEditor {
       }
       this.editor.refresh();
     };
+    this.value = '';
+    this.language = undefined;
+    this.readonly = false;
+    this.lineNumbers = false;
+    this.fold = false;
+    this.lint = false;
+    this.colorScheme = 'auto';
+    this.random = undefined;
   }
   connectedCallback() {
     this.observer = new ResizeObserver(this.handleResize);
@@ -173,171 +157,183 @@ export class CodeEditor {
   }
   static get is() { return "limel-code-editor"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["code-editor.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["code-editor.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The code to be rendered"
+  static get originalStyleUrls() {
+    return {
+      "$": ["code-editor.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["code-editor.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The code to be rendered"
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Language",
-        "resolved": "\"javascript\" | \"json\" | \"typescript\"",
-        "references": {
-          "Language": {
-            "location": "import",
-            "path": "./code-editor.types"
+      "language": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Language",
+          "resolved": "\"javascript\" | \"json\" | \"typescript\"",
+          "references": {
+            "Language": {
+              "location": "import",
+              "path": "./code-editor.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The language of the code"
-      },
-      "attribute": "language",
-      "reflect": false
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disables editing of the editor content"
-      },
-      "attribute": "readonly",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "lineNumbers": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The language of the code"
+        },
+        "attribute": "language",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Displays line numbers in the editor"
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disables editing of the editor content"
+        },
+        "attribute": "readonly",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "line-numbers",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fold": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "lineNumbers": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays line numbers in the editor"
+        },
+        "attribute": "line-numbers",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Allows the user to fold code"
+      "fold": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Allows the user to fold code"
+        },
+        "attribute": "fold",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "fold",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "lint": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "lint": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enables linting of JSON content"
+        },
+        "attribute": "lint",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Enables linting of JSON content"
-      },
-      "attribute": "lint",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "colorScheme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ColorScheme",
-        "resolved": "\"auto\" | \"dark\" | \"light\"",
-        "references": {
-          "ColorScheme": {
-            "location": "import",
-            "path": "./code-editor.types"
+      "colorScheme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ColorScheme",
+          "resolved": "\"auto\" | \"dark\" | \"light\"",
+          "references": {
+            "ColorScheme": {
+              "location": "import",
+              "path": "./code-editor.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Select color scheme for the editor"
-      },
-      "attribute": "color-scheme",
-      "reflect": false,
-      "defaultValue": "'auto'"
-    }
-  }; }
-  static get states() { return {
-    "random": {}
-  }; }
-  static get events() { return [{
-      "method": "change",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the code has changed. Will only be emitted when the code\narea has lost focus"
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Select color scheme for the editor"
+        },
+        "attribute": "color-scheme",
+        "reflect": false,
+        "defaultValue": "'auto'"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "random": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "change",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the code has changed. Will only be emitted when the code\narea has lost focus"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "watchValue"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "watchValue"
+      }];
+  }
 }

package/dist/collection/components/collapsible-section/collapsible-section.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { dispatchResizeEvent } from '../../util/dispatch-resize-event';
 import { ENTER, ENTER_KEY_CODE } from '../../util/keycodes';
 /**
@@ -11,10 +11,6 @@ import { ENTER, ENTER_KEY_CODE } from '../../util/keycodes';
  */
 export class CollapsibleSection {
   constructor() {
-    /**
-     * `true` if the section is expanded, `false` if collapsed.
-     */
-    this.isOpen = false;
     this.onClick = () => {
       this.handleInteraction();
     };
@@ -50,135 +46,135 @@ export class CollapsibleSection {
       event.stopPropagation();
       this.action.emit(action);
     };
+    this.isOpen = false;
+    this.header = undefined;
+    this.actions = undefined;
   }
   render() {
-    return (h("section", { class: `${this.isOpen ? 'open' : ''}` },
-      h("header", { class: "section__header", onClick: this.onClick, onKeyDown: this.handleKeyDown, tabindex: "0" },
-        h("div", { class: "section__header__expand-icon" },
-          h("div", { class: "expand-icon__line" }),
-          h("div", { class: "expand-icon__line" }),
-          h("div", { class: "expand-icon__line" }),
-          h("div", { class: "expand-icon__line" })),
-        h("h2", { class: "section__header__title mdc-typography mdc-typography--headline2" }, this.header),
-        h("div", { class: "section__header__divider-line" }),
-        this.renderActions()),
-      h("div", { class: "section__body" },
-        h("slot", null))));
+    return (h("section", { class: `${this.isOpen ? 'open' : ''}` }, h("header", { class: "section__header", onClick: this.onClick, onKeyDown: this.handleKeyDown, tabindex: "0" }, h("div", { class: "section__header__expand-icon" }, h("div", { class: "expand-icon__line" }), h("div", { class: "expand-icon__line" }), h("div", { class: "expand-icon__line" }), h("div", { class: "expand-icon__line" })), h("h2", { class: "section__header__title mdc-typography mdc-typography--headline2" }, this.header), h("div", { class: "section__header__divider-line" }), this.renderActions()), h("div", { class: "section__body" }, h("slot", null))));
   }
   static get is() { return "limel-collapsible-section"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["collapsible-section.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["collapsible-section.css"]
-  }; }
-  static get properties() { return {
-    "isOpen": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "`true` if the section is expanded, `false` if collapsed."
-      },
-      "attribute": "is-open",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "header": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["collapsible-section.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["collapsible-section.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isOpen": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "`true` if the section is expanded, `false` if collapsed."
+        },
+        "attribute": "is-open",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text to display in the header of the section"
+      "header": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text to display in the header of the section"
+        },
+        "attribute": "header",
+        "reflect": true
       },
-      "attribute": "header",
-      "reflect": true
-    },
-    "actions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Action[]",
-        "resolved": "Action[]",
-        "references": {
-          "Action": {
-            "location": "import",
-            "path": "./action"
+      "actions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Action[]",
+          "resolved": "Action[]",
+          "references": {
+            "Action": {
+              "location": "import",
+              "path": "./action"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Actions to place to the far right inside the header"
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Actions to place to the far right inside the header"
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "open",
-      "name": "open",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the section is expanded"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "close",
-      "name": "close",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the section is collapsed"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
       }
-    }, {
-      "method": "action",
-      "name": "action",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when an action is clicked inside the header"
-      },
-      "complexType": {
-        "original": "Action",
-        "resolved": "Action",
-        "references": {
-          "Action": {
-            "location": "import",
-            "path": "./action"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "open",
+        "name": "open",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the section is expanded"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "close",
+        "name": "close",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the section is collapsed"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "action",
+        "name": "action",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when an action is clicked inside the header"
+        },
+        "complexType": {
+          "original": "Action",
+          "resolved": "Action",
+          "references": {
+            "Action": {
+              "location": "import",
+              "path": "./action"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
 }