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

package/dist/components/v4.js

@@ -0,0 +1,77 @@
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+const REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
+export { v4 as v };
+
+//# sourceMappingURL=v4.js.map

package/dist/components/v4.js.map

@@ -0,0 +1 @@
+{"file":"v4.js","mappings":"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","names":[],"sources":["./node_modules/uuid/dist/esm-browser/rng.js","./node_modules/uuid/dist/esm-browser/regex.js","./node_modules/uuid/dist/esm-browser/validate.js","./node_modules/uuid/dist/esm-browser/stringify.js","./node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n    // find the complete implementation of crypto (msCrypto) on IE11.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n  return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr) {\n  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  options = options || {};\n  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (var i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return stringify(rnds);\n}\n\nexport default v4;"],"version":3}

package/dist/components/xpl-application-shell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplApplicationShell extends Components.XplApplicationShell, HTMLElement {}
+export const XplApplicationShell: {
+  prototype: XplApplicationShell;
+  new (): XplApplicationShell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-application-shell.js

@@ -0,0 +1,80 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './xpl-backdrop2.js';
+
+const XplApplicationShell$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.withSubnav = false;
+    this.withUtility = true;
+    this.navWidth = 'default';
+    this.isNavOpenAtStartup = undefined;
+    this.navOpen = true;
+  }
+  closeNavOnMobile() {
+    if (window.innerWidth <= 640) {
+      this.navOpen = false;
+    }
+  }
+  navToggleHandler() {
+    this.navOpen = !this.navOpen;
+  }
+  navWithHandler(event) {
+    this.navWidth = event.detail;
+  }
+  onWindowResize() {
+    this.closeNavOnMobile();
+  }
+  connectedCallback() {
+    this.closeNavOnMobile();
+  }
+  componentWillLoad() {
+    this.navOpen =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.navOpen;
+  }
+  render() {
+    let applicationShellClasses = 'xpl-application-shell';
+    if (this.withUtility)
+      applicationShellClasses += ' xpl-application-shell--with_utility';
+    let navClasses = 'xpl-application-shell__nav';
+    navClasses += this.navOpen
+      ? ` xpl-application-shell__nav--${this.navWidth}--open`
+      : ` xpl-application-shell__nav--${this.navWidth}`;
+    return (h(Host, { class: applicationShellClasses }, h("div", { class: navClasses }, h("slot", { name: "nav" })), h("div", { class: "xpl-application-shell__subnav" }, h("slot", { name: "subnav" })), h("div", { class: "xpl-application-shell__utility" }, h("slot", { name: "utility" })), h("div", { class: "xpl-application-shell__content" }, h("slot", { name: "content" })), h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: {
+        'xpl-application-shell__backdrop--open': this.navOpen,
+      }, relative: true })));
+  }
+}, [4, "xpl-application-shell", {
+    "withSubnav": [4, "with-subnav"],
+    "withUtility": [4, "with-utility"],
+    "navWidth": [1, "nav-width"],
+    "isNavOpenAtStartup": [4, "is-nav-open-at-startup"],
+    "navOpen": [32]
+  }, [[0, "navOpen", "navToggleHandler"], [0, "navWidth", "navWithHandler"], [9, "resize", "onWindowResize"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-application-shell", "xpl-backdrop"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-application-shell":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplApplicationShell$1);
+      }
+      break;
+    case "xpl-backdrop":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const XplApplicationShell = XplApplicationShell$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplApplicationShell, defineCustomElement };
+
+//# sourceMappingURL=xpl-application-shell.js.map

package/dist/components/xpl-application-shell.js.map

