npm - @xplortech/apollo-core - Versions diffs - 1.0.0-beta.16 → 1.0.0-beta.18 - Mend

@xplortech/apollo-core 1.0.0-beta.16 → 1.0.0-beta.18

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 (27) hide show

package/dist/apollo-core/apollo-core.esm.js +1 -1
package/dist/apollo-core/{p-244918b6.entry.js → p-6797b2b7.entry.js} +2 -2
package/dist/apollo-core/p-6797b2b7.entry.js.map +1 -0
package/dist/apollo-core/p-da5a8e74.entry.js +2 -0
package/dist/apollo-core/p-da5a8e74.entry.js.map +1 -0
package/dist/cjs/xpl-avatar_15.cjs.entry.js +9 -10
package/dist/cjs/xpl-avatar_15.cjs.entry.js.map +1 -1
package/dist/cjs/xpl-select.cjs.entry.js +14 -6
package/dist/cjs/xpl-select.cjs.entry.js.map +1 -1
package/dist/collection/components/xpl-select/xpl-select.js +16 -6
package/dist/collection/components/xpl-select/xpl-select.js.map +1 -1
package/dist/collection/components/xpl-table/xpl-table.js +9 -10
package/dist/collection/components/xpl-table/xpl-table.js.map +1 -1
package/dist/components/xpl-select.js +14 -6
package/dist/components/xpl-select.js.map +1 -1
package/dist/components/xpl-table.js +9 -10
package/dist/components/xpl-table.js.map +1 -1
package/dist/esm/xpl-avatar_15.entry.js +9 -10
package/dist/esm/xpl-avatar_15.entry.js.map +1 -1
package/dist/esm/xpl-select.entry.js +14 -6
package/dist/esm/xpl-select.entry.js.map +1 -1
package/dist/types/components/xpl-select/xpl-select.d.ts +5 -0
package/dist/types/components/xpl-table/xpl-table.d.ts +0 -1
package/package.json +1 -1
package/dist/apollo-core/p-244918b6.entry.js.map +0 -1
package/dist/apollo-core/p-db29ebe0.entry.js +0 -2
package/dist/apollo-core/p-db29ebe0.entry.js.map +0 -1

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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 /\n \n * @param _choices\n /\n @Watch('choices')\n onChoicesChanged(_choices: DropdownItem[]) {\n this.update();\n }\n\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 const selectedValue = this.selectedValues as string;\n const shouldBeSelected = this.choices.find(\n (choice) =>\n (choice.value !== undefined\n ? choice.value\n : choice.label) === selectedValue\n );\n if (shouldBeSelected !== undefined)\n shouldBeSelected.isSelected = true;\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 CHANGED Viewed

@@ -1,22 +1,21 @@
 import { Host, h, } from '@stencil/core';
 export class XplTable {
   constructor() {
-    var _a;
     this.selectAllValue = Math.random().toString(36).slice(2);
-    this.isSelectedValuesSet = ((_a = this.selectedValues) === null || _a === void 0 ? void 0 : _a.length) > 0;
     this.selectAll = (e) => {
       const { target } = e;
       if (!(target instanceof HTMLInputElement))
         return;
       const { checked } = target;
       this.areAllSelected = checked;
-      this.selected = this.isSelectedValuesSet
-        ? // gets all checkboxes in body
-          Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) =>
-          // if the select all checkbox is checked, return
-          // the value from the current input. If false, set all to false.
-          checked ? input === null || input === void 0 ? void 0 : input.value : checked)
-        : this.selected.map(() => checked);
+      this.selected =
+        this.selectedValues.length > 0
+          ? // gets all checkboxes in body
+            Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) =>
+            // if the select all checkbox is checked, return
+            // the value from the current input. If false, set all to false.
+            checked ? input === null || input === void 0 ? void 0 : input.value : checked)
+          : this.selected.map(() => checked);
       this.onChange();
     };
     this.selectOne = (e, checkboxIdx) => {
@@ -37,7 +36,7 @@ export class XplTable {
          * to either true or false, dependent on if the checkbox is checked or not.
          *
          */
-        return this.isSelectedValuesSet
+        return this.selectedValues.length > 0
           ? checked
             ? value
             : checked

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

	@@ -1 +1 @@
1	- {"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 isSelectedValuesSet = this.selectedValues?.length > 0;\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 = this.isSelectedValuesSet\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.isSelectedValuesSet\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"]}
1	+ {"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/components/xpl-select.js CHANGED Viewed

@@ -477,6 +477,13 @@ const XplSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.displayValue = '';
     this.visibleChoices = Infinity;
   }
+  /**
+   *
+   * @param _choices
+   */
+  onChoicesChanged(_choices) {
+    this.update();
+  }
   componentWillLoad() {
     this.selected =
       this.choices && this.choices.length > 0
@@ -485,12 +492,12 @@ const XplSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
-        });
+        const selectedValue = this.selectedValues;
+        const shouldBeSelected = this.choices.find((choice) => (choice.value !== undefined
+          ? choice.value
+          : choice.label) === selectedValue);
+        if (shouldBeSelected !== undefined)
+          shouldBeSelected.isSelected = true;
       }
       else {
         this.choices.forEach(({ options }) => {
@@ -636,6 +643,7 @@ const XplSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       } })), 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 {
+    "choices": ["onChoicesChanged"],
     "value": ["handleValueStateChange"]
   }; }
 }, [0, "xpl-select", {

package/dist/components/xpl-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"xpl-select.js","mappings":"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","names":["global","XplSelect","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}
1	+ {"file":"xpl-select.js","mappings":"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","names":["global","XplSelect","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 /\n \n * @param _choices\n /\n @Watch('choices')\n onChoicesChanged(_choices: DropdownItem[]) {\n this.update();\n }\n\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 const selectedValue = this.selectedValues as string;\n const shouldBeSelected = this.choices.find(\n (choice) =>\n (choice.value !== undefined\n ? choice.value\n : choice.label) === selectedValue\n );\n if (shouldBeSelected !== undefined)\n shouldBeSelected.isSelected = true;\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/components/xpl-table.js CHANGED Viewed

@@ -5,22 +5,21 @@ const XplTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.tableSelect = createEvent(this, "tableSelect", 7);
-    var _a;
     this.selectAllValue = Math.random().toString(36).slice(2);
-    this.isSelectedValuesSet = ((_a = this.selectedValues) === null || _a === void 0 ? void 0 : _a.length) > 0;
     this.selectAll = (e) => {
       const { target } = e;
       if (!(target instanceof HTMLInputElement))
         return;
       const { checked } = target;
       this.areAllSelected = checked;
-      this.selected = this.isSelectedValuesSet
-        ? // gets all checkboxes in body
-          Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) =>
-          // if the select all checkbox is checked, return
-          // the value from the current input. If false, set all to false.
-          checked ? input === null || input === void 0 ? void 0 : input.value : checked)
-        : this.selected.map(() => checked);
+      this.selected =
+        this.selectedValues.length > 0
+          ? // gets all checkboxes in body
+            Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) =>
+            // if the select all checkbox is checked, return
+            // the value from the current input. If false, set all to false.
+            checked ? input === null || input === void 0 ? void 0 : input.value : checked)
+          : this.selected.map(() => checked);
       this.onChange();
     };
     this.selectOne = (e, checkboxIdx) => {
@@ -41,7 +40,7 @@ const XplTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
          * to either true or false, dependent on if the checkbox is checked or not.
          *
          */
-        return this.isSelectedValuesSet
+        return this.selectedValues.length > 0
           ? checked
             ? value
             : checked