@xplortech/apollo-core 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/collection/components/xpl-pagination/xpl-pagination.js

@@ -1,7 +1,6 @@
-import { Component, Host, h, Event, Prop, State, Method, } from '@stencil/core';
+import { Host, h, } from '@stencil/core';
 export class XplPagination {
   constructor() {
-    this.current = 1;
     /**
      * Private `_goto` method respects the `waitForCallback` prop --
      * it will always emit the `page` event, but won't actually update
@@ -23,6 +22,10 @@ export class XplPagination {
       if (this.current < numPages)
         this._goto(this.current + 1);
     };
+    this.total = undefined;
+    this.perPage = undefined;
+    this.waitForCallback = undefined;
+    this.current = 1;
   }
   /**
    * Calling `goto` with a page number (which should probably be
@@ -54,137 +57,123 @@ export class XplPagination {
     }
     const showingFirst = (this.current - 1) * this.perPage + 1;
     const showingLast = Math.min(showingFirst + this.perPage - 1, this.total);
-    return (h(Host, null,
-      h("div", { class: "xpl-pagination" },
-        h("div", null,
-          h("p", null,
-            "Showing ",
-            h("span", null, showingFirst),
-            " to",
-            ' ',
-            h("span", null, showingLast),
-            " of",
-            ' ',
-            h("span", null, this.total),
-            " results")),
-        h("div", null,
-          h("nav", { "aria-label": "Pagination" },
-            h("button", { onClick: this.goPrev, class: "xpl-pagination-prev" },
-              h("span", null, "Previous"),
-              h("svg", { viewBox: "0 0 20 20", "aria-hidden": "true" },
-                h("path", { "fill-rule": "evenodd", d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z", "clip-rule": "evenodd" }))),
-            showing.map((n) => {
-              if (n === '...') {
-                return (h("span", { class: "xpl-pagination-ellipsis" }, "..."));
-              }
-              if (n === this.current) {
-                return (h("button", { "aria-current": "page", class: "xpl-pagination-current" }, n));
-              }
-              return (h("button", { onClick: () => this._goto(n) }, n));
-            }),
-            h("button", { onClick: this.goNext, class: "xpl-pagination-next" },
-              h("span", null, "Next"),
-              h("svg", { viewBox: "0 0 20 20", "aria-hidden": "true" },
-                h("path", { "fill-rule": "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", "clip-rule": "evenodd" }))))))));
+    return (h(Host, null, h("div", { class: "xpl-pagination" }, h("div", null, h("p", null, "Showing ", h("span", null, showingFirst), " to", ' ', h("span", null, showingLast), " of", ' ', h("span", null, this.total), " results")), h("div", null, h("nav", { "aria-label": "Pagination" }, h("button", { onClick: this.goPrev, class: "xpl-pagination-prev" }, h("span", null, "Previous"), h("svg", { viewBox: "0 0 20 20", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z", "clip-rule": "evenodd" }))), showing.map((n) => {
+      if (n === '...') {
+        return (h("span", { class: "xpl-pagination-ellipsis" }, "..."));
+      }
+      if (n === this.current) {
+        return (h("button", { "aria-current": "page", class: "xpl-pagination-current" }, n));
+      }
+      return (h("button", { onClick: () => this._goto(n) }, n));
+    }), h("button", { onClick: this.goNext, class: "xpl-pagination-next" }, h("span", null, "Next"), h("svg", { viewBox: "0 0 20 20", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", "clip-rule": "evenodd" }))))))));
   }
   static get is() { return "xpl-pagination"; }
-  static get properties() { return {
-    "total": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "total",
-      "reflect": false
-    },
-    "perPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "per-page",
-      "reflect": false
-    },
-    "waitForCallback": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get properties() {
+    return {
+      "total": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "total",
+        "reflect": false
       },
-      "attribute": "wait-for-callback",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "current": {}
-  }; }
-  static get events() { return [{
-      "method": "page",
-      "name": "page",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "perPage": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "per-page",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "waitForCallback": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "wait-for-callback",
+        "reflect": false
       }
-    }]; }
-  static get methods() { return {
-    "goto": {
-      "complexType": {
-        "signature": "(n: number) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "text": "n",
-                "name": "param"
-              }],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "current": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "page",
+        "name": "page",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Calling `goto` with a page number (which should probably be\ntaken from the `page` event) updates the pagination's state\nand re-renders it, showing the appropriate buttons given the current page.",
-        "tags": [{
-            "name": "param",
-            "text": "n"
-          }]
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "goto": {
+        "complexType": {
+          "signature": "(n: number) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "n"
+                }],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Calling `goto` with a page number (which should probably be\ntaken from the `page` event) updates the pagination's state\nand re-renders it, showing the appropriate buttons given the current page.",
+          "tags": [{
+              "name": "param",
+              "text": "n"
+            }]
+        }
       }
-    }
-  }; }
+    };
+  }
 }
+//# sourceMappingURL=xpl-pagination.js.map

package/dist/collection/components/xpl-pagination/xpl-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-pagination.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-pagination/xpl-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Host,\n    h,\n    Event,\n    EventEmitter,\n    Prop,\n    State,\n    Method,\n} from '@stencil/core';\n\n@Component({\n    tag: 'xpl-pagination',\n})\nexport class XplPagination {\n    @Prop() total: number;\n    @Prop() perPage: number;\n    @Prop() waitForCallback: boolean;\n    @State() current: number = 1;\n\n    @Event() page: EventEmitter;\n\n    /**\n     * Calling `goto` with a page number (which should probably be\n     * taken from the `page` event) updates the pagination's state\n     * and re-renders it, showing the appropriate buttons given the current page.\n     * @param n\n     */\n    @Method()\n    async goto(n: number) {\n        this.current = n;\n    }\n\n    /**\n     * Private `_goto` method respects the `waitForCallback` prop --\n     * it will always emit the `page` event, but won't actually update\n     * the state of what the current page is, leaving that to the caller\n     * to update once (presumably) some other data has loaded.\n     */\n    private _goto = (n: number) => {\n        this.page.emit(n);\n        if (!this.waitForCallback) {\n            this.current = n;\n        }\n    };\n\n    private goPrev = () => {\n        if (this.current > 1) this._goto(this.current - 1);\n    };\n\n    private goNext = () => {\n        const numPages = Math.ceil(this.total / this.perPage);\n        if (this.current < numPages) this._goto(this.current + 1);\n    };\n\n    render() {\n        const numPages = Math.ceil(this.total / this.perPage);\n\n        let showing: (number | '...')[] = [1];\n        if (numPages < 7) showing = [1, 2, 3, 4, 5, 6];\n        if (this.current <= 3 || this.current >= numPages - 2) {\n            showing = [1, 2, 3, '...', numPages - 2, numPages - 1, numPages];\n        } else {\n            showing = [\n                1,\n                '...',\n                this.current - 1,\n                this.current,\n                this.current + 1,\n                '...',\n                numPages,\n            ];\n        }\n\n        const showingFirst = (this.current - 1) * this.perPage + 1;\n        const showingLast = Math.min(\n            showingFirst + this.perPage - 1,\n            this.total\n        );\n\n        return (\n            <Host>\n                <div class=\"xpl-pagination\">\n                    <div>\n                        <p>\n                            Showing <span>{showingFirst}</span> to{' '}\n                            <span>{showingLast}</span> of{' '}\n                            <span>{this.total}</span> results\n                        </p>\n                    </div>\n                    <div>\n                        <nav aria-label=\"Pagination\">\n                            <button\n                                onClick={this.goPrev}\n                                class=\"xpl-pagination-prev\"\n                            >\n                                <span>Previous</span>\n                                <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                                    <path\n                                        fill-rule=\"evenodd\"\n                                        d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                                        clip-rule=\"evenodd\"\n                                    />\n                                </svg>\n                            </button>\n                            {showing.map((n) => {\n                                if (n === '...') {\n                                    return (\n                                        <span class=\"xpl-pagination-ellipsis\">\n                                            ...\n                                        </span>\n                                    );\n                                }\n                                if (n === this.current) {\n                                    return (\n                                        <button\n                                            aria-current=\"page\"\n                                            class=\"xpl-pagination-current\"\n                                        >\n                                            {n}\n                                        </button>\n                                    );\n                                }\n                                return (\n                                    <button onClick={() => this._goto(n)}>\n                                        {n}\n                                    </button>\n                                );\n                            })}\n                            <button\n                                onClick={this.goNext}\n                                class=\"xpl-pagination-next\"\n                            >\n                                <span>Next</span>\n                                <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                                    <path\n                                        fill-rule=\"evenodd\"\n                                        d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                                        clip-rule=\"evenodd\"\n                                    />\n                                </svg>\n                            </button>\n                        </nav>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"]}

package/dist/collection/components/xpl-radio/xpl-radio.js

@@ -1,7 +1,14 @@
-import { Component, Host, h, Prop, State, Event, } from '@stencil/core';
+import { Host, h, } from '@stencil/core';
 import { v4 as uuid } from 'uuid';
 export class XplRadio {
   constructor() {
+    this.checked = undefined;
+    this.description = undefined;
+    this.disabled = undefined;
+    this.name = undefined;
+    this.required = undefined;
+    this.styled = undefined;
+    this.value = undefined;
     this.id = uuid();
   }
   render() {
@@ -9,160 +16,163 @@ export class XplRadio {
         'xpl-checkbox-radio-container': true,
         styled: this.styled,
         disabled: this.disabled,
-      } },
-      h("input", { class: "xpl-radio", type: "radio", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, value: this.value, onChange: () => this.radioChange.emit(true) }),
-      h("label", { class: {
-          'xpl-label': true,
-          'xpl-label--disabled': this.disabled,
-        }, htmlFor: this.id },
-        h("slot", null),
-        this.description && (h("small", { class: {
-            'xpl-description': true,
-            'xpl-description--disabled': this.disabled,
-          } }, this.description)))));
+      } }, h("input", { class: "xpl-radio", type: "radio", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, value: this.value, onChange: () => this.radioChange.emit(true) }), h("label", { class: {
+        'xpl-label': true,
+        'xpl-label--disabled': this.disabled,
+      }, htmlFor: this.id }, h("slot", null), this.description && (h("small", { class: {
+        'xpl-description': true,
+        'xpl-description--disabled': this.disabled,
+      } }, this.description)))));
   }
   static get is() { return "xpl-radio"; }
