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

package/dist/esm/xpl-list.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-list.entry.js","mappings":";;;AAYA,MAAM,WAAW,GAAkC,CAAC,EAChD,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,GACX;EACG,MAAM,QAAQ,GAAG,OAAO,IAAI,MAAM,IAAI,OAAO,CAAC;EAC9C,MAAM,KAAK,IACP,EAAC,QAAQ,QACJ,MAAM;KACF,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,IACxD,kBAAY,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAe,KAEnD,kBAAY,IAAI,EAAE,KAAK,IAAG,MAAM,CAAc,CACjD,CAAC,EACN,WAAK,KAAK,EAAC,uBAAuB,IAC9B,WAAK,KAAK,EAAC,eAAe,IACtB,eACI,cAAK,KAAK,CAAM,EACf,QAAQ,KACL,UAAI,KAAK,EAAC,wBAAwB,IAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACZ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;MACvB,OAAO,cAAK,CAAC,CAAM,CAAC;KACvB;SAAM;MACH,QACI,cACI,YACI,KAAK,EAAE,UAAU,CAAC,CAAC,IAAI,EAAE,GACrB,EAAC,GAAG,EACX,CAAC,CAAC,IAAI,CACN,EACP;KACL;GACJ,CAAC,CACD,CACR,CACC,CACJ,EACL,QAAQ,KACL,WAAK,KAAK,EAAC,gBAAgB,IACtB,OAAO,KACJ,WAAK,KAAK,EAAC,uBAAuB,IAAE,OAAO,CAAO,CACrD,EACA,OAAO,KACJ,WAAK,KAAK,EAAC,sCAAsC,IAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MACX,WAAK,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,EAAE,GAAG,CACzB,CAAC,CACA,CACT,EACA,MAAM;IACH,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;MACT,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACvB,OAAO,qBAAY,CAAC,CAAa,CAAC;OACrC;WAAM;QACH,QACI,iBACI,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,OAAO,EAAE,CAAC,CAAC,OAAO,IAEjB,CAAC,CAAC,IAAI,CACC,EACd;OACL;KACJ,CAAC,CACJ,CACT,CACC,CACC,CACd,CAAC;EACF,OAAO,IAAI,IACP,SAAG,KAAK,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,IAC9B,KAAK,CACN,KAEJ,WAAK,KAAK,EAAC,eAAe,IAAE,KAAK,CAAO,CAC3C,CAAC;AACN,CAAC,CAAC;MAKW,OAAO;;;iBAuBa,EAAE;;EAE/B,MAAM;IACF,QACI,EAAC,IAAI,QACA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACjB,EAAC,WAAW,oBAAK,IAAI,EAAI,CAC5B,CAAC,CACC,EACT;GACL;;;;;","names":[],"sources":["./src/components/components/xpl-list/xpl-list.tsx"],"sourcesContent":["import {\n    Component,\n    Host,\n    h,\n    Prop,\n    FunctionalComponent,\n    Fragment,\n} from '@stencil/core';\nimport '../../../font-awesome/fontawesome';\nimport '../../../font-awesome/regular';\nimport type { ListItem } from './listitem';\n\nconst ListItemCpt: FunctionalComponent<ListItem> = ({\n    avatar,\n    avatars,\n    badges,\n    href,\n    title,\n    subtext,\n    metadata,\n}) => {\n    const hasRight = avatars || badges || subtext;\n    const inner = (\n        <Fragment>\n            {avatar &&\n                (avatar.slice(0, 1) === '/' || avatar.slice(0, 4) === 'http' ? (\n                    <xpl-avatar src={avatar} name={title}></xpl-avatar>\n                ) : (\n                    <xpl-avatar name={title}>{avatar}</xpl-avatar>\n                ))}\n            <div class=\"xpl-list-item-content\">\n                <div class=\"xpl-list-left\">\n                    <div>\n                        <h4>{title}</h4>\n                        {metadata && (\n                            <ul class=\"xpl-list-item-metadata\">\n                                {metadata.map((d) => {\n                                    if (typeof d === 'string') {\n                                        return <li>{d}</li>;\n                                    } else {\n                                        return (\n                                            <li>\n                                                <span\n                                                    class={`far fa-${d.icon}`}\n                                                ></span>{' '}\n                                                {d.text}\n                                            </li>\n                                        );\n                                    }\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                </div>\n                {hasRight && (\n                    <div class=\"xpl-list-right\">\n                        {subtext && (\n                            <div class=\"xpl-list-item-subtext\">{subtext}</div>\n                        )}\n                        {avatars && (\n                            <div class=\"xpl-avatar-group xpl-avatar-group--s\">\n                                {avatars.map((a) => (\n                                    <img src={a} alt=\"\" />\n                                ))}\n                            </div>\n                        )}\n                        {badges &&\n                            badges.map((b) => {\n                                if (typeof b === 'string') {\n                                    return <xpl-badge>{b}</xpl-badge>;\n                                } else {\n                                    return (\n                                        <xpl-badge\n                                            dot={b.dot}\n                                            variant={b.variant}\n                                        >\n                                            {b.text}\n                                        </xpl-badge>\n                                    );\n                                }\n                            })}\n                    </div>\n                )}\n            </div>\n        </Fragment>\n    );\n    return href ? (\n        <a class=\"xpl-list-item\" href={href}>\n            {inner}\n        </a>\n    ) : (\n        <div class=\"xpl-list-item\">{inner}</div>\n    );\n};\n\n@Component({\n    tag: 'xpl-list',\n})\nexport class XplList {\n    /**\n     * `items` should be an array of objects with the following signature:\n     * {\n     *   avatar?: string;        // The URL of the avatar, or the placeholder initials (ex. \"SPD\").\n     *   avatars?: string[];     // The URLs of multiple avatars to be displayed in a group on the right.\n     *   badges?: string[] | {   // An array of strings or badge-like objects to be displayed as badges\n     *     dot?: boolean;        // in a group on the right. See <xpl-badge> for more details.\n     *     text: string;\n     *     variant?: string;\n     *   }[];\n     *   href?: string;          // A URL, if this list item is meant to link somewhere.\n     *   title: string;          // The text to be displayed for the list item.\n     *   metadata?: string[] | { // An array of strings or strings with icons (reference the allowed\n     *     icon: string;         // Font Awesome icons) to be displayed as metadata below the title.\n     *     text: string;\n     *   }[];\n     *   subtext?: string;       // Subtext to be displayed on the right.\n     * }\n     *\n     * - Note that you should *only use one of* `avatars`, `badges`, or `subtext`, to avoid cluttering\n     *   the right-hand side of the list item.\n     */\n    @Prop() items?: ListItem[] = [];\n\n    render() {\n        return (\n            <Host>\n                {this.items.map((item) => (\n                    <ListItemCpt {...item} />\n                ))}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-main-nav.entry.js

@@ -1,12 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e3c4bb97.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
 
 const XplMainNav = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.navWidth = createEvent(this, "navWidth", 7);
-    /**
-     * @property {string}  width  - The width of the Main Nav.
-     */
     this.width = 'default';
   }
   navWidthHandler() {
@@ -24,3 +21,5 @@ const XplMainNav = class {
 };
 
 export { XplMainNav as xpl_main_nav };
+
+//# sourceMappingURL=xpl-main-nav.entry.js.map

package/dist/esm/xpl-main-nav.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-main-nav.entry.js","mappings":";;MAKa,UAAU;;;;iBAIsB,SAAS;;EAO1C,eAAe;IACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAClC;EAED,iBAAiB;IACb,IAAI,CAAC,eAAe,EAAE,CAAC;GAC1B;EAED,kBAAkB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;GAC1B;EAED,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,8BAA8B,IAAI,CAAC,KAAK,EAAE,gBACtC,SAAS,IAEpB,eACI,4BAAmB,gBAAgB,IAC/B,YAAM,IAAI,EAAC,MAAM,GAAQ,EACzB,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC1B,EACT,WAAK,KAAK,EAAC,4BAA4B,IACnC,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC7B,EACN,cACI,KAAK,EAAC,sBAAsB,gBACjB,gBAAgB,IAE3B,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACtB,CACP,CACH,EACT;GACL;;;;;","names":[],"sources":["./src/components/components/xpl-main-nav/xpl-main-nav.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-main-nav',\n})\nexport class XplMainNav {\n    /**\n     * @property {string}  width  - The width of the Main Nav.\n     */\n    @Prop() width: 'default' | 'md' | 'sm' = 'default';\n\n    /**\n     * @event {string} navWidth - Emits the `nav-width` prop set by the user\n     * when the component is attached to the DOM and when the component is updated.\n     */\n    @Event() navWidth: EventEmitter<string>;\n    private navWidthHandler() {\n        this.navWidth.emit(this.width);\n    }\n\n    connectedCallback() {\n        this.navWidthHandler();\n    }\n\n    componentDidUpdate() {\n        this.navWidthHandler();\n    }\n\n    render() {\n        return (\n            <Host\n                class={`xpl-main-nav xpl-main-nav--${this.width}`}\n                aria-label=\"Sidebar\"\n            >\n                <nav>\n                    <header aria-label=\"Sidebar Header\">\n                        <slot name=\"logo\"></slot>\n                        <slot name=\"brand-name\"></slot>\n                    </header>\n                    <div class=\"xpl-main-nav__main_section\">\n                        <slot name=\"navigation\"></slot>\n                    </div>\n                    <footer\n                        class=\"xpl-main-nav__footer\"\n                        aria-label=\"Sidebar Footer\"\n                    >\n                        <slot name=\"footer\"></slot>\n                    </footer>\n                </nav>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-nav-item.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
+
+const XplNavItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.navOpen = createEvent(this, "navOpen", 7);
+    this.navControl = false;
+  }
+  onNavToggle() {
+    if (window.innerWidth <= 640) {
+      this.navOpen.emit(false);
+    }
+  }
+  render() {
+    return (h(Host, { class: "xpl-nav-item", role: "listitem", onClick: () => {
+        if (this.navControl) {
+          this.onNavToggle();
+        }
+      } }, h("slot", { name: "link" }, h("slot", { name: "icon" }), h("slot", null))));
+  }
+};
+
+export { XplNavItem as xpl_nav_item };
+
+//# sourceMappingURL=xpl-nav-item.entry.js.map