@@ -0,0 +1 @@
+{"file":"xpl-application-shell.js","mappings":";;;MAKaA,qBAAmB;;;;sBAUE,KAAK;uBAIJ,IAAI;oBAKR,SAAS;;mBAUR,IAAI;;EA5BxB,gBAAgB;IACpB,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,EAAE;MAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;GACJ;EA2BD,gBAAgB;IACZ,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;GAChC;EAGD,cAAc,CAAC,KAAK;IAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;GAChC;EAGD,cAAc;IACV,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC3B;EAED,iBAAiB;IACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC3B;EAED,iBAAiB;IACb,IAAI,CAAC,OAAO;MACR,IAAI,CAAC,kBAAkB,KAAK,SAAS;UAC/B,IAAI,CAAC,kBAAkB;UACvB,IAAI,CAAC,OAAO,CAAC;GAC1B;EAED,MAAM;IACF,IAAI,uBAAuB,GAAG,uBAAuB,CAAC;IACtD,IAAI,IAAI,CAAC,WAAW;MAChB,uBAAuB,IAAI,sCAAsC,CAAC;IAEtE,IAAI,UAAU,GAAG,4BAA4B,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC,OAAO;QACpB,gCAAgC,IAAI,CAAC,QAAQ,QAAQ;QACrD,gCAAgC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAEtD,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,uBAAuB,IAChC,WAAK,KAAK,EAAE,UAAU,IAClB,YAAM,IAAI,EAAC,KAAK,GAAQ,CACtB,EACN,WAAK,KAAK,EAAC,+BAA+B,IACtC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,EACN,WAAK,KAAK,EAAC,gCAAgC,IACvC,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC1B,EACN,WAAK,KAAK,EAAC,gCAAgC,IACvC,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC1B,EACN,oBACI,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EACtC,KAAK,EAAE;QACH,uCAAuC,EAAE,IAAI,CAAC,OAAO;OACxD,EACD,QAAQ,SACI,CACb,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplApplicationShell"],"sources":["./src/components/components/xpl-application-shell/xpl-application-shell.tsx"],"sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-application-shell',\n})\nexport class XplApplicationShell {\n    private closeNavOnMobile() {\n        if (window.innerWidth <= 640) {\n            this.navOpen = false;\n        }\n    }\n\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar\n     */\n    @Prop() withSubnav: boolean = false;\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a utility bar\n     */\n    @Prop() withUtility: boolean = true;\n\n    /**\n     * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.\n     */\n    @Prop() navWidth: string = 'default';\n\n    /**\n     * @property {boolean} - * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n     */\n    @Prop() isNavOpenAtStartup: boolean;\n\n    /**\n     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.\n     */\n    @State() navOpen: boolean = true;\n\n    @Listen('navOpen')\n    navToggleHandler() {\n        this.navOpen = !this.navOpen;\n    }\n\n    @Listen('navWidth')\n    navWithHandler(event) {\n        this.navWidth = event.detail;\n    }\n\n    @Listen('resize', { target: 'window' })\n    onWindowResize() {\n        this.closeNavOnMobile();\n    }\n\n    connectedCallback() {\n        this.closeNavOnMobile();\n    }\n\n    componentWillLoad() {\n        this.navOpen =\n            this.isNavOpenAtStartup !== undefined\n                ? this.isNavOpenAtStartup\n                : this.navOpen;\n    }\n\n    render() {\n        let applicationShellClasses = 'xpl-application-shell';\n        if (this.withUtility)\n            applicationShellClasses += ' xpl-application-shell--with_utility';\n\n        let navClasses = 'xpl-application-shell__nav';\n        navClasses += this.navOpen\n            ? ` xpl-application-shell__nav--${this.navWidth}--open`\n            : ` xpl-application-shell__nav--${this.navWidth}`;\n\n        return (\n            <Host class={applicationShellClasses}>\n                <div class={navClasses}>\n                    <slot name=\"nav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__subnav\">\n                    <slot name=\"subnav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__utility\">\n                    <slot name=\"utility\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__content\">\n                    <slot name=\"content\"></slot>\n                </div>\n                <xpl-backdrop\n                    onClick={() => this.navToggleHandler()}\n                    class={{\n                        'xpl-application-shell__backdrop--open': this.navOpen,\n                    }}\n                    relative\n                ></xpl-backdrop>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplAvatar extends Components.XplAvatar, HTMLElement {}
+export const XplAvatar: {
+  prototype: XplAvatar;
+  new (): XplAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-avatar.js

@@ -0,0 +1,8 @@
+import { X as XplAvatar$1, d as defineCustomElement$1 } from './xpl-avatar2.js';
+
+const XplAvatar = XplAvatar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplAvatar, defineCustomElement };
+
+//# sourceMappingURL=xpl-avatar.js.map

package/dist/components/xpl-avatar.js.map

