npm - @xplortech/apollo-core - Versions diffs - 1.0.0-beta.17 → 1.0.0-beta.2 - Mend

@xplortech/apollo-core 1.0.0-beta.17 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (459) hide show

package/dist/collection/components/xpl-icon/xpl-icon.js DELETED Viewed

@@ -1,93 +0,0 @@
-import { Host, h } from '@stencil/core';
-import octicons from '@xplortech/apollo-icons';
-export class XplIcon {
-  constructor() {
-    this.icon = undefined;
-    this.size = undefined;
-    this.backgroundColor = undefined;
-  }
-  render() {
-    let options = {};
-    if (typeof this.size === 'number')
-      options = { width: this.size, height: this.size };
-    let wrapperClasses = 'xpl-icon__wrapper ';
-    if (!!this.backgroundColor)
-      wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
-    return (h(Host, null, h("figure", { class: wrapperClasses }, h("span", { "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
-        width: `${this.size}px`,
-        height: `${this.size}px`,
-      }, innerHTML: octicons[this.icon].toSVG(options) }), h("figcaption", null, this.icon, " icon"))));
-  }
-  static get is() { return "xpl-icon"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["xpl-icon.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["xpl-icon.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IconName",
-          "resolved": "\"alarm-clock\" | \"alert-hex\" | \"alert-triangle\" | \"apps\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"award\" | \"bell\" | \"bell-slash\" | \"bookmark\" | \"star\" | \"briefcase\" | \"calendar\" | \"calendar-month\" | \"calendar-week\" | \"camera\" | \"check\" | \"check-circle\" | \"check-circle-fill\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"chevrons-down\" | \"chevrons-left\" | \"chevrons-right\" | \"chevrons-up\" | \"circle-slash\" | \"clipboard\" | \"clock\" | \"comment\" | \"comment-alt\" | \"comment-discussion\" | \"compass\" | \"credit-card\" | \"dash\" | \"dollar-sign\" | \"download\" | \"duplicate\" | \"edit\" | \"expand\" | \"eye\" | \"eye-closed\" | \"file\" | \"folder\" | \"gear\" | \"gift\" | \"package\" | \"globe\" | \"graph\" | \"grid\" | \"heart\" | \"home\" | \"image\" | \"info\" | \"kebab-horizontal\" | \"kebab-vertical\" | \"key\" | \"lock\" | \"law\" | \"layers\" | \"left-align\" | \"light-bulb\" | \"link-external\" | \"list-ordered\" | \"list-unordered\" | \"loader\" | \"location\" | \"mail\" | \"map\" | \"megaphone\" | \"minus-circle\" | \"moon\" | \"navigation\" | \"organization\" | \"people\" | \"paperclip\" | \"pencil\" | \"percent\" | \"person\" | \"person-circle\" | \"phone\" | \"pie-chart\" | \"play\" | \"plus\" | \"plus-circle\" | \"printer\" | \"question\" | \"refresh-cw\" | \"right-align\" | \"rocket\" | \"rotate-ccw\" | \"rotate-cw\" | \"save\" | \"search\" | \"shopping-bag\" | \"shopping-cart\" | \"sign-in\" | \"sign-out\" | \"signature\" | \"sliders-h\" | \"sliders-v\" | \"sort\" | \"star-fill\" | \"star-half-fill\" | \"tag\" | \"three-bars\" | \"time-reverse\" | \"tools\" | \"trashcan\" | \"triangle-down\" | \"triangle-left\" | \"triangle-right\" | \"triangle-up\" | \"unlock\" | \"upload\" | \"video-camera\" | \"x\" | \"x-circle\" | \"x-circle-fill\" | \"zoom-in\" | \"zoom-out\"",
-          "references": {
-            "IconName": {
-              "location": "local",
-              "path": "/Users/roc/Sites/apollo/src/components/components/xpl-icon/xpl-icon.tsx"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name of icon"
-        },
-        "attribute": "icon",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Size of icon"
-        },
-        "attribute": "size",
-        "reflect": false
-      },
-      "backgroundColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Icon's background color."
-        },
-        "attribute": "background-color",
-        "reflect": false
-      }
-    };
-  }
-}
-//# sourceMappingURL=xpl-icon.js.map