package/dist/esm/xpl-nav-item.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-nav-item.entry.js","mappings":";;MAKa,UAAU;;;;sBAIY,KAAK;;EAO5B,WAAW;IACf,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,EAAE;MAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5B;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE;QACL,IAAI,IAAI,CAAC,UAAU,EAAE;UACjB,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;OACJ,IAED,YAAM,IAAI,EAAC,MAAM,IACb,YAAM,IAAI,EAAC,MAAM,GAAQ,EACzB,eAAa,CACV,CACJ,EACT;GACL;;;;;","names":[],"sources":["./src/components/components/xpl-nav-item/xpl-nav-item.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-nav-item',\n})\nexport class XplNavItem {\n    /**\n     * @property {boolean} - Whether or not the item should control the main nav state on click\n     */\n    @Prop() navControl?: boolean = false;\n\n    /**\n     * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)\n     */\n    @Event() navOpen: EventEmitter<boolean>;\n\n    private onNavToggle() {\n        if (window.innerWidth <= 640) {\n            this.navOpen.emit(false);\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                class=\"xpl-nav-item\"\n                role=\"listitem\"\n                onClick={() => {\n                    if (this.navControl) {\n                        this.onNavToggle();\n                    }\n                }}\n            >\n                <slot name=\"link\">\n                    <slot name=\"icon\"></slot>\n                    <slot></slot>\n                </slot>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-pagination.entry.js