@@ -0,0 +1 @@
+{"file":"xpl-avatar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-avatar2.js

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.color = undefined;
+    this.disabled = false;
+    this.href = undefined;
+    this.name = undefined;
+    this.size = undefined;
+    this.src = undefined;
+    this.status = undefined;
+    this.target = undefined;
+  }
+  render() {
+    let className = 'xpl-avatar';
+    if (this.size)
+      className += ` xpl-avatar--${this.size}`;
+    if (this.color)
+      className += ` xpl-avatar--${this.color}`;
+    const inner = (h("div", null, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && (h("div", { class: `xpl-avatar__dot--${this.status}` }))));
+    return (h(Host, null, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: className + ' xpl-avatar--disabled' }, inner)) : (h("div", { class: className }, inner))));
+  }
+}, [4, "xpl-avatar", {
+    "color": [1],
+    "disabled": [4],
+    "href": [1],
+    "name": [1],
+    "size": [1],
+    "src": [1],
+    "status": [1],
+    "target": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-avatar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-avatar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplAvatar);
+      }
+      break;
+  } });
+}
+
+export { XplAvatar as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-avatar2.js.map

package/dist/components/xpl-avatar2.js.map

@@ -0,0 +1 @@
+{"file":"xpl-avatar2.js","mappings":";;MAKa,SAAS;;;;;oBAEW,KAAK;;;;;;;;EAQlC,MAAM;IACF,IAAI,SAAS,GAAG,YAAY,CAAC;IAC7B,IAAI,IAAI,CAAC,IAAI;MAAE,SAAS,IAAI,gBAAgB,IAAI,CAAC,IAAI,EAAE,CAAC;IACxD,IAAI,IAAI,CAAC,KAAK;MAAE,SAAS,IAAI,gBAAgB,IAAI,CAAC,KAAK,EAAE,CAAC;IAE1D,MAAM,KAAK,IACP,eACK,IAAI,CAAC,GAAG,IACL,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,WAAK,KAAK,EAAC,yBAAyB,IAChC,eAAa,CACX,CACT,EACA,IAAI,CAAC,MAAM,KACR,WAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,MAAM,EAAE,GAAQ,CACxD,CACC,CACT,CAAC;IAEF,QACI,EAAC,IAAI,QACA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IACxB,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACpD,KAAK,CACN,IACJ,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAC1B,WAAK,KAAK,EAAE,SAAS,GAAG,uBAAuB,IAC1C,KAAK,CACJ,KAEN,WAAK,KAAK,EAAE,SAAS,IAAG,KAAK,CAAO,CACvC,CACE,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-avatar/xpl-avatar.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-avatar',\n})\nexport class XplAvatar {\n    @Prop() color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';\n    @Prop() disabled?: boolean = false;\n    @Prop() href?: string;\n    @Prop() name?: string;\n    @Prop() size?: 'md' | 'sm';\n    @Prop() src?: string;\n    @Prop() status?: 'active' | 'warning' | 'inactive';\n    @Prop() target?: string;\n\n    render() {\n        let className = 'xpl-avatar';\n        if (this.size) className += ` xpl-avatar--${this.size}`;\n        if (this.color) className += ` xpl-avatar--${this.color}`;\n\n        const inner = (\n            <div>\n                {this.src ? (\n                    <img alt={this.name} src={this.src} />\n                ) : (\n                    <div class=\"xpl-avatar__placeholder\">\n                        <slot></slot>\n                    </div>\n                )}\n                {this.status && (\n                    <div class={`xpl-avatar__dot--${this.status}`}></div>\n                )}\n            </div>\n        );\n\n        return (\n            <Host>\n                {this.href && !this.disabled ? (\n                    <a href={this.href} class={className} target={this.target}>\n                        {inner}\n                    </a>\n                ) : this.href && this.disabled ? (\n                    <div class={className + ' xpl-avatar--disabled'}>\n                        {inner}\n                    </div>\n                ) : (\n                    <div class={className}>{inner}</div>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-backdrop.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplBackdrop extends Components.XplBackdrop, HTMLElement {}
+export const XplBackdrop: {
+  prototype: XplBackdrop;
+  new (): XplBackdrop;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-backdrop.js

@@ -0,0 +1,8 @@
+import { X as XplBackdrop$1, d as defineCustomElement$1 } from './xpl-backdrop2.js';
+
+const XplBackdrop = XplBackdrop$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplBackdrop, defineCustomElement };
+
+//# sourceMappingURL=xpl-backdrop.js.map

package/dist/components/xpl-backdrop.js.map

@@ -0,0 +1 @@
+{"file":"xpl-backdrop.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-backdrop2.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplBackdrop = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.relative = false;
+  }
+  render() {
+    return (h(Host, { class: {
+        'xpl-backdrop': true,
+        'xpl-backdrop--fixed': !this.relative,
+        'xpl-backdrop--relative': this.relative,
+      }, "aria-hidden": "true" }));
+  }
+}, [0, "xpl-backdrop", {
+    "relative": [4]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-backdrop"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-backdrop":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplBackdrop);
+      }
+      break;
+  } });
+}
+
+export { XplBackdrop as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-backdrop2.js.map

package/dist/components/xpl-backdrop2.js.map

@@ -0,0 +1 @@
+{"file":"xpl-backdrop2.js","mappings":";;MAKa,WAAW;;;;oBAKQ,KAAK;;EAEjC,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE;QACH,cAAc,EAAE,IAAI;QACpB,qBAAqB,EAAE,CAAC,IAAI,CAAC,QAAQ;QACrC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;OAC1C,iBACW,MAAM,GACd,EACV;GACL;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-backdrop/xpl-backdrop.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-backdrop',\n})\nexport class XplBackdrop {\n    /**\n     * @property {boolean} - When true, backdrop will have relative position. This is useful when the backdrop doesn't cover the whole view area.\n     * If false, the position will be fixed and cover the whole view area.\n     */\n    @Prop() relative: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'xpl-backdrop': true,\n                    'xpl-backdrop--fixed': !this.relative,\n                    'xpl-backdrop--relative': this.relative,\n                }}\n                aria-hidden=\"true\"\n            ></Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplBadge extends Components.XplBadge, HTMLElement {}
+export const XplBadge: {
+  prototype: XplBadge;
+  new (): XplBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-badge.js

@@ -0,0 +1,8 @@
+import { X as XplBadge$1, d as defineCustomElement$1 } from './xpl-badge2.js';
+
+const XplBadge = XplBadge$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplBadge, defineCustomElement };
+
+//# sourceMappingURL=xpl-badge.js.map

package/dist/components/xpl-badge.js.map

@@ -0,0 +1 @@
+{"file":"xpl-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-badge2.js

@@ -0,0 +1,38 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.dot = undefined;
+    this.variant = undefined;
+  }
+  render() {
+    let className = 'xpl-badge';
+    if (this.dot)
+      className += ' xpl-badge--dot';
+    if (this.variant)
+      className += ' xpl-badge--' + this.variant;
+    return (h(Host, null, h("div", { class: className }, h("slot", null))));
+  }
+}, [4, "xpl-badge", {
+    "dot": [4],
+    "variant": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-badge"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-badge":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplBadge);
+      }
+      break;
+  } });
+}
+
+export { XplBadge as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-badge2.js.map

package/dist/components/xpl-badge2.js.map

@@ -0,0 +1 @@
+{"file":"xpl-badge2.js","mappings":";;MAKa,QAAQ;;;;;;;EAIjB,MAAM;IACF,IAAI,SAAS,GAAG,WAAW,CAAC;IAC5B,IAAI,IAAI,CAAC,GAAG;MAAE,SAAS,IAAI,iBAAiB,CAAC;IAC7C,IAAI,IAAI,CAAC,OAAO;MAAE,SAAS,IAAI,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7D,QACI,EAAC,IAAI,QACD,WAAK,KAAK,EAAE,SAAS,IACjB,eAAa,CACX,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-badge/xpl-badge.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-badge',\n})\nexport class XplBadge {\n    @Prop() dot?: boolean;\n    @Prop() variant?: 'success' | 'warning' | 'inactive' | 'error';\n\n    render() {\n        let className = 'xpl-badge';\n        if (this.dot) className += ' xpl-badge--dot';\n        if (this.variant) className += ' xpl-badge--' + this.variant;\n\n        return (\n            <Host>\n                <div class={className}>\n                    <slot></slot>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-breadcrumb-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplBreadcrumbItem extends Components.XplBreadcrumbItem, HTMLElement {}
+export const XplBreadcrumbItem: {
+  prototype: XplBreadcrumbItem;
+  new (): XplBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-breadcrumb-item.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.
+    this.chevron = `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+        <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>
+    </svg>
+    `;
+  }
+  render() {
+    return (h(Host, { class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { role: "none" }, h("slot", null)), h("span", { innerHTML: `${this.chevron}` })));
+  }
+}, [4, "xpl-breadcrumb-item"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-breadcrumb-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-breadcrumb-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplBreadcrumbItem$1);
+      }
+      break;
+  } });
+}
+
+const XplBreadcrumbItem = XplBreadcrumbItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplBreadcrumbItem, defineCustomElement };
+
+//# sourceMappingURL=xpl-breadcrumb-item.js.map