package/dist/collection/components/xpl-icon/xpl-icon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-icon.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-icon/xpl-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAe/C,MAAM,OAAO,OAAO;;;;;;EAchB,MAAM;IACF,IAAI,OAAO,GAAY,EAAE,CAAC;IAC1B,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;MAC7B,OAAO,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IACtD,IAAI,cAAc,GAAG,oBAAoB,CAAC;IAC1C,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe;MACtB,cAAc,IAAI,0EAA0E,IAAI,CAAC,eAAe,EAAE,CAAC;IAEvH,OAAO,CACH,EAAC,IAAI;MACD,cAAQ,KAAK,EAAE,cAAc;QACzB,0BACgB,IAAI,CAAC,IAAI,EACrB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE;YACH,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;YACvB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;WAC3B,EACD,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAC/C;QACF;UAAa,IAAI,CAAC,IAAI;kBAAmB,CACpC,CACN,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport octicons from '@xplortech/apollo-icons';\nimport data from '@xplortech/apollo-icons/build/data.json';\n\nexport type IconName = keyof typeof data;\n\ninterface Options {\n class?: string;\n height?: number;\n width?: number;\n}\n\n@Component({\n tag: 'xpl-icon',\n styleUrl: 'xpl-icon.css',\n})\nexport class XplIcon {\n /**\n * Name of icon\n */\n @Prop() icon: IconName;\n /**\n * Size of icon\n */\n @Prop() size?: number;\n /**\n * Icon's background color.\n */\n @Prop() backgroundColor?: string;\n\n render() {\n let options: Options = {};\n if (typeof this.size === 'number')\n options = { width: this.size, height: this.size };\n let wrapperClasses = 'xpl-icon__wrapper ';\n if (!!this.backgroundColor)\n wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;\n\n return (\n <Host>\n <figure class={wrapperClasses}>\n <span\n aria-label={this.icon}\n role=\"img\"\n class=\"xpl-icon\"\n style={{\n width: `${this.size}px`,\n height: `${this.size}px`,\n }}\n innerHTML={octicons[this.icon].toSVG(options)}\n />\n <figcaption>{this.icon} icon</figcaption>\n </figure>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/xpl-input/xpl-input.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-input.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-input/xpl-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\nimport flatpickr from 'flatpickr';\n\nconst arrowSvg = (rotate: boolean = false) =>\n `<svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"${\n rotate\n ? 'M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z'\n : 'M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z'\n }\" /></svg>`;\n\n@Component({\n tag: 'xpl-input',\n})\nexport class XplInput {\n /**\n * Because `id` is a reserved HTMLElement attribute,\n * we prefix it with an underscore here so that it\n * doesn't get automatically applied to the outer container.\n */\n @Prop() _id?: string;\n @Prop() autocomplete?: string;\n /**\n * See https://flatpickr.js.org/formatting/\n */\n @Prop() dateFormat?: string = 'Y-m-d';\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 @Prop() label: string;\n /**\n * Only used when `type` = 'number' or 'date'\n */\n @Prop() max?: number | string;\n /**\n * For multiline inputs, a max. character count will\n * display along with the current character count,\n * and will automatically render as an error if the\n * character count exceeds the max.\n */\n @Prop() maxCharacterCount?: number;\n /**\n * Only used when `type` = 'number' or 'date'\n */\n @Prop() min?: number | string;\n /**\n * For datepicker inputs, whether to allow only a single\n * date or a range of dates. (Multiple non-consecutive\n * dates planned to be supported in the future.)\n */\n @Prop() mode?: 'single' | /* \"multiple\" | */ 'range' = 'single';\n /**\n * Whether to render as a singleline text input or\n * as a multiline textarea. (If `true`, `pre` and `post`\n * values will be ignored, if present.)\n */\n @Prop() multiline?: boolean = false;\n /**\n * Most inputs are used in forms, and should have a\n * `name` associated with the input for handling form data.\n */\n @Prop() name?: string;\n @Prop() placeholder?: string;\n /**\n * A string (recommended max 3 characters) that gets shown\n * visually to the left of (before) the input.\n */\n @Prop() post?: string;\n /**\n * A string (recommended max 8 characters) that gets shown\n * visually to the right of (after) the input.\n */\n @Prop() pre?: string;\n @Prop() readonly?: boolean;\n @Prop() required?: boolean;\n @Prop() step?: number;\n @Prop() type?: 'date' | 'text' | 'number' | 'password' = 'text';\n /**\n * Including a `value` will prepopulate the input\n * with the given string.\n */\n @Prop() value?: string;\n\n @State() characterCount: number = 0;\n @State() passwordVisible: boolean = false;\n\n private input!: HTMLInputElement | HTMLTextAreaElement;\n\n private updateCharacterCount() {\n this.characterCount = this.input.value.length;\n }\n\n componentWillLoad() {\n if (this._id === undefined || this._id === null || this._id === '')\n this._id = uuid();\n\n if (this.multiline && this.maxCharacterCount !== undefined) {\n this.characterCount =\n this.value !== undefined ? this.value.length : 0;\n }\n }\n\n componentDidLoad() {\n if (this.type === 'date') {\n flatpickr(this.input, {\n allowInput: true,\n dateFormat: this.dateFormat,\n defaultDate: this.value,\n maxDate: this.max,\n minDate: this.min,\n mode: this.mode,\n nextArrow: arrowSvg(),\n prevArrow: arrowSvg(true),\n });\n }\n }\n\n render() {\n let className = 'xpl-input';\n if (this.disabled) className += ' xpl-input--disabled';\n\n let hasError = false;\n\n if (this.error !== undefined) hasError = true;\n if (\n this.multiline &&\n this.maxCharacterCount !== undefined &&\n this.characterCount > this.maxCharacterCount\n )\n hasError = true;\n if (hasError) className += ' xpl-input--error';\n\n let type = this.type;\n if (type === 'password' && this.passwordVisible) {\n type = 'text';\n }\n\n return (\n <Host class={className}>\n <label class=\"xpl-input-label\" htmlFor={this._id}>\n {this.label}\n {this.description && <small>{this.description}</small>}\n </label>\n <div class=\"xpl-input-wrapper\">\n {this.pre && !this.multiline && (\n <label class=\"xpl-input-pre\" htmlFor={this._id}>\n {this.pre}\n </label>\n )}\n {!this.multiline ? (\n <input\n autocomplete={\n this.type === 'date' ? 'off' : this.autocomplete\n }\n disabled={this.disabled}\n id={this._id}\n max={this.max}\n min={this.min}\n name={this.name}\n placeholder={this.placeholder}\n readonly={this.readonly}\n ref={(el) => {\n this.input = el as HTMLInputElement;\n }}\n required={this.required}\n step={this.step}\n type={type}\n value={this.value}\n />\n ) : (\n <textarea\n disabled={this.disabled}\n id={this._id}\n name={this.name}\n onInput={() => this.updateCharacterCount()}\n placeholder={this.placeholder}\n readonly={this.readonly}\n ref={(el) => {\n this.input = el as HTMLTextAreaElement;\n }}\n required={this.required}\n >\n {this.value}\n </textarea>\n )}\n {this.type === 'date' && (\n <xpl-icon\n class=\"xpl-input-calendar\"\n icon=\"calendar-month\"\n size={24}\n ></xpl-icon>\n )}\n {this.type === 'password' && (\n <button\n aria-label=\"Toggle password visibility\"\n class=\"xpl-input-password\"\n onClick={() => {\n this.passwordVisible = !this.passwordVisible;\n }}\n role=\"presentation\"\n >\n <xpl-icon\n icon={\n this.passwordVisible ? 'eye-closed' : 'eye'\n }\n size={24}\n ></xpl-icon>\n </button>\n )}\n {this.post && !this.multiline && (\n <label class=\"xpl-input-post\" htmlFor={this._id}>\n {this.post}\n </label>\n )}\n {this.multiline && this.maxCharacterCount !== undefined && (\n <span class=\"xpl-input-characters\">\n {this.characterCount}/{this.maxCharacterCount}\n </span>\n )}\n </div>\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 </Host>\n );\n }\n}\n"]}

package/dist/collection/components/xpl-list/listitem.js DELETED Viewed

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

package/dist/collection/components/xpl-list/listitem.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"listitem.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-list/listitem.ts"],"names":[],"mappings":"","sourcesContent":["export interface ListItem {\n avatar?: string;\n avatars?: string[];\n badges?:\n | string[]\n | {\n dot?: boolean;\n text: string;\n variant?: string;\n }[];\n href?: string;\n title: string;\n metadata?:\n | string[]\n | {\n icon: string;\n text: string;\n }[];\n subtext?: string;\n}\n"]}