@@ -1,10 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e3c4bb97.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
 
 const XplPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.page = createEvent(this, "page", 7);
-    this.current = 1;
     /**
      * Private `_goto` method respects the `waitForCallback` prop --
      * it will always emit the `page` event, but won't actually update
@@ -26,6 +25,10 @@ const XplPagination = class {
       if (this.current < numPages)
         this._goto(this.current + 1);
     };
+    this.total = undefined;
+    this.perPage = undefined;
+    this.waitForCallback = undefined;
+    this.current = 1;
   }
   /**
    * Calling `goto` with a page number (which should probably be
@@ -70,3 +73,5 @@ const XplPagination = class {
 };
 
 export { XplPagination as xpl_pagination };
+
+//# sourceMappingURL=xpl-pagination.entry.js.map

package/dist/esm/xpl-pagination.entry.js.map

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

package/dist/esm/xpl-radio.entry.js

@@ -0,0 +1,34 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
+import { v as v4 } from './index-912d1a21.js';
+
+const XplRadio = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.radioChange = createEvent(this, "radioChange", 7);
+    this.checked = undefined;
+    this.description = undefined;
+    this.disabled = 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-radio", type: "radio", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, value: this.value, onChange: () => this.radioChange.emit(true) }), h("label", { class: {
+        'xpl-label': true,
+        'xpl-label--disabled': this.disabled,
+      }, htmlFor: this.id }, h("slot", null), this.description && (h("small", { class: {
+        'xpl-description': true,
+        'xpl-description--disabled': this.disabled,
+      } }, this.description)))));
+  }
+};
+
+export { XplRadio as xpl_radio };
+
+//# sourceMappingURL=xpl-radio.entry.js.map

package/dist/esm/xpl-radio.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-radio.entry.js","mappings":";;;MAca,QAAQ;;;;;;;;;;;cASKA,EAAI,EAAE;;EAK5B,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,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACtC,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-radio/xpl-radio.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-radio',\n})\nexport class XplRadio {\n    @Prop() checked?: boolean;\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    @Prop() name?: string;\n    @Prop() required?: boolean;\n    @Prop() styled?: boolean;\n    @Prop() value?: string;\n\n    @State() id: string = uuid();\n\n    /** @private */\n    @Event() radioChange: EventEmitter;\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'xpl-checkbox-radio-container': true,\n                    styled: this.styled,\n                    disabled: this.disabled,\n                }}\n            >\n                <input\n                    class=\"xpl-radio\"\n                    type=\"radio\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    name={this.name}\n                    required={this.required}\n                    value={this.value}\n                    onChange={() => this.radioChange.emit(true)}\n                ></input>\n                <label\n                    class={{\n                        'xpl-label': true,\n                        'xpl-label--disabled': this.disabled,\n                    }}\n                    htmlFor={this.id}\n                >\n                    <slot></slot>\n                    {this.description && (\n                        <small\n                            class={{\n                                'xpl-description': true,\n                                'xpl-description--disabled': this.disabled,\n                            }}\n                        >\n                            {this.description}\n                        </small>\n                    )}\n                </label>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-secondary-nav.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h, e as Host } from './index-307c7018.js';
+
+const XplSecondaryNav = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: "xpl-secondary-nav" }, h("nav", { "aria-label": "Secondary Nav" }, h("slot", null))));
+  }
+};
+
+export { XplSecondaryNav as xpl_secondary_nav };
+
+//# sourceMappingURL=xpl-secondary-nav.entry.js.map

