@dnncommunity/dnn-elements 0.15.1 → 0.15.2

package/dist/collection/components/dnn-toggle/dnn-toggle.js

@@ -1,4 +1,4 @@
-import { Component, h, Element, Prop, Event, Watch, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class DnnToggle {
   constructor() {
     /** If 'true' the toggle is checked (on). */
@@ -10,85 +10,93 @@ export class DnnToggle {
     this.checkChanged.emit({ checked: isChecked });
   }
   render() {
-    return (h(Host, null,
-      h("button", { disabled: this.disabled, class: { 'checked': this.checked }, onClick: () => {
-          if (!this.disabled) {
-            this.checked = !this.checked;
-          }
-        } },
-        h("div", { class: "handle" }))));
+    return (h(Host, null, h("button", { disabled: this.disabled, class: { 'checked': this.checked }, onClick: () => {
+        if (!this.disabled) {
+          this.checked = !this.checked;
+        }
+      } }, h("div", { class: "handle" }))));
   }
   static get is() { return "dnn-toggle"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-toggle.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-toggle.css"]
-  }; }
-  static get properties() { return {
-    "checked": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If 'true' the toggle is checked (on)."
-      },
-      "attribute": "checked",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If 'true' the toggle is not be interacted with."
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "checkChanged",
-      "name": "checkChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the toggle changed"
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-toggle.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-toggle.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "checked": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If 'true' the toggle is checked (on)."
+        },
+        "attribute": "checked",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "DnnToggleChangeEventDetail",
-        "resolved": "DnnToggleChangeEventDetail",
-        "references": {
-          "DnnToggleChangeEventDetail": {
-            "location": "import",
-            "path": "./toggle-interface"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If 'true' the toggle is not be interacted with."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "checkChanged",
+        "name": "checkChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the toggle changed"
+        },
+        "complexType": {
+          "original": "DnnToggleChangeEventDetail",
+          "resolved": "DnnToggleChangeEventDetail",
+          "references": {
+            "DnnToggleChangeEventDetail": {
+              "location": "import",
+              "path": "./toggle-interface"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "checked",
-      "methodName": "checkedChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "checked",
+        "methodName": "checkedChanged"
+      }];
+  }
 }
-//# sourceMappingURL=dnn-toggle.js.map
+//# sourceMappingURL=dnn-toggle.js.map

package/dist/collection/components/dnn-toggle/dnn-toggle.stories.js

@@ -50,4 +50,4 @@ Toggle.args = {
   checked: false,
   disabled: false,
 };
-//# sourceMappingURL=dnn-toggle.stories.js.map
+//# sourceMappingURL=dnn-toggle.stories.js.map

package/dist/collection/components/dnn-toggle/toggle-interface.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=toggle-interface.js.map
+//# sourceMappingURL=toggle-interface.js.map

package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, State, Element, Event, Watch } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot - The content of this node.
  * @slot children - The content nested under this node.
@@ -47,85 +47,87 @@ export class DnnTreeviewItem {
     this.userCollapsed.emit();
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "expander", ref: el => this.expander = el }, this.hasChildren &&
-        h("button", { onClick: () => this.toggleCollapse() },
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" },
-            h("path", { d: "M10 17l5-5-5-5v10z" }),
-            h("path", { d: "M0 24V0h24v24H0z", fill: "none" })))),
-      h("div", { class: "item" },
-        h("div", { class: "item-slot" },
-          h("slot", null)),
-        h("dnn-collapsible", { ref: el => this.collapsible = el, expanded: this.expanded },
-          h("div", { ref: el => this.childElement = el },
-            h("slot", { name: "children" }))))));
+    return (h(Host, null, h("div", { class: "expander", ref: el => this.expander = el }, this.hasChildren &&
+      h("button", { onClick: () => this.toggleCollapse() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M10 17l5-5-5-5v10z" }), h("path", { d: "M0 24V0h24v24H0z", fill: "none" })))), h("div", { class: "item" }, h("div", { class: "item-slot" }, h("slot", null)), h("dnn-collapsible", { ref: el => this.collapsible = el, expanded: this.expanded }, h("div", { ref: el => this.childElement = el }, h("slot", { name: "children" }))))));
   }
   static get is() { return "dnn-treeview-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-treeview-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-treeview-item.css"]
-  }; }
-  static get properties() { return {
-    "expanded": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines if the current node is expanded."
-      },
-      "attribute": "expanded",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hasChildren": {}
-  }; }
-  static get events() { return [{
-      "method": "userExpanded",
-      "name": "userExpanded",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the user expands a node."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "userCollapsed",
-      "name": "userCollapsed",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires when the user collapses a node."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-treeview-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-treeview-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "expanded": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines if the current node is expanded."
+        },
+        "attribute": "expanded",
+        "reflect": true,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "hasChildren": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "userExpanded",
+        "name": "userExpanded",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the user expands a node."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "userCollapsed",
+        "name": "userCollapsed",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires when the user collapses a node."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "expanded",
-      "methodName": "watchExpanded"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "expanded",
+        "methodName": "watchExpanded"
+      }];
+  }
 }
