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

package/dist/components/xpl-button2.js

@@ -0,0 +1,85 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.disabled = undefined;
+    this.link = undefined;
+    this.iconOnly = undefined;
+    this.fullWidth = undefined;
+    this.name = undefined;
+    this.size = 'default';
+    this.type = undefined;
+    this.value = undefined;
+    this.variant = 'primary';
+    this.state = 'neutral';
+  }
+  componentDidRender() {
+    const attrs = this.el.attributes;
+    const dataAttrs = Object.keys(attrs)
+      .filter((k) => {
+      const propertyName = attrs[k].name;
+      if (propertyName) {
+        return (propertyName.includes('data-test') ||
+          propertyName.includes('aria-'));
+      }
+      return false;
+    })
+      .reduce((acc, k) => {
+      return Object.assign(Object.assign({}, acc), { [attrs[k].name]: attrs[k].value });
+    }, {});
+    const child = this.el.querySelector('button');
+    Object.keys(dataAttrs).forEach((k) => {
+      child.setAttribute(k, dataAttrs[k]);
+      this.el.removeAttribute(k);
+    });
+  }
+  render() {
+    let className = `xpl-button
+                    xpl-button--${this.size}
+                    xpl-button--${this.state}
+                    xpl-button--${this.variant}`;
+    if (this.iconOnly)
+      className += ' xpl-button--icon-only';
+    if (this.fullWidth)
+      className += ' xpl-button--full-width';
+    if (this.link && this.disabled)
+      className += ' xpl-button--link-disabled';
+    return (h(Host, { class: className }, 
+    /**
+     * Conditionally render either an <slot> or <button> element
+     * depending on if there's an `link` or not
+     */
+    this.link ? (h("slot", null)) : (h("button", { disabled: this.disabled, name: this.name, type: this.type, value: this.value }, h("slot", null)))));
+  }
+  get el() { return this; }
+}, [4, "xpl-button", {
+    "disabled": [4],
+    "link": [4],
+    "iconOnly": [4, "icon-only"],
+    "fullWidth": [4, "full-width"],
+    "name": [1],
+    "size": [1],
+    "type": [1],
+    "value": [1],
+    "variant": [1],
+    "state": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplButton);
+      }
+      break;
+  } });
+}
+
+export { XplButton as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-button2.js.map

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

@@ -0,0 +1 @@
+{"file":"xpl-button2.js","mappings":";;MAIa,SAAS;;;;;;;;;gBAyBsB,SAAS;;;mBAYK,SAAS;iBAIZ,SAAS;;EAE5D,kBAAkB;IACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC;IACjC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;OAC/B,MAAM,CAAC,CAAC,CAAC;MACN,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;MACnC,IAAI,YAAY,EAAE;QACd,QACI,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC;UAClC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChC;OACL;MACD,OAAO,KAAK,CAAC;KAChB,CAAC;OACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;MACX,uCAAY,GAAG,KAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAG;KACtD,EAAE,EAAE,CAAC,CAAC;IAEX,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;MAC7B,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;MACpC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;KAC9B,CAAC,CAAC;GACN;EAED,MAAM;IACF,IAAI,SAAS,GAAG;kCACU,IAAI,CAAC,IAAI;kCACT,IAAI,CAAC,KAAK;kCACV,IAAI,CAAC,OAAO,EAAE,CAAC;IACzC,IAAI,IAAI,CAAC,QAAQ;MAAE,SAAS,IAAI,wBAAwB,CAAC;IACzD,IAAI,IAAI,CAAC,SAAS;MAAE,SAAS,IAAI,yBAAyB,CAAC;IAC3D,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;MAC1B,SAAS,IAAI,4BAA4B,CAAC;IAE9C,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS;;;;;IAMd,IAAI,CAAC,IAAI,IACL,eAAa,KAEb,cACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,IAEjB,eAAa,CACR,CACZ,CAEF,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-button/xpl-button.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop } from '@stencil/core';\n@Component({\n    tag: 'xpl-button',\n})\nexport class XplButton {\n    @Element() el: HTMLXplButtonElement;\n    /**\n     * whether button should be disabled\n     */\n    @Prop() disabled?: boolean;\n    /**\n     * whether button should yield a slot for a link tag\n     */\n    @Prop() link?: boolean;\n    /**\n     * whether button should render icon only\n     */\n    @Prop() iconOnly?: boolean;\n    /**\n     * whether button should render with full width\n     */\n    @Prop() fullWidth?: boolean;\n    /**\n     * @property {string} - button name attribute\n     */\n    @Prop() name?: string;\n    /**\n     * @property {\"default\" | \"sm\" | \"xs\"} - button size\n     */\n    @Prop() size: 'default' | 'sm' | 'xs' = 'default';\n    /**\n     * @property {\"submit\" | \"reset\" | \"button\"} - button type attribute\n     */\n    @Prop() type?: 'submit' | 'reset' | 'button';\n    /**\n     * @property {string} - button value attribute\n     */\n    @Prop() value?: string;\n    /**\n     * @property {\"primary\" | \"secondary\" | \"subtle\"} - button variant\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'subtle' = 'primary';\n    /**\n     * @property {\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red\n     */\n    @Prop() state: 'neutral' | 'warning' | 'success' = 'neutral';\n\n    componentDidRender() {\n        const attrs = this.el.attributes;\n        const dataAttrs = Object.keys(attrs)\n            .filter((k) => {\n                const propertyName = attrs[k].name;\n                if (propertyName) {\n                    return (\n                        propertyName.includes('data-test') ||\n                        propertyName.includes('aria-')\n                    );\n                }\n                return false;\n            })\n            .reduce((acc, k) => {\n                return { ...acc, [attrs[k].name]: attrs[k].value };\n            }, {});\n\n        const child = this.el.querySelector('button');\n        Object.keys(dataAttrs).forEach((k) => {\n            child.setAttribute(k, dataAttrs[k]);\n            this.el.removeAttribute(k);\n        });\n    }\n\n    render() {\n        let className = `xpl-button\n                    xpl-button--${this.size}\n                    xpl-button--${this.state}\n                    xpl-button--${this.variant}`;\n        if (this.iconOnly) className += ' xpl-button--icon-only';\n        if (this.fullWidth) className += ' xpl-button--full-width';\n        if (this.link && this.disabled)\n            className += ' xpl-button--link-disabled';\n\n        return (\n            <Host class={className}>\n                {\n                    /**\n                     * Conditionally render either an <slot> or <button> element\n                     * depending on if there's an `link` or not\n                     */\n                    this.link ? (\n                        <slot></slot>\n                    ) : (\n                        <button\n                            disabled={this.disabled}\n                            name={this.name}\n                            type={this.type}\n                            value={this.value}\n                        >\n                            <slot></slot>\n                        </button>\n                    )\n                }\n            </Host>\n        );\n    }\n}\n"],"version":3}

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

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