-  static get properties() { return {
-    "checked": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get properties() {
+    return {
+      "checked": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "checked",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false
       },
-      "attribute": "checked",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
       },
-      "attribute": "description",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "required",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "styled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "styled",
+        "reflect": false
       },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "required",
-      "reflect": false
-    },
-    "styled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "styled",
-      "reflect": false
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "id": {}
-  }; }
-  static get events() { return [{
-      "method": "radioChange",
-      "name": "radioChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "private"
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "id": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "radioChange",
+        "name": "radioChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "private",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }
+//# sourceMappingURL=xpl-radio.js.map

package/dist/collection/components/xpl-radio/xpl-radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-radio.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-radio/xpl-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EACL,KAAK,GAER,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAKlC,MAAM,OAAO,QAAQ;;;;;;;;;cASK,IAAI,EAAE;;EAK5B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE;QACH,8BAA8B,EAAE,IAAI;QACpC,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;OAC1B;MAED,aACI,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACtC;MACT,aACI,KAAK,EAAE;UACH,WAAW,EAAE,IAAI;UACjB,qBAAqB,EAAE,IAAI,CAAC,QAAQ;SACvC,EACD,OAAO,EAAE,IAAI,CAAC,EAAE;QAEhB,eAAa;QACZ,IAAI,CAAC,WAAW,IAAI,CACjB,aACI,KAAK,EAAE;YACH,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;WAC7C,IAEA,IAAI,CAAC,WAAW,CACb,CACX,CACG,CACL,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Host,\n    h,\n    Prop,\n    State,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n    tag: 'xpl-radio',\n})\nexport class XplRadio {\n    @Prop() checked?: boolean;\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    @Prop() name?: string;\n    @Prop() required?: boolean;\n    @Prop() styled?: boolean;\n    @Prop() value?: string;\n\n    @State() id: string = uuid();\n\n    /** @private */\n    @Event() radioChange: EventEmitter;\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'xpl-checkbox-radio-container': true,\n                    styled: this.styled,\n                    disabled: this.disabled,\n                }}\n            >\n                <input\n                    class=\"xpl-radio\"\n                    type=\"radio\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    name={this.name}\n                    required={this.required}\n                    value={this.value}\n                    onChange={() => this.radioChange.emit(true)}\n                ></input>\n                <label\n                    class={{\n                        'xpl-label': true,\n                        'xpl-label--disabled': this.disabled,\n                    }}\n                    htmlFor={this.id}\n                >\n                    <slot></slot>\n                    {this.description && (\n                        <small\n                            class={{\n                                'xpl-description': true,\n                                'xpl-description--disabled': this.disabled,\n                            }}\n                        >\n                            {this.description}\n                        </small>\n                    )}\n                </label>\n            </Host>\n        );\n    }\n}\n"]}

package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js

@@ -1,9 +1,8 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplSecondaryNav {
   render() {
-    return (h(Host, { class: "xpl-secondary-nav" },
-      h("nav", { "aria-label": "Secondary Nav" },
-        h("slot", null))));
+    return (h(Host, { class: "xpl-secondary-nav" }, h("nav", { "aria-label": "Secondary Nav" }, h("slot", null))));
   }
   static get is() { return "xpl-secondary-nav"; }
 }
+//# sourceMappingURL=xpl-secondary-nav.js.map

package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-secondary-nav.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-secondary-nav/xpl-secondary-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,OAAO,eAAe;EACxB,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;MAC3B,yBAAgB,eAAe;QAC3B,eAAa,CACX,CACH,CACV,CAAC;EACN,CAAC;;CACJ","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-secondary-nav',\n})\nexport class XplSecondaryNav {\n    render() {\n        return (\n            <Host class=\"xpl-secondary-nav\">\n                <nav aria-label=\"Secondary Nav\">\n                    <slot></slot>\n                </nav>\n            </Host>\n        );\n    }\n}\n"]}