-//# sourceMappingURL=dnn-treeview-item.js.map
+//# sourceMappingURL=dnn-treeview-item.js.map

package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.stories.js

@@ -33,4 +33,4 @@ export const TreeviewItem = Template.bind({});
 TreeviewItem.args = {
   expanded: false,
 };
-//# sourceMappingURL=dnn-treeview-item.stories.js.map
+//# sourceMappingURL=dnn-treeview-item.stories.js.map

package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.js

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, State } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class DnnVerticalOverflowMenu {
   constructor() {
     this.showDropdownButton = false;
@@ -104,31 +104,27 @@ export class DnnVerticalOverflowMenu {
     }
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "menu-container" },
-        h("div", { class: "menu", ref: el => this.menu = el },
-          h("slot", null)),
-        this.showDropdownButton &&
-          h("div", { class: "overflow" },
-            h("button", { ref: el => this.button = el, class: "icon", onClick: () => this.toggleOverflowMenu() },
-              h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" },
-                h("path", { d: "M0 0h24v24H0z", fill: "none" }),
-                h("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }))),
-            h("div", { class: "dropdown", ref: el => this.dropdown = el },
-              h("slot", { name: "dropdown" }))))));
+    return (h(Host, null, h("div", { class: "menu-container" }, h("div", { class: "menu", ref: el => this.menu = el }, h("slot", null)), this.showDropdownButton &&
+      h("div", { class: "overflow" }, h("button", { ref: el => this.button = el, class: "icon", onClick: () => this.toggleOverflowMenu() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }))), h("div", { class: "dropdown", ref: el => this.dropdown = el }, h("slot", { name: "dropdown" }))))));
   }
   static get is() { return "dnn-vertical-overflow-menu"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-vertical-overflow-menu.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-vertical-overflow-menu.css"]
-  }; }
-  static get states() { return {
-    "showDropdownButton": {},
-    "showDropdownMenu": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-vertical-overflow-menu.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-vertical-overflow-menu.css"]
+    };
+  }
+  static get states() {
+    return {
+      "showDropdownButton": {},
+      "showDropdownMenu": {}
+    };
+  }
   static get elementRef() { return "element"; }
 }
-//# sourceMappingURL=dnn-vertical-overflow-menu.js.map
+//# sourceMappingURL=dnn-vertical-overflow-menu.js.map

package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.stories.js

@@ -57,4 +57,4 @@ const Template = (args, context) => html `
 </dnn-vertical-overflow-menu>
     `;
 export const VerticalOverflowMenu = Template.bind({});
-//# sourceMappingURL=dnn-vertical-overflow-menu.stories.js.map
+//# sourceMappingURL=dnn-vertical-overflow-menu.stories.js.map