package/dist/collection/components/xpl-list/xpl-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-list.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-list/xpl-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EAEJ,QAAQ,GACX,MAAM,eAAe,CAAC;AAGvB,MAAM,WAAW,GAAkC,CAAC,EAChD,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,GACX,EAAE,EAAE;EACD,MAAM,QAAQ,GAAG,OAAO,IAAI,MAAM,IAAI,OAAO,CAAC;EAC9C,MAAM,KAAK,GAAG,CACV,EAAC,QAAQ;IACJ,MAAM;MACH,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3D,kBAAY,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAe,CACtD,CAAC,CAAC,CAAC,CACA,kBAAY,IAAI,EAAE,KAAK,IAAG,MAAM,CAAc,CACjD,CAAC;IACN,WAAK,KAAK,EAAC,uBAAuB;MAC9B,WAAK,KAAK,EAAC,eAAe;QACtB;UACI,cAAK,KAAK,CAAM;UACf,QAAQ,IAAI,CACT,UAAI,KAAK,EAAC,wBAAwB,IAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;cACvB,OAAO,cAAK,CAAC,CAAM,CAAC;aACvB;iBAAM;cACH,OAAO,CACH;gBACI,gBACI,IAAI,EAAE,CAAC,CAAC,IAAI,GACJ;gBAAC,GAAG;gBACf,CAAC,CAAC,IAAI,CACN,CACR,CAAC;aACL;UACL,CAAC,CAAC,CACD,CACR,CACC,CACJ;MACL,QAAQ,IAAI,CACT,WAAK,KAAK,EAAC,gBAAgB;QACtB,OAAO,IAAI,CACR,WAAK,KAAK,EAAC,uBAAuB,IAAE,OAAO,CAAO,CACrD;QACA,OAAO,IAAI,CACR,WAAK,KAAK,EAAC,sCAAsC,IAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,WAAK,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,EAAE,GAAG,CACzB,CAAC,CACA,CACT;QACA,MAAM;UACH,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;cACvB,OAAO,qBAAY,CAAC,CAAa,CAAC;aACrC;iBAAM;cACH,OAAO,CACH,iBACI,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,OAAO,EAAE,CAAC,CAAC,OAAO,IAEjB,CAAC,CAAC,IAAI,CACC,CACf,CAAC;aACL;UACL,CAAC,CAAC,CACJ,CACT,CACC,CACC,CACd,CAAC;EACF,OAAO,IAAI,CAAC,CAAC,CAAC,CACV,SAAG,KAAK,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,IAC9B,KAAK,CACN,CACP,CAAC,CAAC,CAAC,CACA,WAAK,KAAK,EAAC,eAAe,IAAE,KAAK,CAAO,CAC3C,CAAC;AACN,CAAC,CAAC;AAKF,MAAM,OAAO,OAAO;;iBAuBa,EAAE;;EAE/B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,QACA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,EAAC,WAAW,oBAAK,IAAI,EAAI,CAC5B,CAAC,CACC,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n FunctionalComponent,\n Fragment,\n} from '@stencil/core';\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 <xpl-icon\n icon={d.icon}\n ></xpl-icon>{' '}\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; // Apollo 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"]}