package/dist/components/xpl-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"file":"xpl-breadcrumb-item.js","mappings":";;MAQaA,mBAAiB;EAH9B;;;;IAKY,YAAO,GAAG;;;KAGjB,CAAC;GAYL;EAVG,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,UAAU,IAC7C,UAAI,IAAI,EAAC,MAAM,IACX,eAAa,CACZ,EACL,YAAM,SAAS,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAI,CACnC,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":["XplBreadcrumbItem"],"sources":["./src/components/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)\n */\n@Component({\n    tag: 'xpl-breadcrumb-item',\n})\nexport class XplBreadcrumbItem {\n    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.\n    private chevron = `<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right fa-w-10\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n        <path fill=\"currentColor\" d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"></path>\n    </svg>\n    `;\n\n    render() {\n        return (\n            <Host class=\"xpl-breadcrumb-item\" role=\"listitem\">\n                <li role=\"none\">\n                    <slot></slot>\n                </li>\n                <span innerHTML={`${this.chevron}`} />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-breadcrumbs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplBreadcrumbs extends Components.XplBreadcrumbs, HTMLElement {}
+export const XplBreadcrumbs: {
+  prototype: XplBreadcrumbs;
+  new (): XplBreadcrumbs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-breadcrumbs.js

@@ -0,0 +1,31 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, null, h("nav", { class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { role: "list" }, h("slot", null)))));
+  }
+}, [4, "xpl-breadcrumbs"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-breadcrumbs"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-breadcrumbs":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplBreadcrumbs$1);
+      }
+      break;
+  } });
+}
+
+const XplBreadcrumbs = XplBreadcrumbs$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplBreadcrumbs, defineCustomElement };
+
+//# sourceMappingURL=xpl-breadcrumbs.js.map

package/dist/components/xpl-breadcrumbs.js.map

@@ -0,0 +1 @@
+{"file":"xpl-breadcrumbs.js","mappings":";;MAQaA,gBAAc;;;;;EACvB,MAAM;IACF,QACI,EAAC,IAAI,QACD,WAAK,KAAK,EAAC,iBAAiB,gBAAY,YAAY,IAChD,UAAI,IAAI,EAAC,MAAM,IACX,eAAa,CACZ,CACH,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":["XplBreadcrumbs"],"sources":["./src/components/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered <ol>, should be a group of <li> or <xpl-breadcrumb-item>\n */\n@Component({\n    tag: 'xpl-breadcrumbs',\n})\nexport class XplBreadcrumbs {\n    render() {\n        return (\n            <Host>\n                <nav class=\"xpl-breadcrumbs\" aria-label=\"Breadcrumb\">\n                    <ol role=\"list\">\n                        <slot></slot>\n                    </ol>\n                </nav>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-button-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplButtonRow extends Components.XplButtonRow, HTMLElement {}
+export const XplButtonRow: {
+  prototype: XplButtonRow;
+  new (): XplButtonRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-button-row.js

@@ -0,0 +1,50 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './xpl-button2.js';
+
+const XplButtonRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.clickPrimary = createEvent(this, "clickPrimary", 7);
+    this.clickSecondary = createEvent(this, "clickSecondary", 7);
+    this.clickTertiary = createEvent(this, "clickTertiary", 7);
+    this.onPrimary = () => this.clickPrimary.emit();
+    this.onSecondary = () => this.clickSecondary.emit();
+    this.onTertiary = () => this.clickTertiary.emit();
+    this.primary = undefined;
+    this.secondary = undefined;
+    this.tertiary = undefined;
+  }
+  render() {
+    return (h(Host, { class: "xpl-button-row" }, h("div", { class: "xpl-button-row-inner" }, h("div", { class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+  }
+}, [0, "xpl-button-row", {
+    "primary": [1],
+    "secondary": [1],
+    "tertiary": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-button-row", "xpl-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-button-row":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplButtonRow$1);
+      }
+      break;
+    case "xpl-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const XplButtonRow = XplButtonRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplButtonRow, defineCustomElement };
+
+//# sourceMappingURL=xpl-button-row.js.map

package/dist/components/xpl-button-row.js.map

@@ -0,0 +1 @@
+{"file":"xpl-button-row.js","mappings":";;;MAKaA,cAAY;;;;;;;IA+Bb,cAAS,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3C,gBAAW,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IAC/C,eAAU,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;;;;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,WAAK,KAAK,EAAC,sBAAsB,IAC7B,WAAK,KAAK,EAAC,sBAAsB,IAC5B,IAAI,CAAC,SAAS,KACX,kBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,SAAS,CACN,CAChB,CACC,EACN,WAAK,KAAK,EAAC,uBAAuB,IAC7B,IAAI,CAAC,QAAQ,KACV,kBACI,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,IAEvB,IAAI,CAAC,QAAQ,CACL,CAChB,EACA,IAAI,CAAC,SAAS,KACX,kBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,SAAS,CACN,CAChB,EACA,IAAI,CAAC,OAAO,KACT,kBACI,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,SAAS,IAEtB,IAAI,CAAC,OAAO,CACJ,CAChB,CACC,CACJ,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplButtonRow"],"sources":["./src/components/components/xpl-button-row/xpl-button-row.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-button-row',\n})\nexport class XplButtonRow {\n    /**\n     * The text for the primary button.\n     */\n    @Prop({ reflect: false }) primary: 'string';\n    /**\n     * The text for the secondary button. If left\n     * empty, will not render a secondary button.\n     */\n    @Prop({ reflect: false }) secondary: 'string';\n    /**\n     * The text for the tertiary button. If left\n     * empty, will not render a secondary button.\n     */\n    @Prop({ reflect: false }) tertiary: 'string';\n\n    /**\n     * Fires on the primary button.\n     * If not set, the button can act as a standard\n     * submit button for a form.\n     */\n    @Event() clickPrimary: EventEmitter;\n    /**\n     * Adds an event listener to the secondary button.\n     */\n    @Event() clickSecondary: EventEmitter;\n    /**\n     * Adds an event listener to the tertiary button.\n     */\n    @Event() clickTertiary: EventEmitter;\n\n    private onPrimary = () => this.clickPrimary.emit();\n    private onSecondary = () => this.clickSecondary.emit();\n    private onTertiary = () => this.clickTertiary.emit();\n\n    render() {\n        return (\n            <Host class=\"xpl-button-row\">\n                <div class=\"xpl-button-row-inner\">\n                    <div class=\"xpl-button-row__left\">\n                        {this.secondary && (\n                            <xpl-button\n                                variant=\"secondary\"\n                                type=\"button\"\n                                onClick={this.onSecondary}\n                            >\n                                {this.secondary}\n                            </xpl-button>\n                        )}\n                    </div>\n                    <div class=\"xpl-button-row__right\">\n                        {this.tertiary && (\n                            <xpl-button\n                                variant=\"subtle\"\n                                type=\"button\"\n                                onClick={this.onTertiary}\n                            >\n                                {this.tertiary}\n                            </xpl-button>\n                        )}\n                        {this.secondary && (\n                            <xpl-button\n                                variant=\"secondary\"\n                                type=\"button\"\n                                onClick={this.onSecondary}\n                            >\n                                {this.secondary}\n                            </xpl-button>\n                        )}\n                        {this.primary && (\n                            <xpl-button\n                                class=\"xpl-button-row__primary\"\n                                onClick={this.onPrimary}\n                            >\n                                {this.primary}\n                            </xpl-button>\n                        )}\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplButton extends Components.XplButton, HTMLElement {}
+export const XplButton: {
+  prototype: XplButton;
+  new (): XplButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xpl-button.js

@@ -0,0 +1,8 @@
+import { X as XplButton$1, d as defineCustomElement$1 } from './xpl-button2.js';
+
+const XplButton = XplButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplButton, defineCustomElement };
+
+//# sourceMappingURL=xpl-button.js.map

package/dist/components/xpl-button.js.map

@@ -0,0 +1 @@
+{"file":"xpl-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}