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

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

@@ -1,10 +1,13 @@
-import { Component, Host, h, Prop, State } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { v4 as uuid } from 'uuid';
 export class XplToggle {
   constructor() {
-    /**
-     * The size of the toggle -- `default` or `small`
-     */
+    this.checked = undefined;
+    this.description = undefined;
+    this.disabled = undefined;
+    this.heading = undefined;
+    this.label = undefined;
+    this.name = undefined;
     this.variant = 'default';
     this.id = uuid();
   }
@@ -15,143 +18,143 @@ export class XplToggle {
     let className = 'xpl-toggle';
     if (this.variant === 'small')
       className += ' xpl-toggle--small';
-    return (h(Host, { class: containerClassName },
-      (this.heading || this.description) && (h("label", { class: {
-          'xpl-label': true,
-          'xpl-label--disabled': this.disabled,
-        }, htmlFor: this.id },
-        this.heading,
-        this.description && (h("small", { class: {
-            'xpl-description': true,
-            'xpl-description--disabled': this.disabled,
-          } }, this.description)))),
-      h("input", { class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }),
-      this.label && h("label", { htmlFor: this.id }, this.label)));
+    return (h(Host, { class: containerClassName }, (this.heading || this.description) && (h("label", { class: {
+        'xpl-label': true,
+        'xpl-label--disabled': this.disabled,
+      }, htmlFor: this.id }, this.heading, this.description && (h("small", { class: {
+        'xpl-description': true,
+        'xpl-description--disabled': this.disabled,
+      } }, this.description)))), h("input", { class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && h("label", { htmlFor: this.id }, this.label)));
   }
   static get is() { return "xpl-toggle"; }
-  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": "The toggle's description appears *above* the toggle."
+        },
+        "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": "The toggle's description appears *above* the toggle."
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The toggle's heading appears *above* the toggle."
+        },
+        "attribute": "heading",
+        "reflect": false
       },
-      "attribute": "description",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The toggle's label appears *to the right of* the toggle."
+        },
+        "attribute": "label",
+        "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": "disabled",
-      "reflect": false
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The toggle's heading appears *above* the toggle."
-      },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The toggle's label appears *to the right of* the toggle."
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'small'",
-        "resolved": "\"default\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The size of the toggle -- `default` or `small`"
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'default'"
-    }
-  }; }
-  static get states() { return {
-    "id": {}
-  }; }
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'small'",
+          "resolved": "\"default\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The size of the toggle -- `default` or `small`"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'default'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "id": {}
+    };
+  }
 }
+//# sourceMappingURL=xpl-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-toggle.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-toggle/xpl-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAKlC,MAAM,OAAO,SAAS;;;;;;;;mBAmBsB,SAAS;cAE3B,IAAI,EAAE;;EAE5B,MAAM;IACF,IAAI,kBAAkB,GAAG,sBAAsB,CAAC;IAChD,IAAI,IAAI,CAAC,QAAQ;MACb,kBAAkB,IAAI,iCAAiC,CAAC;IAE5D,IAAI,SAAS,GAAG,YAAY,CAAC;IAC7B,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;MAAE,SAAS,IAAI,oBAAoB,CAAC;IAEhE,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB;MAC1B,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACnC,aACI,KAAK,EAAE;UACH,WAAW,EAAE,IAAI;UACjB,qBAAqB,EAAE,IAAI,CAAC,QAAQ;SACvC,EACD,OAAO,EAAE,IAAI,CAAC,EAAE;QAEf,IAAI,CAAC,OAAO;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,CACX;MACD,aACI,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,GACV;MACR,IAAI,CAAC,KAAK,IAAI,aAAO,OAAO,EAAE,IAAI,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAS,CACzD,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n    tag: 'xpl-toggle',\n})\nexport class XplToggle {\n    @Prop() checked?: boolean;\n    /**\n     * The toggle's description appears *above* the toggle.\n     */\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    /**\n     * The toggle's heading appears *above* the toggle.\n     */\n    @Prop() heading?: string;\n    /**\n     * The toggle's label appears *to the right of* the toggle.\n     */\n    @Prop() label?: string;\n    @Prop() name?: string;\n    /**\n     * The size of the toggle -- `default` or `small`\n     */\n    @Prop() variant?: 'default' | 'small' = 'default';\n\n    @State() id: string = uuid();\n\n    render() {\n        let containerClassName = 'xpl-toggle-container';\n        if (this.disabled)\n            containerClassName += ' xpl-toggle-container--disabled';\n\n        let className = 'xpl-toggle';\n        if (this.variant === 'small') className += ' xpl-toggle--small';\n\n        return (\n            <Host class={containerClassName}>\n                {(this.heading || this.description) && (\n                    <label\n                        class={{\n                            'xpl-label': true,\n                            'xpl-label--disabled': this.disabled,\n                        }}\n                        htmlFor={this.id}\n                    >\n                        {this.heading}\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                )}\n                <input\n                    class={className}\n                    type=\"checkbox\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    name={this.name}\n                ></input>\n                {this.label && <label htmlFor={this.id}>{this.label}</label>}\n            </Host>\n        );\n    }\n}\n"]}

