@dnncommunity/dnn-elements 0.15.1 → 0.15.2

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

@@ -1,5 +1,4 @@
-import { Component, Host, h, Prop, Event } from '@stencil/core';
-import { Watch } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class DnnChevron {
   constructor() {
     /** Expand text for screen readers */
@@ -13,95 +12,101 @@ export class DnnChevron {
     this.changed.emit(newValue);
   }
   render() {
-    return (h(Host, null,
-      h("button", { "aria-label": this.expanded ? this.collapseText : this.expandText, onClick: () => this.expanded = !this.expanded },
-        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: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })))));
+    return (h(Host, null, h("button", { "aria-label": this.expanded ? this.collapseText : this.expandText, onClick: () => this.expanded = !this.expanded }, 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: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })))));
   }
   static get is() { return "dnn-chevron"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-chevron.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-chevron.css"]
-  }; }
-  static get properties() { return {
-    "expandText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Expand text for screen readers"
-      },
-      "attribute": "expand-text",
-      "reflect": false,
-      "defaultValue": "\"expand\""
-    },
-    "collapseText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Collapse text for screen readers"
-      },
-      "attribute": "collapse-text",
-      "reflect": false,
-      "defaultValue": "\"collapse\""
-    },
-    "expanded": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Is the chevron expanded"
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-chevron.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-chevron.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "expandText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Expand text for screen readers"
+        },
+        "attribute": "expand-text",
+        "reflect": false,
+        "defaultValue": "\"expand\""
       },
-      "attribute": "expanded",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "changed",
-      "name": "changed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires up when the expanded status changes"
+      "collapseText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Collapse text for screen readers"
+        },
+        "attribute": "collapse-text",
+        "reflect": false,
+        "defaultValue": "\"collapse\""
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "expanded": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Is the chevron expanded"
+        },
+        "attribute": "expanded",
+        "reflect": true,
+        "defaultValue": "false"
       }
-    }]; }
-  static get watchers() { return [{
-      "propName": "expanded",
-      "methodName": "handleExpandedChanged"
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "changed",
+        "name": "changed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires up when the expanded status changes"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "expanded",
+        "methodName": "handleExpandedChanged"
+      }];
+  }
 }
-//# sourceMappingURL=dnn-chevron.js.map
+//# sourceMappingURL=dnn-chevron.js.map

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

@@ -35,4 +35,4 @@ Chevron.args = {
   collapseText: 'collapse',
   expanded: false,
 };
-//# sourceMappingURL=dnn-chevron.stories.js.map
+//# sourceMappingURL=dnn-chevron.stories.js.map

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Element, Event, Watch, Listen, Method } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class DnnCollapsible {
   constructor() {
     /** Defines if the panel is expanded or not. */
@@ -46,101 +46,113 @@ export class DnnCollapsible {
     this.container.style.transition = `max-height ${this.transitionDuration}ms ease-in-out`;
   }
   render() {
-    return (h(Host, null,
-      h("div", { id: "container", class: this.expanded && "expanded", ref: el => this.container = el, style: { transition: `max-height ${this.transitionDuration}ms ease-in-out` } },
-        h("slot", null))));
+    return (h(Host, null, h("div", { id: "container", class: this.expanded && "expanded", ref: el => this.container = el, style: { transition: `max-height ${this.transitionDuration}ms ease-in-out` } }, h("slot", null))));
   }
   static get is() { return "dnn-collapsible"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-collapsible.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-collapsible.css"]
-  }; }
-  static get properties() { return {
-    "expanded": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines if the panel is expanded or not."
-      },
-      "attribute": "expanded",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "transitionDuration": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Defines the transition time in ms, defaults to 150ms"
-      },
-      "attribute": "transition-duration",
-      "reflect": false,
-      "defaultValue": "150"
-    }
-  }; }
-  static get events() { return [{
-      "method": "dnnCollapsibleHeightChanged",
-      "name": "dnnCollapsibleHeightChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires whenever the collapsible height has changed"
+  static get originalStyleUrls() {
+    return {
+      "$": ["dnn-collapsible.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dnn-collapsible.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "expanded": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines if the panel is expanded or not."
+        },
+        "attribute": "expanded",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "transitionDuration": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Defines the transition time in ms, defaults to 150ms"
+        },
+        "attribute": "transition-duration",
+        "reflect": false,
+        "defaultValue": "150"
       }
-    }]; }
-  static get methods() { return {
-    "updateSize": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dnnCollapsibleHeightChanged",
+        "name": "dnnCollapsibleHeightChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires whenever the collapsible height has changed"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Updates the component height, use to update after a slot content changes.",
-        "tags": []
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "updateSize": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Updates the component height, use to update after a slot content changes.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "expanded",
-      "methodName": "handledExpandedChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "dnnCollapsibleHeightChanged",
-      "method": "handleHeightChanged",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "expanded",
+        "methodName": "handledExpandedChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "dnnCollapsibleHeightChanged",
+        "method": "handleHeightChanged",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
-//# sourceMappingURL=dnn-collapsible.js.map
+//# sourceMappingURL=dnn-collapsible.js.map

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

@@ -36,4 +36,4 @@ Collapsible.args = {
   expanded: false,
   transitionDuration: 150,
 };
-//# sourceMappingURL=dnn-collapsible.stories.js.map
+//# sourceMappingURL=dnn-collapsible.stories.js.map