package/dist/components/xpl-checkbox.js

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

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

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

package/dist/components/xpl-checkbox2.js

@@ -0,0 +1,59 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { v as v4 } from './index2.js';
+
+const XplCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.checkboxChange = createEvent(this, "checkboxChange", 7);
+    this.checked = undefined;
+    this.description = undefined;
+    this.disabled = undefined;
+    this.indeterminate = undefined;
+    this.name = undefined;
+    this.required = undefined;
+    this.styled = undefined;
+    this.value = undefined;
+    this.id = v4();
+  }
+  render() {
+    return (h(Host, { class: {
+        'xpl-checkbox-radio-container': true,
+        styled: this.styled,
+        disabled: this.disabled,
+      } }, h("input", { class: "xpl-checkbox", type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: () => this.checkboxChange.emit(this.input.checked), name: this.name, ref: (el) => (this.input = el), required: this.required, value: this.value }), 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)))));
+  }
+}, [4, "xpl-checkbox", {
+    "checked": [4],
+    "description": [1],
+    "disabled": [4],
+    "indeterminate": [4],
+    "name": [1],
+    "required": [4],
+    "styled": [4],
+    "value": [1],
+    "id": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-checkbox"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-checkbox":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplCheckbox);
+      }
+      break;
+  } });
+}
+
+export { XplCheckbox as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-checkbox2.js.map

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

@@ -0,0 +1 @@
+{"file":"xpl-checkbox2.js","mappings":";;;MAca,WAAW;;;;;;;;;;;;;cAUEA,EAAI,EAAE;;EAO5B,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE;QACH,8BAA8B,EAAE,IAAI;QACpC,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;OAC1B,IAED,aACI,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,QAAQ,EAAE,MACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAEhD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAsB,CAAC,EAClD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,GACZ,EACT,aACI,KAAK,EAAE;QACH,WAAW,EAAE,IAAI;QACjB,qBAAqB,EAAE,IAAI,CAAC,QAAQ;OACvC,EACD,OAAO,EAAE,IAAI,CAAC,EAAE,IAEhB,eAAa,EACZ,IAAI,CAAC,WAAW,KACb,aACI,KAAK,EAAE;QACH,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;OAC7C,IAEA,IAAI,CAAC,WAAW,CACb,CACX,CACG,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["uuid"],"sources":["./src/components/components/xpl-checkbox/xpl-checkbox.tsx"],"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-checkbox',\n})\nexport class XplCheckbox {\n    @Prop() checked?: boolean;\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    @Prop() indeterminate?: 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() checkboxChange: EventEmitter;\n\n    private input!: HTMLInputElement;\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-checkbox\"\n                    type=\"checkbox\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    indeterminate={this.indeterminate}\n                    onChange={() =>\n                        this.checkboxChange.emit(this.input.checked)\n                    }\n                    name={this.name}\n                    ref={(el) => (this.input = el as HTMLInputElement)}\n                    required={this.required}\n                    value={this.value}\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"],"version":3}

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

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

package/dist/components/xpl-choicelist.js

@@ -0,0 +1,85 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './xpl-checkbox2.js';
+import { d as defineCustomElement$2 } from './xpl-radio2.js';
+
+const XplChoicelist$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.choices = undefined;
+    this.description = undefined;
+    this.heading = undefined;
+    this.multi = undefined;
+    this.name = undefined;
+    this.styled = undefined;
+    this.selected = undefined;
+  }
+  componentWillLoad() {
+    this.selected =
+      this.choices !== undefined &&
+        this.choices !== null &&
+        this.choices.length > 0
+        ? this.choices.map(() => false)
+        : [];
+  }
+  render() {
+    let className = 'xpl-choicelist';
+    if (this.styled)
+      className += ' xpl-choicelist--styled';
+    return (h(Host, { class: "xpl-choicelist-container" }, this.heading !== undefined ||
+      this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { class: className }, this.choices.map(({ children, description, label }, i) => {
+      const inner = this.multi ? (h("xpl-checkbox", { description: description, name: this.name, onCheckboxChange: (e) => {
+          const { detail } = e;
+          this.selected = this.selected.map((v, j) => (i === j ? detail : v));
+        } }, label)) : (h("xpl-radio", { description: description, name: this.name, onRadioChange: () => {
+          this.selected = this.selected.map((_, j) => i === j);
+        } }, label));
+      let className = this.styled && this.selected[i]
+        ? 'selected'
+        : '';
+      return (h("li", { class: className }, inner, children && (h("ul", null, children.map((child) => {
+        const childInner = this
+          .multi ? (h("xpl-checkbox", { description: child.description }, child.label)) : (h("xpl-radio", { description: child.description }, child.label));
+        return (h("li", null, childInner));
+      })))));
+    })))));
+  }
+}, [0, "xpl-choicelist", {
+    "choices": [16],
+    "description": [1],
+    "heading": [1],
+    "multi": [4],
+    "name": [1],
+    "styled": [4],
+    "selected": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-choicelist", "xpl-checkbox", "xpl-radio"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-choicelist":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplChoicelist$1);
+      }
+      break;
+    case "xpl-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "xpl-radio":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const XplChoicelist = XplChoicelist$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplChoicelist, defineCustomElement };
+
+//# sourceMappingURL=xpl-choicelist.js.map

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

