@dnncommunity/dnn-elements 0.15.1 → 0.15.2

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

@@ -1,10 +1,14 @@
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Host, h, Event, Watch, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { Debounce } from '../../utilities/debounce';
 export class DnnSearchbox {
   constructor() {
@@ -34,104 +38,107 @@ export class DnnSearchbox {
     this.handleQueryChanged();
   }
   render() {
-    return (h(Host, null,
-      h("input", { type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.query = e.target.value }),
-      this.query !== "" ?
-        h("button", { class: "svg clear", onClick: () => this.query = "" },
-          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 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })))
-        :
-          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: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))));
+    return (h(Host, null, h("input", { type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.query = e.target.value }), this.query !== "" ?
+      h("button", { class: "svg clear", onClick: () => this.query = "" }, 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 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })))
+      :
+        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: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))));
   }
   static get is() { return "dnn-searchbox"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-searchbox.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-searchbox.css"]
-  }; }
-  static get properties() { return {
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets the field placeholder text."
-      },
-      "attribute": "placeholder",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "debounced": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Debounces the queryChanged by 500ms."
-      },
-      "attribute": "debounced",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "query": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the query"
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-searchbox.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-searchbox.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the field placeholder text."
+        },
+        "attribute": "placeholder",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "attribute": "query",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "queryChanged",
-      "name": "queryChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires up each time the search query changes.\nThe data passed is the new query."
+      "debounced": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Debounces the queryChanged by 500ms."
+        },
+        "attribute": "debounced",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "query": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the query"
+        },
+        "attribute": "query",
+        "reflect": false,
+        "defaultValue": "\"\""
       }
-    }]; }
-  static get watchers() { return [{
-      "propName": "query",
-      "methodName": "fireQueryChanged"
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "queryChanged",
+        "name": "queryChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires up each time the search query changes.\nThe data passed is the new query."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "query",
+        "methodName": "fireQueryChanged"
+      }];
+  }
 }
 __decorate([
   Debounce(500)
 ], DnnSearchbox.prototype, "debouncedHandleQueryChanged", null);
-//# sourceMappingURL=dnn-searchbox.js.map
+//# sourceMappingURL=dnn-searchbox.js.map

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

@@ -23,4 +23,4 @@ Searchbox.args = {
   placeholder: "Search",
   query: "",
 };
-//# sourceMappingURL=dnn-searchbox.stories.js.map
+//# sourceMappingURL=dnn-searchbox.stories.js.map

package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Event } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class DnnSortIcon {
   constructor() {
     /** Defines the current sort direction */
@@ -21,61 +21,62 @@ export class DnnSortIcon {
     this.sortChanged.emit(this.sortDirection);
   }
   render() {
-    return (h(Host, null,
-      h("button", { class: { "active": this.sortDirection != "none" }, onClick: () => this.changeSort() },
-        this.sortDirection == "none" &&
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" },
-            h("path", { d: "M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z" })),
-        this.sortDirection == "asc" &&
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" },
-            h("path", { d: "M 0 7 H 12 L 6 0 Z" })),
-        this.sortDirection == "desc" &&
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" },
-            h("path", { d: "M 0 9 H 12 L 6 16 Z" })))));
+    return (h(Host, null, h("button", { class: { "active": this.sortDirection != "none" }, onClick: () => this.changeSort() }, this.sortDirection == "none" &&
+      h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { d: "M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z" })), this.sortDirection == "asc" &&
+      h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { d: "M 0 7 H 12 L 6 0 Z" })), this.sortDirection == "desc" &&
+      h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { d: "M 0 9 H 12 L 6 16 Z" })))));
   }
   static get is() { return "dnn-sort-icon"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-sort-icon.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-sort-icon.css"]
-  }; }
-  static get properties() { return {
-    "sortDirection": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"asc\" | \"desc\" | \"none\"",
-        "resolved": "\"asc\" | \"desc\" | \"none\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the current sort direction"
-      },
-      "attribute": "sort-direction",
-      "reflect": false,
-      "defaultValue": "\"none\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "sortChanged",
-      "name": "sortChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the sort is changed."
-      },
-      "complexType": {
-        "original": "\"asc\"|\"desc\"|\"none\"",
-        "resolved": "\"asc\" | \"desc\" | \"none\"",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-sort-icon.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-sort-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "sortDirection": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"asc\" | \"desc\" | \"none\"",
+          "resolved": "\"asc\" | \"desc\" | \"none\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the current sort direction"
+        },
+        "attribute": "sort-direction",
+        "reflect": false,
+        "defaultValue": "\"none\""
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "sortChanged",
+        "name": "sortChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the sort is changed."
+        },
+        "complexType": {
+          "original": "\"asc\"|\"desc\"|\"none\"",
+          "resolved": "\"asc\" | \"desc\" | \"none\"",
+          "references": {}
+        }
+      }];
+  }
 }
