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

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

@@ -1,5 +1,14 @@
-import { Component, Host, h, Prop, State } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplChoicelist {
+  constructor() {
+    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 &&
@@ -12,139 +21,138 @@ export class XplChoicelist {
     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));
-          })))));
+    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));
       })))));
+    })))));
   }
   static get is() { return "xpl-choicelist"; }
-  static get properties() { return {
-    "choices": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Choice[]",
-        "resolved": "Choice[]",
-        "references": {
-          "Choice": {
-            "location": "import",
-            "path": "./choice"
+  static get properties() {
+    return {
+      "choices": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Choice[]",
+          "resolved": "Choice[]",
+          "references": {
+            "Choice": {
+              "location": "import",
+              "path": "./choice"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "An array of choices to be displayed in the list.\nEach 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]"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "An array of choices to be displayed in the list.\nEach 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]"
-      }
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Descriptive text to be displayed above the choicelist."
-      },
-      "attribute": "description",
-      "reflect": false
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The title text to be displayed above the choicelist."
-      },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "multi": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Descriptive text to be displayed above the choicelist."
+        },
+        "attribute": "description",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons."
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The title text to be displayed above the choicelist."
+        },
+        "attribute": "heading",
+        "reflect": false
       },
-      "attribute": "multi",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "multi": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons."
+        },
+        "attribute": "multi",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The `name` to be associated with form data."
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The `name` to be associated with form data."
+        },
+        "attribute": "name",
+        "reflect": false
       },
-      "attribute": "name",
-      "reflect": false
-    },
-    "styled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, will include borders around the list and between individual choices."
-      },
-      "attribute": "styled",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "selected": {}
-  }; }
+      "styled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, will include borders around the list and between individual choices."
+        },
+        "attribute": "styled",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "selected": {}
+    };
+  }
 }
+//# sourceMappingURL=xpl-choicelist.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-choicelist.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-choicelist/xpl-choicelist.tsx"],"names":[],"mappings":"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","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"]}

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

@@ -1,39 +1,36 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplContentArea {
   constructor() {
-    /**
-     * @property {string}  size  - The content-area size.
-     */
     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)))));
+    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)))));
   }
   static get is() { return "xpl-content-area"; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'wide' | 'narrow' | 'full'",
-        "resolved": "\"full\" | \"narrow\" | \"wide\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{string}  size  - The content-area size.",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'wide'"
-    }
-  }; }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'wide' | 'narrow' | 'full'",
+          "resolved": "\"full\" | \"narrow\" | \"wide\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{string}  size  - The content-area size."
+            }],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'wide'"
+      }
+    };
+  }
 }
+//# sourceMappingURL=xpl-content-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-content-area.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-content-area/xpl-content-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKzD,MAAM,OAAO,cAAc;;gBAIoB,MAAM;;EAEjD,MAAM;IACF,OAAO,CACH,EAAC,IAAI;MACD,YACI,KAAK,EAAE,sDAAsD,IAAI,CAAC,IAAI,EAAE;QAExE,WAAK,KAAK,EAAC,kBAAkB;UACzB,eAAa,CACX,CACH,CACJ,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}

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

@@ -1,30 +1,34 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDivider {
+  constructor() {
+    this.tier = undefined;
+  }
   render() {
     let className = 'xpl-divider';
     className += ` xpl-divider--${this.tier}`;
-    return (h(Host, { class: className },
-      h("span", null,
-        h("slot", null))));
+    return (h(Host, { class: className }, h("span", null, h("slot", null))));
   }
   static get is() { return "xpl-divider"; }
-  static get properties() { return {
-    "tier": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The tier should be an integer between 0 and 3.\nTier 0 dividers do not display text, and 1-3 increase\nin size with each increasing tier."
-      },
-      "attribute": "tier",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "tier": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The tier should be an integer between 0 and 3.\nTier 0 dividers do not display text, and 1-3 increase\nin size with each increasing tier."
+        },
+        "attribute": "tier",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=xpl-divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-divider.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-divider/xpl-divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKzD,MAAM,OAAO,UAAU;;;;EAQnB,MAAM;IACF,IAAI,SAAS,GAAG,aAAa,CAAC;IAC9B,SAAS,IAAI,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC;IAE1C,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS;MAClB;QACI,eAAa,CACV,CACJ,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}