@@ -0,0 +1 @@
+{"file":"xpl-choicelist.js","mappings":";;;;MAMaA,eAAa;;;;;;;;;;;;EAiCtB,iBAAiB;IACb,IAAI,CAAC,QAAQ;MACT,IAAI,CAAC,OAAO,KAAK,SAAS;QAC1B,IAAI,CAAC,OAAO,KAAK,IAAI;QACrB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;UACjB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;UAC7B,EAAE,CAAC;GAChB;EAED,MAAM;IACF,IAAI,SAAS,GAAG,gBAAgB,CAAC;IACjC,IAAI,IAAI,CAAC,MAAM;MAAE,SAAS,IAAI,yBAAyB,CAAC;IAExD,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,0BAA0B,IACjC,IAAI,CAAC,OAAO,KAAK,SAAS;MAC3B,IAAI,CAAC,WAAW,KAAK,SAAS,IAC1B,WAAK,KAAK,EAAC,wBAAwB,IAC9B,IAAI,CAAC,OAAO,IAAI,cAAK,IAAI,CAAC,OAAO,CAAM,EACvC,IAAI,CAAC,WAAW,IAAI,aAAI,IAAI,CAAC,WAAW,CAAK,CAC5C,IACN,IAAI,EACP,IAAI,CAAC,OAAO,KACT,UAAI,KAAK,EAAE,SAAS,IACf,IAAI,CAAC,OAAO,CAAC,GAAG,CACb,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC;MAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IACpB,oBACI,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,CAAC,CAElB;UACG,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;UACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAC7B,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CACnC,CAAC;SACL,IAEA,KAAK,CACK,KAEf,iBACI,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,aAAa,EAAE;UACX,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAC7B,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CACpB,CAAC;SACL,IAEA,KAAK,CACE,CACf,CAAC;MAEF,IAAI,SAAS,GACT,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;UACzB,UAAU;UACV,EAAE,CAAC;MAEb,QACI,UAAI,KAAK,EAAE,SAAS,IACf,KAAK,EACL,QAAQ,KACL,cACK,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK;QAChB,MAAM,UAAU,GAAG,IAAI;WAClB,KAAK,IACN,oBACI,WAAW,EACP,KAAK,CAAC,WAAW,IAGpB,KAAK,CAAC,KAAK,CACD,KAEf,iBACI,WAAW,EACP,KAAK,CAAC,WAAW,IAGpB,KAAK,CAAC,KAAK,CACJ,CACf,CAAC;QACF,QACI,cAAK,UAAU,CAAM,EACvB;OACL,CAAC,CACD,CACR,CACA,EACP;KACL,CACJ,CACA,CACR,CACE,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplChoicelist"],"sources":["./src/components/components/xpl-choicelist/xpl-choicelist.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { Choice } from './choice';\n\n@Component({\n    tag: 'xpl-choicelist',\n})\nexport class XplChoicelist {\n    /**\n     * An array of choices to be displayed in the list.\n     * Each choice should be an object with keys:\n     * - `checked` [boolean] - whether to pre-check or not\n     * - `children` [Choice[]] - an array of child choices (recursive)\n     * - `description` [string]\n     * - `label` [string]\n     */\n    @Prop() choices: Choice[];\n    /**\n     * Descriptive text to be displayed above the choicelist.\n     */\n    @Prop() description?: string;\n    /**\n     * The title text to be displayed above the choicelist.\n     */\n    @Prop() heading?: string;\n    /**\n     * Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons.\n     */\n    @Prop() multi?: boolean;\n    /**\n     * The `name` to be associated with form data.\n     */\n    @Prop() name?: string;\n    /**\n     * If `true`, will include borders around the list and between individual choices.\n     */\n    @Prop() styled?: boolean;\n\n    @State() selected: boolean[];\n\n    componentWillLoad() {\n        this.selected =\n            this.choices !== undefined &&\n            this.choices !== null &&\n            this.choices.length > 0\n                ? this.choices.map(() => false)\n                : [];\n    }\n\n    render() {\n        let className = 'xpl-choicelist';\n        if (this.styled) className += ' xpl-choicelist--styled';\n\n        return (\n            <Host class=\"xpl-choicelist-container\">\n                {this.heading !== undefined ||\n                this.description !== undefined ? (\n                    <div class=\"xpl-choicelist-heading\">\n                        {this.heading && <h3>{this.heading}</h3>}\n                        {this.description && <p>{this.description}</p>}\n                    </div>\n                ) : null}\n                {this.choices && (\n                    <ul class={className}>\n                        {this.choices.map(\n                            ({ children, description, label }, i) => {\n                                const inner = this.multi ? (\n                                    <xpl-checkbox\n                                        description={description}\n                                        name={this.name}\n                                        onCheckboxChange={(e: {\n                                            detail: boolean;\n                                        }) => {\n                                            const { detail } = e;\n                                            this.selected = this.selected.map(\n                                                (v, j) => (i === j ? detail : v)\n                                            );\n                                        }}\n                                    >\n                                        {label}\n                                    </xpl-checkbox>\n                                ) : (\n                                    <xpl-radio\n                                        description={description}\n                                        name={this.name}\n                                        onRadioChange={() => {\n                                            this.selected = this.selected.map(\n                                                (_, j) => i === j\n                                            );\n                                        }}\n                                    >\n                                        {label}\n                                    </xpl-radio>\n                                );\n\n                                let className =\n                                    this.styled && this.selected[i]\n                                        ? 'selected'\n                                        : '';\n\n                                return (\n                                    <li class={className}>\n                                        {inner}\n                                        {children && (\n                                            <ul>\n                                                {children.map((child) => {\n                                                    const childInner = this\n                                                        .multi ? (\n                                                        <xpl-checkbox\n                                                            description={\n                                                                child.description\n                                                            }\n                                                        >\n                                                            {child.label}\n                                                        </xpl-checkbox>\n                                                    ) : (\n                                                        <xpl-radio\n                                                            description={\n                                                                child.description\n                                                            }\n                                                        >\n                                                            {child.label}\n                                                        </xpl-radio>\n                                                    );\n                                                    return (\n                                                        <li>{childInner}</li>\n                                                    );\n                                                })}\n                                            </ul>\n                                        )}\n                                    </li>\n                                );\n                            }\n                        )}\n                    </ul>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-content-area.d.ts

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

package/dist/components/xpl-content-area.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplContentArea$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.size = 'wide';
+  }
+  render() {
+    return (h(Host, null, h("main", { class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { class: "xpl-content-area" }, h("slot", null)))));
+  }
+}, [4, "xpl-content-area", {
+    "size": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-content-area"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-content-area":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplContentArea$1);
+      }
+      break;
+  } });
+}
+
+const XplContentArea = XplContentArea$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplContentArea, defineCustomElement };
+
+//# sourceMappingURL=xpl-content-area.js.map