package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js

@@ -1,10 +1,12 @@
-import { Component, Event, h, Host, Prop, State, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class XplUtilityBar {
   constructor() {
-    this.open = true;
     this.bars = `
         <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>
     `;
+    this.navControl = undefined;
+    this.isNavOpenAtStartup = undefined;
+    this.open = true;
   }
   onNavToggle() {
     this.open = !this.open;
@@ -17,76 +19,78 @@ export class XplUtilityBar {
         : this.open;
   }
   render() {
-    return (h(Host, null,
-      h("nav", { "aria-label": "utility navigation bar", class: "xpl-utility-bar" },
-        this.navControl ? (h("div", null,
-          h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle(), innerHTML: `${this.bars}` }),
-          h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })),
-        h("slot", { name: "main" }))));
+    return (h(Host, null, h("nav", { "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle(), innerHTML: `${this.bars}` }), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { name: "main" }))));
   }
   static get is() { return "xpl-utility-bar"; }
-  static get properties() { return {
-    "navControl": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "{boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "nav-control",
-      "reflect": false
-    },
-    "isNavOpenAtStartup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup.",
-            "name": "property"
-          }],
-        "text": ""
+  static get properties() {
+    return {
+      "navControl": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)"
+            }],
+          "text": ""
+        },
+        "attribute": "nav-control",
+        "reflect": false
       },
-      "attribute": "is-nav-open-at-startup",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "open": {}
-  }; }
-  static get events() { return [{
-      "method": "navOpen",
-      "name": "navOpen",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "text": "{boolean} - Emits the desired state of the navigation bar (open: true/false)",
-            "name": "event"
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "isNavOpenAtStartup": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup."
+            }],
+          "text": ""
+        },
+        "attribute": "is-nav-open-at-startup",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "open": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "navOpen",
+        "name": "navOpen",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "event",
+              "text": "{boolean} - Emits the desired state of the navigation bar (open: true/false)"
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
 }
+//# sourceMappingURL=xpl-utility-bar.js.map