package/dist/esm/xpl-secondary-nav.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-secondary-nav.entry.js","mappings":";;MAKa,eAAe;;;;EACxB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,IAC3B,yBAAgB,eAAe,IAC3B,eAAa,CACX,CACH,EACT;GACL;;;;;","names":[],"sources":["./src/components/components/xpl-secondary-nav/xpl-secondary-nav.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-secondary-nav',\n})\nexport class XplSecondaryNav {\n    render() {\n        return (\n            <Host class=\"xpl-secondary-nav\">\n                <nav aria-label=\"Secondary Nav\">\n                    <slot></slot>\n                </nav>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-select.entry.js

@@ -1,8 +1,49 @@
-import { r as registerInstance, h, H as Host } from './index-e3c4bb97.js';
-import { v as v4 } from './v4-929670b7.js';
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
+import { v as v4 } from './index-912d1a21.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`
@@ -452,35 +493,23 @@ function tagWidth(text) {
 const XplSelect = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * An array of choices for the user to choose from.
-     * Each choice should be of the form:
-     * {
-     *   label: string;
-     *   href?: string;
-     *   value?: string;
-     *   isGroupHeading?: boolean;
-     * }
-     */
+    this.selectChange = createEvent(this, "selectChange", 7);
     this.choices = [];
-    /**
-     * Whether to allow a single choice or multiple choices.
-     */
+    this.description = undefined;
+    this.disabled = undefined;
+    this.error = undefined;
+    this.label = undefined;
     this.mode = 'single';
-    /**
-     * Only used in multi-choice selects. If `true`,
-     * badges representing selections that would overflow the
-     * container are replaced with "+x more" (where x is the
-     * number not shown). If `false`, the container's height will
-     * adjust to show all badges representing selections.
-     */
+    this.name = undefined;
+    this.placeholder = undefined;
     this.truncate = true;
+    this.selectedValues = undefined;
     this.active = false;
     this.id = v4();
     this.keepFocus = false;
+    this.selected = undefined;
     this.value = '';
     this.displayValue = '';
-    // infinity isn't real, it's just a mathematical construct, it can't hurt you
     this.visibleChoices = Infinity;
   }
   componentWillLoad() {
@@ -488,6 +517,27 @@ const XplSelect = class {
       this.choices && this.choices.length > 0
         ? this.choices.map(() => false)
         : [];
+    if (this.selectedValues) {
+      const isSingleMode = this.mode === 'single';
+      if (isSingleMode) {
+        this.choices.forEach((choice) => {
+          const shouldBeSelected = choice.value.includes(this.selectedValues) ||
+            choice.label.includes(this.selectedValues);
+          if (shouldBeSelected)
+            choice.isSelected = true;
+        });
+      }
+      else {
+        this.choices.forEach(({ options }) => {
+          options.forEach((option) => {
+            const shouldBeSelected = this.selectedValues.includes(option.value || option.label);
+            if (shouldBeSelected)
+              option.isSelected = true;
+          });
+        });
+      }
+      this.update();
+    }
     window.addEventListener('click', (e) => {
       const el = e.target;
       const select = el.closest('.xpl-select');
@@ -550,6 +600,9 @@ const XplSelect = class {
         .join('|');
     }
   }
+  handleValueStateChange(newValue) {
+    this.selectChange.emit(newValue);
+  }
   render() {
     let visibleChoices = 0;
     return (h(Host, { class: {
@@ -580,8 +633,9 @@ const XplSelect = class {
         ? this.selected.map((v, i) => {
           if (!v)
             return null;
-          if (visibleChoices >= this.visibleChoices)
+          if (visibleChoices >= this.visibleChoices) {
             return null;
+          }
           visibleChoices++;
           return (h("xpl-tag", { onClose: () => {
               this.flattenChoices().forEach((v, j) => {
@@ -611,11 +665,16 @@ const XplSelect = class {
         const { dropdown } = this;
         if (!this.disabled)
           dropdown.isOpen = !dropdown.isOpen;
-      } })), !this.disabled && (h("xpl-dropdown", { options: this.choices, mode: this.mode, triggerId: this.id, update: () => {
+      }, type: "button" })), !this.disabled && (h("xpl-dropdown", { options: this.choices, mode: this.mode, triggerId: this.id, update: () => {
         this.update();
         this.maybeTruncateChoices();
-      } })), this.error !== undefined && this.error.length > 0 && (h("label", { class: "xpl-input-error", htmlFor: this.id }, h("svg", { width: "10", height: "11", viewBox: "0 0 10 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z" })), this.error))), h("input", { type: "hidden", value: this.value })));
+      } })), this.error !== undefined && this.error.length > 0 && (h("label", { class: "xpl-input-error", htmlFor: this.id }, h("svg", { width: "10", height: "11", viewBox: "0 0 10 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z" })), this.error))), h("input", { type: "hidden", name: this.name, value: this.value })));
   }
+  static get watchers() { return {
+    "value": ["handleValueStateChange"]
+  }; }
 };
 
 export { XplSelect as xpl_select };
+
+//# sourceMappingURL=xpl-select.entry.js.map