-//# sourceMappingURL=dnn-sort-icon.js.map
+//# sourceMappingURL=dnn-sort-icon.js.map

package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.stories.js

@@ -55,4 +55,4 @@ export const SortIcon = Template.bind({});
 SortIcon.args = {
   sortDirection: "none",
 };
-//# sourceMappingURL=dnn-sort-icon.stories.js.map
+//# sourceMappingURL=dnn-sort-icon.stories.js.map

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, State, Method } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 /** Represents a single tab and must be used inside a dnn-tabs element. */
 export class DnnTab {
   constructor() {
@@ -18,67 +18,77 @@ export class DnnTab {
   }
   static get is() { return "dnn-tab"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-tab.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-tab.css"]
-  }; }
-  static get properties() { return {
-    "tabTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the tab title."
-      },
-      "attribute": "tab-title",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "visible": {}
-  }; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-tab.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-tab.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Shows the tab.",
-        "tags": []
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the tab title."
+        },
+        "attribute": "tab-title",
+        "reflect": false
       }
-    },
-    "hide": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "visible": {}
+    };
+  }
+  static get methods() {
+    return {
+      "show": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Shows the tab.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Hides the modal",
-        "tags": []
+      "hide": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Hides the modal",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
 }
-//# sourceMappingURL=dnn-tab.js.map
+//# sourceMappingURL=dnn-tab.js.map

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

@@ -22,4 +22,4 @@ export const Tab = Template.bind({});
 Tab.args = {
   tabTitle: 'My Tab',
 };
-//# sourceMappingURL=dnn-tab.stories.js.map
+//# sourceMappingURL=dnn-tab.stories.js.map

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, State } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class DnnTabs {
   constructor() {
     this.tabTitles = [];
@@ -34,22 +34,25 @@ export class DnnTabs {
     this.selectedTabTitle = tabTitle;
   }
   render() {
-    return (h(Host, { ref: el => this.component = el },
-      h("div", { class: "tabTitles" }, this.tabTitles.map(tabTitle => h("button", { class: this.selectedTabTitle == tabTitle ? "visible" : "", onClick: () => this.showTab(tabTitle) }, tabTitle))),
-      h("div", { class: "currentTab" },
-        h("slot", null))));
+    return (h(Host, { ref: el => this.component = el }, h("div", { class: "tabTitles" }, this.tabTitles.map(tabTitle => h("button", { class: this.selectedTabTitle == tabTitle ? "visible" : "", onClick: () => this.showTab(tabTitle) }, tabTitle))), h("div", { class: "currentTab" }, h("slot", null))));
   }
   static get is() { return "dnn-tabs"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-tabs.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-tabs.css"]
-  }; }
-  static get states() { return {
-    "tabTitles": {},
-    "selectedTabTitle": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-tabs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-tabs.css"]
+    };
+  }
+  static get states() {
+    return {
+      "tabTitles": {},
+      "selectedTabTitle": {}
+    };
+  }
 }
-//# sourceMappingURL=dnn-tabs.js.map
+//# sourceMappingURL=dnn-tabs.js.map

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

@@ -50,4 +50,4 @@ const Template = (args, context) => {
     `;
 };
 export const Tabs = Template.bind({});
-//# sourceMappingURL=dnn-tabs.stories.js.map
+//# sourceMappingURL=dnn-tabs.stories.js.map