package/dist/collection/components/xpl-main-nav/xpl-main-nav.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-main-nav.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-main-nav/xpl-main-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAK9E,MAAM,OAAO,UAAU;;iBAIsB,SAAS;;EAO1C,eAAe;IACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACnC,CAAC;EAED,iBAAiB;IACb,IAAI,CAAC,eAAe,EAAE,CAAC;EAC3B,CAAC;EAED,kBAAkB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;EAC3B,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,8BAA8B,IAAI,CAAC,KAAK,EAAE,gBACtC,SAAS;MAEpB;QACI,4BAAmB,gBAAgB;UAC/B,YAAM,IAAI,EAAC,MAAM,GAAQ;UACzB,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC1B;QACT,WAAK,KAAK,EAAC,4BAA4B;UACnC,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC7B;QACN,cACI,KAAK,EAAC,sBAAsB,gBACjB,gBAAgB;UAE3B,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACtB,CACP,CACH,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}

package/dist/collection/components/xpl-nav-item/xpl-nav-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-nav-item.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-nav-item/xpl-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAK9E,MAAM,OAAO,UAAU;;sBAIY,KAAK;;EAO5B,WAAW;IACf,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,EAAE;MAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5B;EACL,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;QACV,IAAI,IAAI,CAAC,UAAU,EAAE;UACjB,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;MACL,CAAC;MAED,YAAM,IAAI,EAAC,MAAM;QACb,YAAM,IAAI,EAAC,MAAM,GAAQ;QACzB,eAAa,CACV,CACJ,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}