package/dist/collection/components/xpl-dropdown/dropdownoption.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=dropdownoption.js.map

package/dist/collection/components/xpl-dropdown/dropdownoption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownoption.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-dropdown/dropdownoption.ts"],"names":[],"mappings":"","sourcesContent":["export interface DropdownOption {\n    label: string;\n    value?: string;\n    isSelected?: boolean;\n    isDisabled?: boolean;\n}\n\nexport type DropdownItem = Partial<DropdownOption & DropdownOptionGroup>;\n\nexport interface DropdownOptionGroup {\n    groupName: string;\n    options: DropdownItem[];\n}\n"]}

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

@@ -1,7 +1,8 @@
 var __rest = (this && this.__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];
+  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]))
@@ -9,8 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDropdownGroup {
+  constructor() {
+    this.groupName = undefined;
+    this.options = undefined;
+  }
   render() {
     const { groupName, options } = this;
     const hasOptions = options && options.length;
@@ -19,49 +24,49 @@ export class XplDropdownGroup {
         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" })))));
+    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" })))));
   }
   static get is() { return "xpl-dropdown-group"; }
-  static get properties() { return {
-    "groupName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "text to display as heading"
+  static get properties() {
+    return {
+      "groupName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "text to display as heading"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "options": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DropdownOptionGroup['options']",
-        "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
-        "references": {
-          "DropdownOptionGroup": {
-            "location": "import",
-            "path": "../dropdownoption"
+      "options": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DropdownOptionGroup['options']",
+          "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
+          "references": {
+            "DropdownOptionGroup": {
+              "location": "import",
+              "path": "../dropdownoption"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "options that are listed"
         }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "options that are listed"
       }
-    }
-  }; }
+    };
+  }
 }
+//# sourceMappingURL=xpl-dropdown-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-dropdown-group.js","sourceRoot":"","sources":["../../../../../src/components/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD,MAAM,OAAO,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,EAAE,EAAE;YAAhC,EAAE,SAAS,OAAiB,EAAZ,UAAU,cAA1B,aAA4B,CAAF;QACnC,OAAA,SAAS,CAAC,CAAC,CAAC,CACR,wCACI,KAAK,EAAE,SAAS,IACZ,UAAU,EACI,CACzB,CAAC,CAAC,CAAC,CACA,2CAAyB,UAAU,EAAwB,CAC9D,CAAA;OAAA,CACJ,CAAC;IACN,OAAO,CACH,EAAC,IAAI,IAAC,IAAI,EAAC,OAAO,gBAAa,SAAS;MACpC,UAAI,KAAK,EAAC,wBAAwB;QAC9B,4BACI,KAAK,EAAE,SAAS,GACI;QACxB,UAAI,KAAK,EAAC,mBAAmB,IACxB,aAAa,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC7C,CACJ,CACF,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}

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

@@ -1,27 +1,32 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDropdownHeading {
+  constructor() {
+    this.label = undefined;
+  }
   render() {
-    return (h(Host, { class: { 'xpl-dropdown-heading': true }, role: "presentation" },
-      h("span", null, this.label || h("slot", { name: "heading" }))));
+    return (h(Host, { class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", null, this.label || h("slot", { name: "heading" }))));
   }
   static get is() { return "xpl-dropdown-heading"; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "text to display as heading"
-      },
-      "attribute": "label",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "text to display as heading"
+        },
+        "attribute": "label",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=xpl-dropdown-heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xpl-dropdown-heading.js","sourceRoot":"","sources":["../../../../../src/components/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,OAAO,kBAAkB;;;;EAI3B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAC,cAAc;MAC9D,gBAAO,IAAI,CAAC,KAAK,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAQ,CACtD,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}