package/dist/components/xpl-content-area.js.map

@@ -0,0 +1 @@
+{"file":"xpl-content-area.js","mappings":";;MAKaA,gBAAc;;;;gBAIoB,MAAM;;EAEjD,MAAM;IACF,QACI,EAAC,IAAI,QACD,YACI,KAAK,EAAE,sDAAsD,IAAI,CAAC,IAAI,EAAE,IAExE,WAAK,KAAK,EAAC,kBAAkB,IACzB,eAAa,CACX,CACH,CACJ,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;","names":["XplContentArea"],"sources":["./src/components/components/xpl-content-area/xpl-content-area.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-content-area',\n})\nexport class XplContentArea {\n    /**\n     * @property {string}  size  - The content-area size.\n     */\n    @Prop() size: 'wide' | 'narrow' | 'full' = 'wide';\n\n    render() {\n        return (\n            <Host>\n                <main\n                    class={`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`}\n                >\n                    <div class=\"xpl-content-area\">\n                        <slot></slot>\n                    </div>\n                </main>\n            </Host>\n        );\n    }\n}\n"],"version":3}

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

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

package/dist/components/xpl-divider.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplDivider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.tier = undefined;
+  }
+  render() {
+    let className = 'xpl-divider';
+    className += ` xpl-divider--${this.tier}`;
+    return (h(Host, { class: className }, h("span", null, h("slot", null))));
+  }
+}, [4, "xpl-divider", {
+    "tier": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-divider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-divider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplDivider$1);
+      }
+      break;
+  } });
+}
+
+const XplDivider = XplDivider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { XplDivider, defineCustomElement };
+
+//# sourceMappingURL=xpl-divider.js.map

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