package/dist/esm/xpl-select.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-select.entry.js","mappings":"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","names":["global","uuid","throttle"],"sources":["./node_modules/lodash.throttle/index.js","./src/components/components/xpl-select/xpl-select.tsx"],"sourcesContent":["/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        result = wait - timeSinceLastCall;\n\n    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = throttle;\n","import { v4 as uuid } from 'uuid';\nimport {\n    Component,\n    Host,\n    h,\n    Prop,\n    State,\n    Event,\n    EventEmitter,\n    Watch,\n} from '@stencil/core';\nimport throttle from 'lodash.throttle';\nimport type { DropdownItem } from '../xpl-dropdown/dropdownoption';\n\nfunction tagWidth(text: string): number {\n    const context = document.createElement('canvas').getContext('2d');\n    context.font =\n        \"14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif\";\n    return context.measureText(text).width + 44; // = text + l/r padding + margin-right\n}\n\n@Component({\n    tag: 'xpl-select',\n})\nexport class XplSelect {\n    /**\n     * An array of choices for the user to choose from.\n     * Each choice should be of the form:\n     * {\n     *   label: string;\n     *   href?: string;\n     *   value?: string;\n     *   isGroupHeading?: boolean;\n     * }\n     */\n    @Prop() choices?: DropdownItem[] = [];\n    /**\n     * Optional text that appears below the input label.\n     */\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    /**\n     * If an empty string (attribute present with no value),\n     * will display visually as an error. If a string is\n     * included, will display visually as an error and include\n     * the value as an error message.\n     */\n    @Prop() error?: string;\n\n    /**\n     * The label that appears above the select dropdown\n     */\n    @Prop() label?: string;\n    /**\n     * Whether to allow a single choice or multiple choices.\n     */\n    @Prop() mode?: 'single' | 'multi' = 'single';\n\n    /**\n     * The name of the hidden input field that contains the selected option's value(s)\n     */\n    @Prop() name?: string;\n\n    @Prop() placeholder: string;\n    /**\n     * Only used in multi-choice selects. If `true`,\n     * badges representing selections that would overflow the\n     * container are replaced with \"+x more\" (where x is the\n     * number not shown). If `false`, the container's height will\n     * adjust to show all badges representing selections.\n     */\n    @Prop() truncate?: boolean = true;\n\n    @Prop() selectedValues?: string | string[];\n\n    /**\n     * Emits the value of the selected option in the select menu on change\n     */\n    @Event() selectChange: EventEmitter<string>;\n\n    @State() active: boolean = false;\n    @State() id: string = uuid();\n    @State() keepFocus: boolean = false;\n    @State() selected: boolean[];\n    @State() value: string = '';\n    @State() displayValue: string = '';\n    // infinity isn't real, it's just a mathematical construct, it can't hurt you\n    @State() visibleChoices: number = Infinity;\n\n    private container!: HTMLElement;\n\n    private dropdown: HTMLXplDropdownElement;\n\n    componentWillLoad() {\n        this.selected =\n            this.choices && this.choices.length > 0\n                ? this.choices.map(() => false)\n                : [];\n\n        if (this.selectedValues) {\n            const isSingleMode = this.mode === 'single';\n\n            if (isSingleMode) {\n                this.choices.forEach((choice) => {\n                    const shouldBeSelected =\n                        choice.value.includes(this.selectedValues as string) ||\n                        choice.label.includes(this.selectedValues as string);\n\n                    if (shouldBeSelected) choice.isSelected = true;\n                });\n            } else {\n                this.choices.forEach(({ options }) => {\n                    options.forEach((option) => {\n                        const shouldBeSelected = this.selectedValues.includes(\n                            option.value || option.label\n                        );\n\n                        if (shouldBeSelected) option.isSelected = true;\n                    });\n                });\n            }\n\n            this.update();\n        }\n\n        window.addEventListener('click', (e: MouseEvent) => {\n            const el = e.target as HTMLElement;\n            const select = el.closest('.xpl-select');\n            if (select === null || select !== this.container) {\n                this.active = false;\n            }\n        });\n\n        window.addEventListener(\n            'resize',\n            throttle(() => {\n                this.maybeTruncateChoices();\n            }, 250)\n        );\n    }\n    componentDidLoad() {\n        this.dropdown = this.container.querySelector('xpl-dropdown');\n    }\n\n    private maybeTruncateChoices(): void {\n        if (this.mode === 'single' || !this.truncate) return;\n\n        const containerWidth = this.container.getBoundingClientRect().width;\n\n        let visibleChoices = 0;\n        let visibleChoicesWidth = 0;\n\n        const actualNumSelected = this.selected.filter((a) => a).length;\n        for (let i = 0; i < actualNumSelected; i++) {\n            visibleChoicesWidth += tagWidth(this.getDisplayValue(i));\n            if (visibleChoicesWidth > containerWidth - 140) break;\n            visibleChoices++;\n        }\n\n        if (visibleChoices >= actualNumSelected) visibleChoices = Infinity;\n        if (visibleChoices < 1) visibleChoices = 1;\n\n        this.visibleChoices = visibleChoices;\n    }\n\n    private flattenChoices(): DropdownItem[] {\n        return this.choices.reduce(\n            (acc, curr) => [\n                ...acc,\n                ...(curr.groupName ? curr.options : [curr]),\n            ],\n            []\n        );\n    }\n    private getDisplayValue(i: number): string {\n        return this.flattenChoices()[i].label || this.flattenChoices()[i].value;\n    }\n\n    private getActualValue(i: number): string {\n        return this.flattenChoices()[i].value || this.flattenChoices()[i].label;\n    }\n\n    private update() {\n        this.selected = this.flattenChoices().map(\n            ({ isSelected }) => isSelected\n        );\n\n        if (this.mode === 'single') {\n            const selected = this.selected.findIndex((v) => v);\n            this.value = selected >= 0 ? this.getActualValue(selected) : '';\n            this.displayValue =\n                selected >= 0 ? this.getDisplayValue(selected) : '';\n        } else if (this.mode === 'multi') {\n            this.value = this.selected\n                .map((v, i) => {\n                    return v ? this.getActualValue(i) : '';\n                })\n                .filter((v) => v.length > 0)\n                .join('|');\n        }\n    }\n\n    @Watch('value')\n    handleValueStateChange(newValue) {\n        this.selectChange.emit(newValue);\n    }\n\n    render() {\n        let visibleChoices = 0;\n        return (\n            <Host\n                class={{\n                    'xpl-select': true,\n                    'xpl-select--disabled': this.disabled,\n                    'xpl-select--no-truncate': !this.truncate,\n                }}\n                onKeyDown={(e: KeyboardEvent) => {\n                    if (e.key === 'Escape') this.active = false;\n                }}\n                ref={(el) => (this.container = el as HTMLElement)}\n            >\n                {this.label || this.description ? (\n                    <label\n                        class={{\n                            'xpl-label': true,\n                            'xpl-label--disabled': this.disabled,\n                        }}\n                        htmlFor={this.id}\n                    >\n                        {this.label}\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                ) : null}\n                <div\n                    class={{\n                        'xpl-input': true,\n                        'xpl-input--disabled': this.disabled,\n                        'xpl-input--error': this.error !== undefined,\n                    }}\n                >\n                    <div class=\"xpl-input-wrapper\">\n                        <div\n                            class={{\n                                'xpl-select-value': true,\n                                'xpl-select-value--active':\n                                    this.mode === 'multi' &&\n                                    this.value.length > 0,\n                                'has-value': this.value.length > 0,\n                            }}\n                        >\n                            {this.mode === 'single'\n                                ? this.displayValue || this.placeholder\n                                : this.value.length > 0\n                                ? this.selected.map((v, i) => {\n                                      if (!v) return null;\n                                      if (\n                                          visibleChoices >= this.visibleChoices\n                                      ) {\n                                          return null;\n                                      }\n                                      visibleChoices++;\n                                      return (\n                                          <xpl-tag\n                                              onClose={() => {\n                                                  this.flattenChoices().forEach(\n                                                      (v, j) => {\n                                                          if (i === j)\n                                                              v.isSelected =\n                                                                  false;\n                                                      }\n                                                  );\n                                                  const mapOptions = (\n                                                      option: DropdownItem\n                                                  ): DropdownItem => {\n                                                      option.options =\n                                                          option.groupName\n                                                              ? option.options.map(\n                                                                    mapOptions\n                                                                )\n                                                              : undefined;\n                                                      return option;\n                                                  };\n                                                  this.choices =\n                                                      this.choices.map(\n                                                          mapOptions\n                                                      );\n\n                                                  this.update();\n                                                  this.maybeTruncateChoices();\n                                              }}\n                                          >\n                                              {this.getDisplayValue(i)}\n                                          </xpl-tag>\n                                      );\n                                  })\n                                : this.placeholder}\n                            {this.visibleChoices < Infinity &&\n                                `+ ${\n                                    this.selected.filter((a) => a).length -\n                                    this.visibleChoices\n                                } more`}\n                        </div>\n                        <button\n                            disabled={this.disabled}\n                            id={this.id}\n                            onKeyDown={(e: KeyboardEvent) => {\n                                if (e.key === 'Tab') this.keepFocus = true;\n                            }}\n                            onClick={() => {\n                                const { dropdown } = this;\n                                if (!this.disabled)\n                                    dropdown.isOpen = !dropdown.isOpen;\n                            }}\n                            type=\"button\"\n                        ></button>\n                    </div>\n                    {!this.disabled && (\n                        <xpl-dropdown\n                            options={this.choices}\n                            mode={this.mode}\n                            triggerId={this.id}\n                            update={() => {\n                                this.update();\n                                this.maybeTruncateChoices();\n                            }}\n                        ></xpl-dropdown>\n                    )}\n                    {this.error !== undefined && this.error.length > 0 && (\n                        <label class=\"xpl-input-error\" htmlFor={this.id}>\n                            <svg\n                                width=\"10\"\n                                height=\"11\"\n                                viewBox=\"0 0 10 11\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path d=\"M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z\" />\n                            </svg>\n                            {this.error}\n                        </label>\n                    )}\n                </div>\n                <input type=\"hidden\" name={this.name} value={this.value} />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-table.entry.js

@@ -0,0 +1,109 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
+
+const XplTable = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.tableSelect = createEvent(this, "tableSelect", 7);
+    this.selectAll = (e) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = checked;
+      this.selected = this.selected.map(() => checked);
+      this.onChange();
+    };
+    this.selectOne = (e, i) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = false;
+      this.selected = this.selected.map((v, _i) => (_i === i ? checked : v));
+      this.onChange();
+    };
+    this.onChange = () => {
+      this.tableSelect.emit({
+        selected: this.selected,
+        areAllSelected: this.areAllSelected,
+      });
+    };
+    this.onScroll = () => {
+      this.hasScrolled = this.container.scrollLeft > 0;
+    };
+    /**
+     * TODO: Need to figure out how this interplays with data
+     * received from an API/server
+     */
+    // private sortBy = (col: number, ascending = true) => {
+    //     this.rowData.sort((a, b) => {
+    //         const A = a[col];
+    //         const B = b[col];
+    //         if (typeof A === 'number' && typeof B === 'number') {
+    //             const f = ascending ? 1 : -1;
+    //             return A > B ? f : -f;
+    //         }
+    //         return -1;
+    //     });
+    //     this.rowData = Array.from(this.rowData);
+    //     this.render();
+    // };
+    this.setData = () => {
+      this.rowData = this.data !== undefined ? Array.from(this.data) : [];
+      this.selected = new Array(this.rowData.length).fill(false);
+    };
+    this.columns = undefined;
+    this.data = undefined;
+    this.freeze = undefined;
+    this.multiselect = undefined;
+    this.striped = undefined;
+    this.areAllSelected = false;
+    this.rowData = undefined;
+    this.hasScrolled = false;
+    this.selected = undefined;
+  }
+  watchData() {
+    this.setData();
+  }
+  componentWillLoad() {
+    this.areAllSelected = false;
+    this.setData();
+  }
+  render() {
+    let className = 'xpl-table';
+    if (this.striped)
+      className += ' xpl-table--striped';
+    if (this.freeze)
+      className += ' xpl-table--freeze';
+    if (this.hasScrolled)
+      className += ' xpl-table--has-scrolled';
+    return (h(Host, null, h("div", { class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("table", { class: className }, this.columns && (h("thead", null, this.columns.map((column, i) => {
+      return (h("th", null, this.multiselect && i === 0 ? (h("label", { htmlFor: "__xpl-table-th" }, h("input", { checked: this.areAllSelected, id: "__xpl-table-th",
+        // appear indeterminate when at least one but not all
+        // are selected
+        indeterminate: !this
+          .areAllSelected &&
+          this.selected.some((a) => a), onChange: (e) => {
+          this.selectAll(e);
+        }, type: "checkbox" }), column)) : (column)));
+    }))), h("tbody", null, this.rowData.map((row, rowNum) => {
+      return (h("tr", { class: this.selected &&
+          this.selected[rowNum]
+          ? 'xpl-table-row-selected'
+          : '' }, row.map((cell, i) => {
+        return (h("td", null, this.multiselect &&
+          i === 0 ? (h("label", { htmlFor: '__xpl-table-row-' +
+            rowNum }, h("input", { id: '__xpl-table-row-' +
+            rowNum, checked: this
+            .selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum) }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))));
+      })));
+    }))))));
+  }
+  static get watchers() { return {
+    "data": ["watchData"]
+  }; }
+};
+
+export { XplTable as xpl_table };
+
+//# sourceMappingURL=xpl-table.entry.js.map