package/dist/collection/components/xpl-pagination/xpl-pagination.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/collection/components/xpl-radio/xpl-radio.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-radio.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-radio/xpl-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EACL,KAAK,GAER,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAKlC,MAAM,OAAO,QAAQ;;;;;;;;;cASK,IAAI,EAAE;;EAK5B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE;QACH,8BAA8B,EAAE,IAAI;QACpC,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;OAC1B;MAED,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,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACtC;MACT,aACI,KAAK,EAAE;UACH,WAAW,EAAE,IAAI;UACjB,qBAAqB,EAAE,IAAI,CAAC,QAAQ;SACvC,EACD,OAAO,EAAE,IAAI,CAAC,EAAE;QAEhB,eAAa;QACZ,IAAI,CAAC,WAAW,IAAI,CACjB,aACI,KAAK,EAAE;YACH,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;WAC7C,IAEA,IAAI,CAAC,WAAW,CACb,CACX,CACG,CACL,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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"]}

package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-secondary-nav.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-secondary-nav/xpl-secondary-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,OAAO,eAAe;EACxB,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;MAC3B,yBAAgB,eAAe;QAC3B,eAAa,CACX,CACH,CACV,CAAC;EACN,CAAC;;CACJ","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"]}

package/dist/collection/components/xpl-select/xpl-select.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/collection/components/xpl-table/xpl-table.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-table.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-table/xpl-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n h,\n Watch,\n} from '@stencil/core';\n\n@Component({\n tag: 'xpl-table',\n})\nexport class XplTable {\n @Element() el: HTMLXplTableElement;\n /**\n * The header values for each column.\n */\n @Prop() columns?: string[];\n /**\n * The data for the body of the table.\n */\n @Prop() data?: string[][];\n /**\n * When true, the first column of the table is sticky and will cover the leftmost rows in a horizontally scrollable container.\n */\n @Prop() freeze?: boolean;\n /**\n * Toggles a selectable checkbox for each row in the table\n */\n @Prop() multiselect?: boolean;\n /**\n * Toggles an optional styling of the background of each even row of the table body.\n */\n @Prop() striped?: boolean;\n /**\n * The values for the input for each row when multiselect is activated.\n */\n @Prop() selectedValues?: string[] = [];\n\n @State() areAllSelected: boolean = false;\n @State() rowData: string[][];\n @State() hasScrolled: boolean = false;\n @State() selected: (string | boolean)[];\n\n @Event() tableSelect: EventEmitter;\n\n private selectAllValue = Math.random().toString(36).slice(2);\n\n private container!: HTMLDivElement;\n\n private selectAll = (e: Event) => {\n const { target } = e;\n\n if (!(target instanceof HTMLInputElement)) return;\n\n const { checked } = target;\n\n this.areAllSelected = checked;\n\n this.selected =\n this.selectedValues.length > 0\n ? // gets all checkboxes in body\n Array.from(\n this.el.querySelectorAll('tbody td:first-child input')\n ).map((input: HTMLInputElement) =>\n // if the select all checkbox is checked, return\n // the value from the current input. If false, set all to false.\n checked ? input?.value : checked\n )\n : this.selected.map(() => checked);\n this.onChange();\n };\n\n private selectOne = (e: Event, checkboxIdx: number) => {\n const { target } = e;\n if (!(target instanceof HTMLInputElement)) return;\n\n const { checked, value } = target;\n\n this.areAllSelected = false;\n this.selected = this.selected.map((v, selectedIdx) => {\n // if the checkbox that fired the event is not the current idx\n // return the current value\n if (selectedIdx !== checkboxIdx) return v;\n\n /**\n * If there are values in this.selectedValues, either return the value\n * for that checkbox or false, dependent on if the checkbox is checked or not.\n * If there are no values in this.selectedValues, return the value\n * to either true or false, dependent on if the checkbox is checked or not.\n *\n */\n return this.selectedValues.length > 0\n ? checked\n ? value\n : checked\n : checked;\n });\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 };\n\n @Watch('data')\n watchData() {\n this.setData();\n }\n\n componentWillLoad() {\n this.areAllSelected = false;\n this.setData();\n this.selected = new Array(this.rowData.length).fill(false);\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 value={`select-all-${this.selectAllValue}`}\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 value={`${\n this\n .selectedValues\n .length >\n 0\n ? this\n .selectedValues[\n rowNum\n ]\n : `xpl-table-checkbox-${rowNum}`\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"]}

package/dist/collection/components/xpl-tag/xpl-tag.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-tag.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-tag/xpl-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAKxE,MAAM,OAAO,MAAM;EAGf,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;MAC3B,cACI,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;UACV,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC;QAED,eAAa,CACR;MACT,cACI,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,GAAG,EAAE;UACV,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,aAGI,CACN,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;CACJ","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 ×\n </button>\n </Host>\n );\n }\n}\n"]}

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