@@ -0,0 +1 @@
+{"file":"xpl-divider.js","mappings":";;MAKaA,YAAU;;;;;;EAQnB,MAAM;IACF,IAAI,SAAS,GAAG,aAAa,CAAC;IAC9B,SAAS,IAAI,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC;IAE1C,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAClB,gBACI,eAAa,CACV,CACJ,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;","names":["XplDivider"],"sources":["./src/components/components/xpl-divider/xpl-divider.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-divider',\n})\nexport class XplDivider {\n    /**\n     * The tier should be an integer between 0 and 3.\n     * Tier 0 dividers do not display text, and 1-3 increase\n     * in size with each increasing tier.\n     */\n    @Prop() tier?: number;\n\n    render() {\n        let className = 'xpl-divider';\n        className += ` xpl-divider--${this.tier}`;\n\n        return (\n            <Host class={className}>\n                <span>\n                    <slot></slot>\n                </span>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-dropdown-group.d.ts

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

package/dist/components/xpl-dropdown-group.js

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

package/dist/components/xpl-dropdown-group.js.map

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

package/dist/components/xpl-dropdown-group2.js

@@ -0,0 +1,69 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './xpl-dropdown-heading2.js';
+import { d as defineCustomElement$1 } from './xpl-dropdown-option2.js';
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const XplDropdownGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.groupName = undefined;
+    this.options = undefined;
+  }
+  render() {
+    const { groupName, options } = this;
+    const hasOptions = options && options.length;
+    const mappedOptions = hasOptions &&
+      options.map((_a) => {
+        var { groupName } = _a, properties = __rest(_a, ["groupName"]);
+        return groupName ? (h("xpl-dropdown-group", Object.assign({ label: groupName }, properties))) : (h("xpl-dropdown-option", Object.assign({}, properties)));
+      });
+    return (h(Host, { role: "group", "aria-label": groupName }, h("li", { class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { label: groupName }), h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" })))));
+  }
+}, [4, "xpl-dropdown-group", {
+    "groupName": [1, "label"],
+    "options": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-dropdown-group", "xpl-dropdown-group", "xpl-dropdown-heading", "xpl-dropdown-option"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-dropdown-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplDropdownGroup);
+      }
+      break;
+    case "xpl-dropdown-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement();
+      }
+      break;
+    case "xpl-dropdown-heading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "xpl-dropdown-option":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { XplDropdownGroup as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-dropdown-group2.js.map

package/dist/components/xpl-dropdown-group2.js.map

@@ -0,0 +1 @@
+{"file":"xpl-dropdown-group2.js","mappings":";;;;;;;;;;;;;;;;MAIa,gBAAgB;;;;;;;EAOzB,MAAM;IACF,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;IAC7C,MAAM,aAAa,GACf,UAAU;MACV,OAAO,CAAC,GAAG,CAAC,CAAC,EAA4B;YAA5B,EAAE,SAAS,OAAiB,EAAZ,UAAU,cAA1B,aAA4B,CAAF;QACnC,OAAA,SAAS,IACL,wCACI,KAAK,EAAE,SAAS,IACZ,UAAU,EACI,KAEtB,2CAAyB,UAAU,EAAwB,CAC9D,CAAA;OAAA,CACJ,CAAC;IACN,QACI,EAAC,IAAI,IAAC,IAAI,EAAC,OAAO,gBAAa,SAAS,IACpC,UAAI,KAAK,EAAC,wBAAwB,IAC9B,4BACI,KAAK,EAAE,SAAS,GACI,EACxB,UAAI,KAAK,EAAC,mBAAmB,IACxB,aAAa,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC7C,CACJ,CACF,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport type { DropdownOptionGroup } from '../dropdownoption';\n\n@Component({ tag: 'xpl-dropdown-group' })\nexport class XplDropdownGroup {\n    /** text to display as heading */\n    @Prop({ attribute: 'label' }) groupName: string;\n\n    /** options that are listed */\n    @Prop() options?: DropdownOptionGroup['options'];\n\n    render() {\n        const { groupName, options } = this;\n\n        const hasOptions = options && options.length;\n        const mappedOptions =\n            hasOptions &&\n            options.map(({ groupName, ...properties }) =>\n                groupName ? (\n                    <xpl-dropdown-group\n                        label={groupName}\n                        {...properties}\n                    ></xpl-dropdown-group>\n                ) : (\n                    <xpl-dropdown-option {...properties}></xpl-dropdown-option>\n                )\n            );\n        return (\n            <Host role=\"group\" aria-label={groupName}>\n                <li class=\"xpl-dropdown-list-item\">\n                    <xpl-dropdown-heading\n                        label={groupName}\n                    ></xpl-dropdown-heading>\n                    <ul class=\"xpl-dropdown-list\">\n                        {mappedOptions || <slot name=\"options\"></slot>}\n                    </ul>\n                </li>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-dropdown-heading.d.ts

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

package/dist/components/xpl-dropdown-heading.js

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

package/dist/components/xpl-dropdown-heading.js.map

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

package/dist/components/xpl-dropdown-heading2.js

@@ -0,0 +1,31 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const XplDropdownHeading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.label = undefined;
+  }
+  render() {
+    return (h(Host, { class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", null, this.label || h("slot", { name: "heading" }))));
+  }
+}, [4, "xpl-dropdown-heading", {
+    "label": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["xpl-dropdown-heading"];
+  components.forEach(tagName => { switch (tagName) {
+    case "xpl-dropdown-heading":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, XplDropdownHeading);
+      }
+      break;
+  } });
+}
+
+export { XplDropdownHeading as X, defineCustomElement as d };
+
+//# sourceMappingURL=xpl-dropdown-heading2.js.map

package/dist/components/xpl-dropdown-heading2.js.map

@@ -0,0 +1 @@
+{"file":"xpl-dropdown-heading2.js","mappings":";;MAGa,kBAAkB;;;;;;EAI3B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAC,cAAc,IAC9D,gBAAO,IAAI,CAAC,KAAK,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAQ,CACtD,EACT;GACL;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'xpl-dropdown-heading' })\nexport class XplDropdownHeading {\n    /** text to display as heading */\n    @Prop() label: string;\n\n    render() {\n        return (\n            <Host class={{ 'xpl-dropdown-heading': true }} role=\"presentation\">\n                <span>{this.label || <slot name=\"heading\"></slot>}</span>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-dropdown-option.d.ts

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

package/dist/components/xpl-dropdown-option.js

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

package/dist/components/xpl-dropdown-option.js.map

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