package/dist/esm/xpl-table.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-table.entry.js","mappings":"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","names":[],"sources":["./src/components/components/xpl-table/xpl-table.tsx"],"sourcesContent":["import {\n    Component,\n    Host,\n    Prop,\n    State,\n    Event,\n    EventEmitter,\n    h,\n    Watch,\n} from '@stencil/core';\n\n@Component({\n    tag: 'xpl-table',\n})\nexport class XplTable {\n    @Prop() columns?: string[];\n    @Prop() data?: string[][];\n    @Prop() freeze?: boolean;\n    @Prop() multiselect?: boolean;\n    @Prop() striped?: boolean;\n\n    @State() areAllSelected: boolean = false;\n    @State() rowData: string[][];\n    @State() hasScrolled: boolean = false;\n    @State() selected: boolean[];\n\n    @Event() tableSelect: EventEmitter;\n\n    private container!: HTMLDivElement;\n\n    private selectAll = (e: Event) => {\n        const { target } = e;\n        if (!(target instanceof HTMLInputElement)) return;\n        const { checked } = target;\n        this.areAllSelected = checked;\n        this.selected = this.selected.map(() => checked);\n        this.onChange();\n    };\n\n    private selectOne = (e: Event, i: number) => {\n        const { target } = e;\n        if (!(target instanceof HTMLInputElement)) return;\n        const { checked } = target;\n        this.areAllSelected = false;\n        this.selected = this.selected.map((v, _i) => (_i === i ? checked : v));\n        this.onChange();\n    };\n\n    private onChange = () => {\n        this.tableSelect.emit({\n            selected: this.selected,\n            areAllSelected: this.areAllSelected,\n        });\n    };\n\n    private onScroll = () => {\n        this.hasScrolled = this.container.scrollLeft > 0;\n    };\n\n    /**\n     * TODO: Need to figure out how this interplays with data\n     * received from an API/server\n     */\n    // private sortBy = (col: number, ascending = true) => {\n    //     this.rowData.sort((a, b) => {\n    //         const A = a[col];\n    //         const B = b[col];\n    //         if (typeof A === 'number' && typeof B === 'number') {\n    //             const f = ascending ? 1 : -1;\n    //             return A > B ? f : -f;\n    //         }\n    //         return -1;\n    //     });\n    //     this.rowData = Array.from(this.rowData);\n    //     this.render();\n    // };\n\n    private setData = () => {\n        this.rowData = this.data !== undefined ? Array.from(this.data) : [];\n        this.selected = new Array(this.rowData.length).fill(false);\n    };\n\n    @Watch('data')\n    watchData() {\n        this.setData();\n    }\n\n    componentWillLoad() {\n        this.areAllSelected = false;\n        this.setData();\n    }\n\n    render() {\n        let className = 'xpl-table';\n        if (this.striped) className += ' xpl-table--striped';\n        if (this.freeze) className += ' xpl-table--freeze';\n        if (this.hasScrolled) className += ' xpl-table--has-scrolled';\n\n        return (\n            <Host>\n                <div\n                    class=\"xpl-table-container\"\n                    onScroll={this.onScroll}\n                    ref={(el) => (this.container = el as HTMLDivElement)}\n                >\n                    <table class={className}>\n                        {this.columns && (\n                            <thead>\n                                {this.columns.map((column, i) => {\n                                    return (\n                                        <th>\n                                            {this.multiselect && i === 0 ? (\n                                                <label htmlFor=\"__xpl-table-th\">\n                                                    <input\n                                                        checked={\n                                                            this.areAllSelected\n                                                        }\n                                                        id=\"__xpl-table-th\"\n                                                        // appear indeterminate when at least one but not all\n                                                        // are selected\n                                                        indeterminate={\n                                                            !this\n                                                                .areAllSelected &&\n                                                            this.selected.some(\n                                                                (a) => a\n                                                            )\n                                                        }\n                                                        onChange={(e) => {\n                                                            this.selectAll(e);\n                                                        }}\n                                                        type=\"checkbox\"\n                                                    />\n                                                    {column}\n                                                </label>\n                                            ) : (\n                                                column\n                                            )}\n                                        </th>\n                                    );\n                                })}\n                            </thead>\n                        )}\n                        <tbody>\n                            {this.rowData.map((row, rowNum) => {\n                                return (\n                                    <tr\n                                        class={\n                                            this.selected &&\n                                            this.selected[rowNum]\n                                                ? 'xpl-table-row-selected'\n                                                : ''\n                                        }\n                                    >\n                                        {row.map((cell, i) => {\n                                            return (\n                                                <td>\n                                                    {this.multiselect &&\n                                                    i === 0 ? (\n                                                        <label\n                                                            htmlFor={\n                                                                '__xpl-table-row-' +\n                                                                rowNum\n                                                            }\n                                                        >\n                                                            <input\n                                                                id={\n                                                                    '__xpl-table-row-' +\n                                                                    rowNum\n                                                                }\n                                                                checked={\n                                                                    this\n                                                                        .selected[\n                                                                        rowNum\n                                                                    ]\n                                                                }\n                                                                type=\"checkbox\"\n                                                                onChange={(e) =>\n                                                                    this.selectOne(\n                                                                        e,\n                                                                        rowNum\n                                                                    )\n                                                                }\n                                                            />\n                                                            <div\n                                                                innerHTML={cell}\n                                                            />\n                                                        </label>\n                                                    ) : (\n                                                        <div innerHTML={cell} />\n                                                    )}\n                                                </td>\n                                            );\n                                        })}\n                                    </tr>\n                                );\n                            })}\n                        </tbody>\n                    </table>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/xpl-tag.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-307c7018.js';
+
+const XplTag = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.close = createEvent(this, "close", 7);
+  }
+  render() {
+    return (h(Host, { class: "xpl-tag-container" }, h("button", { class: "xpl-tag", onClick: () => {
+        this.close.emit();
+      } }, h("slot", null)), h("button", { class: "xpl-tag__close", onClick: () => {
+        this.close.emit();
+      } }, "\u00D7")));
+  }
+};
+
+export { XplTag as xpl_tag };
+
+//# sourceMappingURL=xpl-tag.entry.js.map

package/dist/esm/xpl-tag.entry.js.map

@@ -0,0 +1 @@
+{"file":"xpl-tag.entry.js","mappings":";;MAKa,MAAM;;;;;EAGf,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,IAC3B,cACI,KAAK,EAAC,SAAS,EACf,OAAO,EAAE;QACL,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;OACrB,IAED,eAAa,CACR,EACT,cACI,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE;QACL,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;OACrB,aAGI,CACN,EACT;GACL;;;;;","names":[],"sources":["./src/components/components/xpl-tag/xpl-tag.tsx"],"sourcesContent":["import { Component, Host, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-tag',\n})\nexport class XplTag {\n    @Event() close: EventEmitter;\n\n    render() {\n        return (\n            <Host class=\"xpl-tag-container\">\n                <button\n                    class=\"xpl-tag\"\n                    onClick={() => {\n                        this.close.emit();\n                    }}\n                >\n                    <slot></slot>\n                </button>\n                <button\n                    class=\"xpl-tag__close\"\n                    onClick={() => {\n                        this.close.emit();\n                    }}\n                >\n                    &times;\n                </button>\n            </Host>\n        );\n    }\n}\n"],"version":3}