- {"version":3,"file":"xpl-utility-bar.js","sourceRoot":"","sources":["../../../../src/components/components/xpl-utility-bar/xpl-utility-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACR,MAAM,eAAe,CAAC;AAKvB,MAAM,OAAO,aAAa;;;;gBAgBG,IAAI;;EAErB,WAAW;IACf,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACjC,CAAC;EAED,iBAAiB;IACb,IAAI,CAAC,IAAI;MACL,IAAI,CAAC,kBAAkB,KAAK,SAAS;QACjC,CAAC,CAAC,IAAI,CAAC,kBAAkB;QACzB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;EACxB,CAAC;EACD,MAAM;IACF,OAAO,CACH,EAAC,IAAI;MACD,yBACe,wBAAwB,EACnC,KAAK,EAAC,iBAAiB;QAEtB,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACf;UACI,cACI,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAEjC,gBACI,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,YAAY,GACT,CACP;UACT,YAAM,IAAI,EAAC,OAAO,GAAQ,CACxB,CACT,CAAC,CAAC,CAAC,CACA,YAAM,IAAI,EAAC,OAAO,GAAQ,CAC7B;QACD,YAAM,IAAI,EAAC,MAAM,GAAQ,CACvB,CACH,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\n@Component({\n tag: 'xpl-utility-bar',\n})\nexport class XplUtilityBar {\n /**\n * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)\n */\n @Event() navOpen: EventEmitter<boolean>;\n\n /**\n * @property {boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)\n */\n @Prop() navControl?: boolean;\n\n /**\n * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n */\n @Prop() isNavOpenAtStartup?: boolean;\n\n @State() open: boolean = true;\n\n private onNavToggle() {\n this.open = !this.open;\n this.navOpen.emit(this.open);\n }\n\n componentWillLoad() {\n this.open =\n this.isNavOpenAtStartup !== undefined\n ? this.isNavOpenAtStartup\n : this.open;\n }\n render() {\n return (\n <Host>\n <nav\n aria-label=\"utility navigation bar\"\n class=\"xpl-utility-bar\"\n >\n {this.navControl ? (\n <div>\n <button\n class=\"xpl-utility-bar__nav-control\"\n onClick={() => this.onNavToggle()}\n >\n <xpl-icon\n class=\"xpl-utility-nav__bars\"\n icon=\"three-bars\"\n ></xpl-icon>\n </button>\n <slot name=\"aside\"></slot>\n </div>\n ) : (\n <slot name=\"aside\"></slot>\n )}\n <slot name=\"main\"></slot>\n </nav>\n </Host>\n );\n }\n}\n"]}

package/dist/components/index.d.ts DELETED Viewed

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

package/dist/components/index.js DELETED Viewed

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

package/dist/components/index.js.map DELETED Viewed

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

package/dist/components/v4.js DELETED Viewed

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

package/dist/components/v4.js.map DELETED Viewed

@@ -1 +0,0 @@

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

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

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