package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-utility-bar.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-utility-bar/xpl-utility-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACR,MAAM,eAAe,CAAC;AAKvB,MAAM,OAAO,aAAa;;IAuBd,SAAI,GAAG;;KAEd,CAAC;;;gBATuB,IAAI;;EAErB,WAAW;IACf,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACjC,CAAC;EAMD,iBAAiB;IACb,IAAI,CAAC,IAAI;MACL,IAAI,CAAC,kBAAkB,KAAK,SAAS;QACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB;QACzB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;EACxB,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI;MACD,yBACe,wBAAwB,EACnC,KAAK,EAAC,iBAAiB;QAEtB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACf;UACI,cACI,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,SAAS,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,GACnB;UACV,YAAM,IAAI,EAAC,OAAO,GAAQ,CACxB,CACT,CAAC,CAAC,CAAC,CACA,YAAM,IAAI,EAAC,OAAO,GAAQ,CAC7B;QACD,YAAM,IAAI,EAAC,MAAM,GAAQ,CACvB,CACH,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'xpl-utility-bar',\n})\nexport class XplUtilityBar {\n    /**\n     * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)\n     */\n    @Event() navOpen: EventEmitter<boolean>;\n\n    /**\n     * @property {boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)\n     */\n    @Prop() navControl?: boolean;\n\n    /**\n     * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n     */\n    @Prop() isNavOpenAtStartup?: boolean;\n\n    @State() open: boolean = true;\n\n    private onNavToggle() {\n        this.open = !this.open;\n        this.navOpen.emit(this.open);\n    }\n\n    private bars = `\n        <svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"bars\" class=\"svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"></path></svg>\n    `;\n\n    componentWillLoad() {\n        this.open =\n            this.isNavOpenAtStartup !== undefined\n                ? this.isNavOpenAtStartup\n                : this.open;\n    }\n\n    render() {\n        return (\n            <Host>\n                <nav\n                    aria-label=\"utility navigation bar\"\n                    class=\"xpl-utility-bar\"\n                >\n                    {this.navControl ? (\n                        <div>\n                            <button\n                                class=\"xpl-utility-bar__nav-control\"\n                                onClick={() => this.onNavToggle()}\n                                innerHTML={`${this.bars}`}\n                            ></button>\n                            <slot name=\"aside\"></slot>\n                        </div>\n                    ) : (\n                        <slot name=\"aside\"></slot>\n                    )}\n                    <slot name=\"main\"></slot>\n                </nav>\n            </Host>\n        );\n    }\n}\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;

package/dist/components/index.js

@@ -0,0 +1,81 @@
+import { XplApplicationShell } from './xpl-application-shell.js';
+import { XplAvatar } from './xpl-avatar.js';
+import { XplBackdrop } from './xpl-backdrop.js';
+import { XplBadge } from './xpl-badge.js';
+import { XplBreadcrumbItem } from './xpl-breadcrumb-item.js';
+import { XplBreadcrumbs } from './xpl-breadcrumbs.js';
+import { XplButton } from './xpl-button.js';
+import { XplButtonRow } from './xpl-button-row.js';
+import { XplCheckbox } from './xpl-checkbox.js';
+import { XplChoicelist } from './xpl-choicelist.js';
+import { XplContentArea } from './xpl-content-area.js';
+import { XplDivider } from './xpl-divider.js';
+import { XplDropdown } from './xpl-dropdown.js';
+import { XplDropdownGroup } from './xpl-dropdown-group.js';
+import { XplDropdownHeading } from './xpl-dropdown-heading.js';
+import { XplDropdownOption } from './xpl-dropdown-option.js';
+import { XplGrid } from './xpl-grid.js';
+import { XplGridItem } from './xpl-grid-item.js';
+import { XplInput } from './xpl-input.js';
+import { XplList } from './xpl-list.js';
+import { XplMainNav } from './xpl-main-nav.js';
+import { XplNavItem } from './xpl-nav-item.js';
+import { XplPagination } from './xpl-pagination.js';
+import { XplRadio } from './xpl-radio.js';
+import { XplSecondaryNav } from './xpl-secondary-nav.js';
+import { XplSelect } from './xpl-select.js';
+import { XplTable } from './xpl-table.js';
+import { XplTag } from './xpl-tag.js';
+import { XplToggle } from './xpl-toggle.js';
+import { XplUtilityBar } from './xpl-utility-bar.js';
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+
+const globalScripts = () => {};
+
+//! Autogenerated index
+
+globalScripts();
+const defineCustomElements = (opts) => {
+  if (typeof customElements !== 'undefined') {
+    [
+      XplApplicationShell,
+      XplAvatar,
+      XplBackdrop,
+      XplBadge,
+      XplBreadcrumbItem,
+      XplBreadcrumbs,
+      XplButton,
+      XplButtonRow,
+      XplCheckbox,
+      XplChoicelist,
+      XplContentArea,
+      XplDivider,
+      XplDropdown,
+      XplDropdownGroup,
+      XplDropdownHeading,
+      XplDropdownOption,
+      XplGrid,
+      XplGridItem,
+      XplInput,
+      XplList,
+      XplMainNav,
+      XplNavItem,
+      XplPagination,
+      XplRadio,
+      XplSecondaryNav,
+      XplSelect,
+      XplTable,
+      XplTag,
+      XplToggle,
+      XplUtilityBar,
+    ].forEach(cmp => {
+      if (!customElements.get(cmp.is)) {
+        customElements.define(cmp.is, cmp, opts);
+      }
+    });
+  }
+};
+
+export { defineCustomElements };
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,MAAM,aAAa,GAAG,MAAM,EAAE;;ACArC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["@stencil/core/internal/app-globals","@user-index-entrypoint"],"sourcesContent":["export const globalScripts = () => {};\n","//! Autogenerated index"],"version":3}