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

package/dist/esm/apollo-core.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["xpl-select",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"selectedValues":[1,"selected-values"],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_15",[[4,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"icon":[1]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-dashboard"],[4,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[4,"xpl-secondary-nav"],[0,"xpl-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectValues":[16],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]],["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-choicelist",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-input",[[0,"xpl-input",{"_id":[1],"autocomplete":[1],"dateFormat":[1,"date-format"],"description":[1],"disabled":[4],"error":[1],"label":[1],"max":[8],"maxCharacterCount":[2,"max-character-count"],"min":[8],"mode":[1],"multiline":[4],"name":[1],"placeholder":[1],"post":[1],"pre":[1],"readonly":[4],"required":[4],"step":[2],"type":[1],"value":[1],"characterCount":[32],"passwordVisible":[32]}]]],["xpl-divider",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"isSelected":[4,"selected"]}]]],["xpl-dropdown_2",[[4,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[16],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]}],[4,"xpl-tag"]]]], options);
+  return bootstrapLazy([["xpl-select",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"selectedValues":[1,"selected-values"],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_15",[[4,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"icon":[1]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-dashboard"],[4,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[4,"xpl-secondary-nav"],[0,"xpl-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectedValues":[16],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]],["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-choicelist",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-input",[[0,"xpl-input",{"_id":[1],"autocomplete":[1],"dateFormat":[1,"date-format"],"description":[1],"disabled":[4],"error":[1],"label":[1],"max":[8],"maxCharacterCount":[2,"max-character-count"],"min":[8],"mode":[1],"multiline":[4],"name":[1],"placeholder":[1],"post":[1],"pre":[1],"readonly":[4],"required":[4],"step":[2],"type":[1],"value":[1],"characterCount":[32],"passwordVisible":[32]}]]],["xpl-divider",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"isSelected":[4,"selected"]}]]],["xpl-dropdown_2",[[4,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[16],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]}],[4,"xpl-tag"]]]], options);
 });
 
 //# sourceMappingURL=apollo-core.js.map

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["xpl-select",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"selectedValues":[1,"selected-values"],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_15",[[4,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"icon":[1]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-dashboard"],[4,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[4,"xpl-secondary-nav"],[0,"xpl-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectValues":[16],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]],["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-choicelist",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-input",[[0,"xpl-input",{"_id":[1],"autocomplete":[1],"dateFormat":[1,"date-format"],"description":[1],"disabled":[4],"error":[1],"label":[1],"max":[8],"maxCharacterCount":[2,"max-character-count"],"min":[8],"mode":[1],"multiline":[4],"name":[1],"placeholder":[1],"post":[1],"pre":[1],"readonly":[4],"required":[4],"step":[2],"type":[1],"value":[1],"characterCount":[32],"passwordVisible":[32]}]]],["xpl-divider",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"isSelected":[4,"selected"]}]]],["xpl-dropdown_2",[[4,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[16],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]}],[4,"xpl-tag"]]]], options);
+  return bootstrapLazy([["xpl-select",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"selectedValues":[1,"selected-values"],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_15",[[4,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"icon":[1]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-dashboard"],[4,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[4,"xpl-secondary-nav"],[0,"xpl-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectedValues":[16],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]],["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-choicelist",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-input",[[0,"xpl-input",{"_id":[1],"autocomplete":[1],"dateFormat":[1,"date-format"],"description":[1],"disabled":[4],"error":[1],"label":[1],"max":[8],"maxCharacterCount":[2,"max-character-count"],"min":[8],"mode":[1],"multiline":[4],"name":[1],"placeholder":[1],"post":[1],"pre":[1],"readonly":[4],"required":[4],"step":[2],"type":[1],"value":[1],"characterCount":[32],"passwordVisible":[32]}]]],["xpl-divider",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"isSelected":[4,"selected"]}]]],["xpl-dropdown_2",[[4,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[16],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]}],[4,"xpl-tag"]]]], options);
   });
 };
 

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

@@ -2107,18 +2107,39 @@ const XplTable = class {
       const { checked } = target;
       this.areAllSelected = checked;
       this.selected =
-        this.selectValues.length > 0
-          ? Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => checked ? input === null || input === void 0 ? void 0 : input.value : checked)
+        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, i) => {
+    this.selectOne = (e, checkboxIdx) => {
       const { target } = e;
       if (!(target instanceof HTMLInputElement))
         return;
       const { checked, value } = target;
       this.areAllSelected = false;
-      this.selected = this.selected.map((v, _i) => _i === i ? (this.selectValues.length > 0 ? value : checked) : v);
+      this.selected = this.selected.map((v, selectedIdx) => {
+        // if the checkbox that fired the event is not the current idx
+        // return the current value
+        if (selectedIdx !== checkboxIdx)
+          return v;
+        /**
+         * If there are values in this.selectedValues, either return the value
+         * for that checkbox or false, dependent on if the checkbox is checked or not.
+         * If there are no values in this.selectedValues, return the value
+         * to either true or false, dependent on if the checkbox is checked or not.
+         *
+         */
+        return this.selectedValues.length > 0
+          ? checked
+            ? value
+            : checked
+          : checked;
+      });
       this.onChange();
     };
     this.onChange = () => {
@@ -2155,7 +2176,7 @@ const XplTable = class {
     this.freeze = undefined;
     this.multiselect = undefined;
     this.striped = undefined;
-    this.selectValues = [];
+    this.selectedValues = [];
     this.areAllSelected = false;
     this.rowData = undefined;
     this.hasScrolled = false;
@@ -2196,11 +2217,11 @@ const XplTable = class {
             rowNum }, h("input", { id: '__xpl-table-row-' +
             rowNum, checked: !!this
             .selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: `${this
-            .selectValues
+            .selectedValues
             .length >
             0
             ? this
-              .selectValues[rowNum]
+              .selectedValues[rowNum]
             : `xpl-table-checkbox-${rowNum}`}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))));
       })));
     }))))));

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

@@ -1 +1 @@
-{"file":"xpl-avatar.xpl-badge.xpl-breadcrumb-item.xpl-breadcrumbs.xpl-button.xpl-checkbox.xpl-content-area.xpl-dashboard.xpl-data-card.xpl-icon.xpl-nav-item.xpl-radio.xpl-secondary-nav.xpl-table.xpl-utility-bar.entry.js","mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrHL;AACA;AACA;AACA;AACA;AAGA;AACA,IAAI,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACzD,IAAI,cAA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","names":["uuid","octicons"],"sources":["./src/components/components/xpl-avatar/xpl-avatar.tsx","./src/components/components/xpl-badge/xpl-badge.tsx","./src/components/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.tsx","./src/components/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.tsx","./src/components/components/xpl-button/xpl-button.tsx","./src/components/components/xpl-checkbox/xpl-checkbox.tsx","./src/components/components/xpl-content-area/xpl-content-area.tsx","./src/components/components/xpl-dashboard/xpl-dashboard.tsx","./src/components/components/xpl-data-card/xpl-data-card.tsx","./node_modules/object-assign/index.js","./node_modules/@xplortech/apollo-icons/index.js","./src/components/components/xpl-icon/xpl-icon.css?tag=xpl-icon","./src/components/components/xpl-icon/xpl-icon.tsx","./src/components/components/xpl-nav-item/xpl-nav-item.tsx","./src/components/components/xpl-radio/xpl-radio.tsx","./src/components/components/xpl-secondary-nav/xpl-secondary-nav.tsx","./src/components/components/xpl-table/xpl-table.tsx","./src/components/components/xpl-utility-bar/xpl-utility-bar.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-avatar',\n})\nexport class XplAvatar {\n    @Prop() color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';\n    @Prop() disabled?: boolean = false;\n    @Prop() href?: string;\n    @Prop() name?: string;\n    @Prop() size?: 'md' | 'sm';\n    @Prop() src?: string;\n    @Prop() status?: 'active' | 'warning' | 'inactive';\n    @Prop() target?: string;\n\n    render() {\n        let className = 'xpl-avatar';\n        if (this.size) className += ` xpl-avatar--${this.size}`;\n        if (this.color) className += ` xpl-avatar--${this.color}`;\n\n        const inner = (\n            <div>\n                {this.src ? (\n                    <img alt={this.name} src={this.src} />\n                ) : (\n                    <div class=\"xpl-avatar__placeholder\">\n                        <slot></slot>\n                    </div>\n                )}\n                {this.status && (\n                    <div class={`xpl-avatar__dot--${this.status}`}></div>\n                )}\n            </div>\n        );\n\n        return (\n            <Host>\n                {this.href && !this.disabled ? (\n                    <a href={this.href} class={className} target={this.target}>\n                        {inner}\n                    </a>\n                ) : this.href && this.disabled ? (\n                    <div class={className + ' xpl-avatar--disabled'}>\n                        {inner}\n                    </div>\n                ) : (\n                    <div class={className}>{inner}</div>\n                )}\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-badge',\n})\nexport class XplBadge {\n    @Prop() dot?: boolean;\n    @Prop() variant?: 'success' | 'warning' | 'inactive' | 'error';\n\n    render() {\n        let className = 'xpl-badge';\n        if (this.dot) className += ' xpl-badge--dot';\n        if (this.variant) className += ' xpl-badge--' + this.variant;\n\n        return (\n            <Host>\n                <div class={className}>\n                    <slot></slot>\n                </div>\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)\n */\n@Component({\n    tag: 'xpl-breadcrumb-item',\n})\nexport class XplBreadcrumbItem {\n    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.\n    private chevron = `<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right fa-w-10\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n        <path fill=\"currentColor\" d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"></path>\n    </svg>\n    `;\n\n    render() {\n        return (\n            <Host class=\"xpl-breadcrumb-item\" role=\"listitem\">\n                <li role=\"none\">\n                    <slot></slot>\n                </li>\n                <span innerHTML={`${this.chevron}`} />\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered <ol>, should be a group of <li> or <xpl-breadcrumb-item>\n */\n@Component({\n    tag: 'xpl-breadcrumbs',\n})\nexport class XplBreadcrumbs {\n    render() {\n        return (\n            <Host>\n                <nav class=\"xpl-breadcrumbs\" aria-label=\"Breadcrumb\">\n                    <ol role=\"list\">\n                        <slot></slot>\n                    </ol>\n                </nav>\n            </Host>\n        );\n    }\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n@Component({\n    tag: 'xpl-button',\n})\nexport class XplButton {\n    @Element() el: HTMLXplButtonElement;\n    /**\n     * whether button should be disabled\n     */\n    @Prop() disabled?: boolean;\n    /**\n     * whether button should yield a slot for a link tag\n     */\n    @Prop() link?: boolean;\n    /**\n     * whether button should render icon only\n     */\n    @Prop() iconOnly?: boolean;\n    /**\n     * whether button should render with full width\n     */\n    @Prop() fullWidth?: boolean;\n    /**\n     * @property {string} - button name attribute\n     */\n    @Prop() name?: string;\n    /**\n     * @property {\"default\" | \"sm\" | \"xs\"} - button size\n     */\n    @Prop() size: 'default' | 'sm' | 'xs' = 'default';\n    /**\n     * @property {\"submit\" | \"reset\" | \"button\"} - button type attribute\n     */\n    @Prop() type?: 'submit' | 'reset' | 'button';\n    /**\n     * @property {string} - button value attribute\n     */\n    @Prop() value?: string;\n    /**\n     * @property {\"primary\" | \"secondary\" | \"subtle\"} - button variant\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'subtle' = 'primary';\n    /**\n     * @property {\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red\n     */\n    @Prop() state: 'neutral' | 'warning' | 'success' = 'neutral';\n\n    componentDidRender() {\n        const attrs = this.el.attributes;\n        const dataAttrs = Object.keys(attrs)\n            .filter((k) => {\n                const propertyName = attrs[k].name;\n                if (propertyName) {\n                    return (\n                        propertyName.includes('data-test') ||\n                        propertyName.includes('aria-')\n                    );\n                }\n                return false;\n            })\n            .reduce((acc, k) => {\n                return { ...acc, [attrs[k].name]: attrs[k].value };\n            }, {});\n\n        const child = this.el.querySelector('button');\n        Object.keys(dataAttrs).forEach((k) => {\n            child.setAttribute(k, dataAttrs[k]);\n            this.el.removeAttribute(k);\n        });\n    }\n\n    render() {\n        let className = `xpl-button\n                    xpl-button--${this.size}\n                    xpl-button--${this.state}\n                    xpl-button--${this.variant}`;\n        if (this.iconOnly) className += ' xpl-button--icon-only';\n        if (this.fullWidth) className += ' xpl-button--full-width';\n        if (this.link && this.disabled)\n            className += ' xpl-button--link-disabled';\n\n        return (\n            <Host class={className}>\n                {\n                    /**\n                     * Conditionally render either an <slot> or <button> element\n                     * depending on if there's an `link` or not\n                     */\n                    this.link ? (\n                        <slot></slot>\n                    ) : (\n                        <button\n                            disabled={this.disabled}\n                            name={this.name}\n                            type={this.type}\n                            value={this.value}\n                        >\n                            <slot></slot>\n                        </button>\n                    )\n                }\n            </Host>\n        );\n    }\n}\n","import {\n    Component,\n    Host,\n    h,\n    Prop,\n    State,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n    tag: 'xpl-checkbox',\n})\nexport class XplCheckbox {\n    @Prop() checked?: boolean;\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    @Prop() indeterminate?: boolean;\n    @Prop() name?: string;\n    @Prop() required?: boolean;\n    @Prop() styled?: boolean;\n    @Prop() value?: string;\n\n    @State() id: string = uuid();\n\n    /** @private */\n    @Event() checkboxChange: EventEmitter;\n\n    private input!: HTMLInputElement;\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'xpl-checkbox-radio-container': true,\n                    styled: this.styled,\n                    disabled: this.disabled,\n                }}\n            >\n                <input\n                    class=\"xpl-checkbox\"\n                    type=\"checkbox\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    indeterminate={this.indeterminate}\n                    onChange={() =>\n                        this.checkboxChange.emit(this.input.checked)\n                    }\n                    name={this.name}\n                    ref={(el) => (this.input = el as HTMLInputElement)}\n                    required={this.required}\n                    value={this.value}\n                ></input>\n                <label\n                    class={{\n                        'xpl-label': true,\n                        'xpl-label--disabled': this.disabled,\n                    }}\n                    htmlFor={this.id}\n                >\n                    <slot></slot>\n                    {this.description && (\n                        <small\n                            class={{\n                                'xpl-description': true,\n                                'xpl-description--disabled': this.disabled,\n                            }}\n                        >\n                            {this.description}\n                        </small>\n                    )}\n                </label>\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-content-area',\n})\nexport class XplContentArea {\n    /**\n     * @property {string}  size  - The content-area size.\n     */\n    @Prop() size: 'wide' | 'narrow' | 'full' = 'wide';\n\n    render() {\n        return (\n            <Host>\n                <main\n                    class={`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`}\n                >\n                    <div class=\"xpl-content-area\">\n                        <slot></slot>\n                    </div>\n                </main>\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-dashboard',\n})\nexport class XplDashboard {\n    render() {\n        return (\n            <Host>\n                <dl class=\"xpl-dashboard\">\n                    <slot></slot>\n                </dl>\n            </Host>\n        );\n    }\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { IconName } from '../xpl-icon/xpl-icon';\n\n@Component({\n    tag: 'xpl-data-card',\n})\nexport class XplDataCard {\n    @Element() el: HTMLXplDataCardElement;\n    /**\n     * Whether the card is a link\n     */\n    @Prop() link?: boolean;\n    /**\n     * Name Term\n     */\n    @Prop() name: string;\n    /**\n     * Detail, stat, or value to be displayed.\n     * Will be rendered when card is larger than 441px.\n     * Will also appear in the tooltip when shortStat\n     * is shown.\n     */\n    @Prop() stat: string;\n    /**\n     * Detail, stat, or value to be displayed\n     * in short format. Will be rendered when card is\n     * smaller than 441px.\n     */\n    @Prop() shortStat?: string;\n    /**\n     * Color variant. Used to set the icon\n     * color and background.\n     */\n    @Prop() variant?: 'primary' | 'secondary';\n    /**\n     * Whether to display the icon or not.\n     */\n    @Prop() icon?: IconName;\n\n    @Watch('stat')\n    watchStat(newValue: string) {\n        this.stat = newValue;\n    }\n\n    @Watch('shortStat')\n    watchShortStat(newValue: string) {\n        this.shortStat = newValue;\n    }\n\n    componentDidLoad() {\n        if (this.link) {\n            const anchorEl =\n                this.el.getElementsByTagName('a')[0] ||\n                this.el.getElementsByTagName('button')[0];\n            const anchorText = document.createTextNode(this.name);\n            const anchorSpan = document.createElement('span');\n            anchorSpan.appendChild(anchorText);\n\n            anchorEl.setAttribute('class', 'xpl-data-card__anchor');\n            anchorEl.appendChild(anchorSpan);\n        }\n        return;\n    }\n\n    render() {\n        const bgColorHue = this.variant === 'secondary' ? 'purple' : 'orange';\n        let headerClasses = `xpl-data-card__header${\n            !this.icon ? '--no-icon ' : ' '\n        }`;\n        headerClasses +=\n            this.variant === 'secondary'\n                ? 'xpl-data-card__header--secondary'\n                : 'xpl-data-card__header--primary';\n        return (\n            <Host\n                role=\"group\"\n                class={`xpl-data-card ${this.link && 'xpl-data-card__link'}`}\n                tabindex=\"0\"\n            >\n                {this.link &&\n                    (this.shortStat ? (\n                        <abbr title={this.stat}>\n                            <slot></slot>\n                        </abbr>\n                    ) : (\n                        <slot></slot>\n                    ))}\n                <dt>{this.name}</dt>\n                <dd>\n                    <div class={headerClasses}>\n                        {!!this.icon && (\n                            <xpl-icon\n                                icon={this.icon}\n                                background-color={bgColorHue}\n                                size={20}\n                            ></xpl-icon>\n                        )}\n                        {this.link && (\n                            <span class=\"xpl-data-card__header__arrow\">\n                                <xpl-icon\n                                    icon=\"chevron-right\"\n                                    size={16}\n                                ></xpl-icon>\n                            </span>\n                        )}\n                    </div>\n                    <span class={this.shortStat && 'xpl-data-card__long_stat'}>\n                        {this.stat}\n                    </span>\n                    {this.shortStat && (\n                        <span class=\"xpl-data-card__short_stat\">\n                            <abbr title={this.stat}>{this.shortStat}</abbr>\n                        </span>\n                    )}\n                </dd>\n            </Host>\n        );\n    }\n}\n","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc');  // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n","const data = require('./build/data.json')\nconst objectAssign = require('object-assign')\n\nconst DEFAULT_HEIGHT = 16\n\nfor (const key of Object.keys(data)) {\n  // Returns a string representation of html attributes\n  const htmlAttributes = (icon, defaultOptions, options) => {\n    const attributes = []\n    const attrObj = objectAssign({}, defaultOptions, options)\n\n    // If the user passed in options\n    if (options) {\n      // If any of the width or height is passed in\n      if (options['width'] || options['height']) {\n        attrObj['width'] = options['width']\n          ? options['width']\n          : (parseInt(options['height']) * defaultOptions['width']) / defaultOptions['height']\n        attrObj['height'] = options['height']\n          ? options['height']\n          : (parseInt(options['width']) * defaultOptions['height']) / defaultOptions['width']\n      }\n\n      // If the user passed in class\n      if (options['class']) {\n        attrObj['class'] = `octicon octicon-${key} ${options['class']}`\n        attrObj['class'].trim()\n      }\n\n      // If the user passed in aria-label\n      if (options['aria-label']) {\n        attrObj['aria-label'] = options['aria-label']\n        attrObj['role'] = 'img'\n\n        // Un-hide the icon\n        delete attrObj['aria-hidden']\n      }\n    }\n\n    for (const option of Object.keys(attrObj)) {\n      attributes.push(`${option}=\"${attrObj[option]}\"`)\n    }\n\n    return attributes.join(' ').trim()\n  }\n\n  // Set the symbol for easy access\n  data[key].symbol = key\n\n  // Set options for each icon height\n  for (const height of Object.keys(data[key].heights)) {\n    data[key].heights[height].options = {\n      version: '1.1',\n      width: data[key].heights[height].width,\n      height: parseInt(height),\n      viewBox: `0 0 ${data[key].heights[height].width} ${height}`,\n      class: `octicon octicon-${key}`,\n      'aria-hidden': 'true'\n    }\n  }\n\n  // Function to return an SVG object\n  data[key].toSVG = function (options = {}) {\n    const {height, width} = options\n    const naturalHeight = closestNaturalHeight(Object.keys(data[key].heights), height || width || DEFAULT_HEIGHT)\n    return `<svg ${htmlAttributes(data[key], data[key].heights[naturalHeight].options, options)}>${\n      data[key].heights[naturalHeight].path\n    }</svg>`\n  }\n}\n\n// Import data into exports\nmodule.exports = data\n\nfunction closestNaturalHeight(naturalHeights, height) {\n  return naturalHeights\n    .map(naturalHeight => parseInt(naturalHeight, 10))\n    .reduce((acc, naturalHeight) => (naturalHeight <= height ? naturalHeight : acc), naturalHeights[0])\n}\n",".xpl-icon {\n  align-items: center;\n  display: grid;\n  justify-content: center;\n}\n","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","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","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","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","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() selectValues?: 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        if (!(target instanceof HTMLInputElement)) return;\n        const { checked } = target;\n        this.areAllSelected = checked;\n        this.selected =\n            this.selectValues.length > 0\n                ? Array.from(\n                      this.el.querySelectorAll('tbody td:first-child input')\n                  ).map((input: HTMLInputElement) =>\n                      checked ? input?.value : checked\n                  )\n                : this.selected.map(() => checked);\n        this.onChange();\n    };\n\n    private selectOne = (e: Event, i: number) => {\n        const { target } = e;\n        if (!(target instanceof HTMLInputElement)) return;\n        const { checked, value } = target;\n        this.areAllSelected = false;\n        this.selected = this.selected.map((v, _i) =>\n            _i === i ? (this.selectValues.length > 0 ? value : checked) : v\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                                                                        .selectValues\n                                                                        .length >\n                                                                    0\n                                                                        ? this\n                                                                              .selectValues[\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","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"],"version":3}
+{"file":"xpl-avatar.xpl-badge.xpl-breadcrumb-item.xpl-breadcrumbs.xpl-button.xpl-checkbox.xpl-content-area.xpl-dashboard.xpl-data-card.xpl-icon.xpl-nav-item.xpl-radio.xpl-secondary-nav.xpl-table.xpl-utility-bar.entry.js","mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrHL;AACA;AACA;AACA;AACA;AAGA;AACA,IAAI,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACzD,IAAI,cAA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","names":["uuid","octicons"],"sources":["./src/components/components/xpl-avatar/xpl-avatar.tsx","./src/components/components/xpl-badge/xpl-badge.tsx","./src/components/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.tsx","./src/components/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.tsx","./src/components/components/xpl-button/xpl-button.tsx","./src/components/components/xpl-checkbox/xpl-checkbox.tsx","./src/components/components/xpl-content-area/xpl-content-area.tsx","./src/components/components/xpl-dashboard/xpl-dashboard.tsx","./src/components/components/xpl-data-card/xpl-data-card.tsx","./node_modules/object-assign/index.js","./node_modules/@xplortech/apollo-icons/index.js","./src/components/components/xpl-icon/xpl-icon.css?tag=xpl-icon","./src/components/components/xpl-icon/xpl-icon.tsx","./src/components/components/xpl-nav-item/xpl-nav-item.tsx","./src/components/components/xpl-radio/xpl-radio.tsx","./src/components/components/xpl-secondary-nav/xpl-secondary-nav.tsx","./src/components/components/xpl-table/xpl-table.tsx","./src/components/components/xpl-utility-bar/xpl-utility-bar.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-avatar',\n})\nexport class XplAvatar {\n    @Prop() color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';\n    @Prop() disabled?: boolean = false;\n    @Prop() href?: string;\n    @Prop() name?: string;\n    @Prop() size?: 'md' | 'sm';\n    @Prop() src?: string;\n    @Prop() status?: 'active' | 'warning' | 'inactive';\n    @Prop() target?: string;\n\n    render() {\n        let className = 'xpl-avatar';\n        if (this.size) className += ` xpl-avatar--${this.size}`;\n        if (this.color) className += ` xpl-avatar--${this.color}`;\n\n        const inner = (\n            <div>\n                {this.src ? (\n                    <img alt={this.name} src={this.src} />\n                ) : (\n                    <div class=\"xpl-avatar__placeholder\">\n                        <slot></slot>\n                    </div>\n                )}\n                {this.status && (\n                    <div class={`xpl-avatar__dot--${this.status}`}></div>\n                )}\n            </div>\n        );\n\n        return (\n            <Host>\n                {this.href && !this.disabled ? (\n                    <a href={this.href} class={className} target={this.target}>\n                        {inner}\n                    </a>\n                ) : this.href && this.disabled ? (\n                    <div class={className + ' xpl-avatar--disabled'}>\n                        {inner}\n                    </div>\n                ) : (\n                    <div class={className}>{inner}</div>\n                )}\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-badge',\n})\nexport class XplBadge {\n    @Prop() dot?: boolean;\n    @Prop() variant?: 'success' | 'warning' | 'inactive' | 'error';\n\n    render() {\n        let className = 'xpl-badge';\n        if (this.dot) className += ' xpl-badge--dot';\n        if (this.variant) className += ' xpl-badge--' + this.variant;\n\n        return (\n            <Host>\n                <div class={className}>\n                    <slot></slot>\n                </div>\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)\n */\n@Component({\n    tag: 'xpl-breadcrumb-item',\n})\nexport class XplBreadcrumbItem {\n    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.\n    private chevron = `<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right fa-w-10\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n        <path fill=\"currentColor\" d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"></path>\n    </svg>\n    `;\n\n    render() {\n        return (\n            <Host class=\"xpl-breadcrumb-item\" role=\"listitem\">\n                <li role=\"none\">\n                    <slot></slot>\n                </li>\n                <span innerHTML={`${this.chevron}`} />\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered <ol>, should be a group of <li> or <xpl-breadcrumb-item>\n */\n@Component({\n    tag: 'xpl-breadcrumbs',\n})\nexport class XplBreadcrumbs {\n    render() {\n        return (\n            <Host>\n                <nav class=\"xpl-breadcrumbs\" aria-label=\"Breadcrumb\">\n                    <ol role=\"list\">\n                        <slot></slot>\n                    </ol>\n                </nav>\n            </Host>\n        );\n    }\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n@Component({\n    tag: 'xpl-button',\n})\nexport class XplButton {\n    @Element() el: HTMLXplButtonElement;\n    /**\n     * whether button should be disabled\n     */\n    @Prop() disabled?: boolean;\n    /**\n     * whether button should yield a slot for a link tag\n     */\n    @Prop() link?: boolean;\n    /**\n     * whether button should render icon only\n     */\n    @Prop() iconOnly?: boolean;\n    /**\n     * whether button should render with full width\n     */\n    @Prop() fullWidth?: boolean;\n    /**\n     * @property {string} - button name attribute\n     */\n    @Prop() name?: string;\n    /**\n     * @property {\"default\" | \"sm\" | \"xs\"} - button size\n     */\n    @Prop() size: 'default' | 'sm' | 'xs' = 'default';\n    /**\n     * @property {\"submit\" | \"reset\" | \"button\"} - button type attribute\n     */\n    @Prop() type?: 'submit' | 'reset' | 'button';\n    /**\n     * @property {string} - button value attribute\n     */\n    @Prop() value?: string;\n    /**\n     * @property {\"primary\" | \"secondary\" | \"subtle\"} - button variant\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'subtle' = 'primary';\n    /**\n     * @property {\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red\n     */\n    @Prop() state: 'neutral' | 'warning' | 'success' = 'neutral';\n\n    componentDidRender() {\n        const attrs = this.el.attributes;\n        const dataAttrs = Object.keys(attrs)\n            .filter((k) => {\n                const propertyName = attrs[k].name;\n                if (propertyName) {\n                    return (\n                        propertyName.includes('data-test') ||\n                        propertyName.includes('aria-')\n                    );\n                }\n                return false;\n            })\n            .reduce((acc, k) => {\n                return { ...acc, [attrs[k].name]: attrs[k].value };\n            }, {});\n\n        const child = this.el.querySelector('button');\n        Object.keys(dataAttrs).forEach((k) => {\n            child.setAttribute(k, dataAttrs[k]);\n            this.el.removeAttribute(k);\n        });\n    }\n\n    render() {\n        let className = `xpl-button\n                    xpl-button--${this.size}\n                    xpl-button--${this.state}\n                    xpl-button--${this.variant}`;\n        if (this.iconOnly) className += ' xpl-button--icon-only';\n        if (this.fullWidth) className += ' xpl-button--full-width';\n        if (this.link && this.disabled)\n            className += ' xpl-button--link-disabled';\n\n        return (\n            <Host class={className}>\n                {\n                    /**\n                     * Conditionally render either an <slot> or <button> element\n                     * depending on if there's an `link` or not\n                     */\n                    this.link ? (\n                        <slot></slot>\n                    ) : (\n                        <button\n                            disabled={this.disabled}\n                            name={this.name}\n                            type={this.type}\n                            value={this.value}\n                        >\n                            <slot></slot>\n                        </button>\n                    )\n                }\n            </Host>\n        );\n    }\n}\n","import {\n    Component,\n    Host,\n    h,\n    Prop,\n    State,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n    tag: 'xpl-checkbox',\n})\nexport class XplCheckbox {\n    @Prop() checked?: boolean;\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    @Prop() indeterminate?: boolean;\n    @Prop() name?: string;\n    @Prop() required?: boolean;\n    @Prop() styled?: boolean;\n    @Prop() value?: string;\n\n    @State() id: string = uuid();\n\n    /** @private */\n    @Event() checkboxChange: EventEmitter;\n\n    private input!: HTMLInputElement;\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'xpl-checkbox-radio-container': true,\n                    styled: this.styled,\n                    disabled: this.disabled,\n                }}\n            >\n                <input\n                    class=\"xpl-checkbox\"\n                    type=\"checkbox\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    indeterminate={this.indeterminate}\n                    onChange={() =>\n                        this.checkboxChange.emit(this.input.checked)\n                    }\n                    name={this.name}\n                    ref={(el) => (this.input = el as HTMLInputElement)}\n                    required={this.required}\n                    value={this.value}\n                ></input>\n                <label\n                    class={{\n                        'xpl-label': true,\n                        'xpl-label--disabled': this.disabled,\n                    }}\n                    htmlFor={this.id}\n                >\n                    <slot></slot>\n                    {this.description && (\n                        <small\n                            class={{\n                                'xpl-description': true,\n                                'xpl-description--disabled': this.disabled,\n                            }}\n                        >\n                            {this.description}\n                        </small>\n                    )}\n                </label>\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-content-area',\n})\nexport class XplContentArea {\n    /**\n     * @property {string}  size  - The content-area size.\n     */\n    @Prop() size: 'wide' | 'narrow' | 'full' = 'wide';\n\n    render() {\n        return (\n            <Host>\n                <main\n                    class={`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`}\n                >\n                    <div class=\"xpl-content-area\">\n                        <slot></slot>\n                    </div>\n                </main>\n            </Host>\n        );\n    }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-dashboard',\n})\nexport class XplDashboard {\n    render() {\n        return (\n            <Host>\n                <dl class=\"xpl-dashboard\">\n                    <slot></slot>\n                </dl>\n            </Host>\n        );\n    }\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { IconName } from '../xpl-icon/xpl-icon';\n\n@Component({\n    tag: 'xpl-data-card',\n})\nexport class XplDataCard {\n    @Element() el: HTMLXplDataCardElement;\n    /**\n     * Whether the card is a link\n     */\n    @Prop() link?: boolean;\n    /**\n     * Name Term\n     */\n    @Prop() name: string;\n    /**\n     * Detail, stat, or value to be displayed.\n     * Will be rendered when card is larger than 441px.\n     * Will also appear in the tooltip when shortStat\n     * is shown.\n     */\n    @Prop() stat: string;\n    /**\n     * Detail, stat, or value to be displayed\n     * in short format. Will be rendered when card is\n     * smaller than 441px.\n     */\n    @Prop() shortStat?: string;\n    /**\n     * Color variant. Used to set the icon\n     * color and background.\n     */\n    @Prop() variant?: 'primary' | 'secondary';\n    /**\n     * Whether to display the icon or not.\n     */\n    @Prop() icon?: IconName;\n\n    @Watch('stat')\n    watchStat(newValue: string) {\n        this.stat = newValue;\n    }\n\n    @Watch('shortStat')\n    watchShortStat(newValue: string) {\n        this.shortStat = newValue;\n    }\n\n    componentDidLoad() {\n        if (this.link) {\n            const anchorEl =\n                this.el.getElementsByTagName('a')[0] ||\n                this.el.getElementsByTagName('button')[0];\n            const anchorText = document.createTextNode(this.name);\n            const anchorSpan = document.createElement('span');\n            anchorSpan.appendChild(anchorText);\n\n            anchorEl.setAttribute('class', 'xpl-data-card__anchor');\n            anchorEl.appendChild(anchorSpan);\n        }\n        return;\n    }\n\n    render() {\n        const bgColorHue = this.variant === 'secondary' ? 'purple' : 'orange';\n        let headerClasses = `xpl-data-card__header${\n            !this.icon ? '--no-icon ' : ' '\n        }`;\n        headerClasses +=\n            this.variant === 'secondary'\n                ? 'xpl-data-card__header--secondary'\n                : 'xpl-data-card__header--primary';\n        return (\n            <Host\n                role=\"group\"\n                class={`xpl-data-card ${this.link && 'xpl-data-card__link'}`}\n                tabindex=\"0\"\n            >\n                {this.link &&\n                    (this.shortStat ? (\n                        <abbr title={this.stat}>\n                            <slot></slot>\n                        </abbr>\n                    ) : (\n                        <slot></slot>\n                    ))}\n                <dt>{this.name}</dt>\n                <dd>\n                    <div class={headerClasses}>\n                        {!!this.icon && (\n                            <xpl-icon\n                                icon={this.icon}\n                                background-color={bgColorHue}\n                                size={20}\n                            ></xpl-icon>\n                        )}\n                        {this.link && (\n                            <span class=\"xpl-data-card__header__arrow\">\n                                <xpl-icon\n                                    icon=\"chevron-right\"\n                                    size={16}\n                                ></xpl-icon>\n                            </span>\n                        )}\n                    </div>\n                    <span class={this.shortStat && 'xpl-data-card__long_stat'}>\n                        {this.stat}\n                    </span>\n                    {this.shortStat && (\n                        <span class=\"xpl-data-card__short_stat\">\n                            <abbr title={this.stat}>{this.shortStat}</abbr>\n                        </span>\n                    )}\n                </dd>\n            </Host>\n        );\n    }\n}\n","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc');  // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n","const data = require('./build/data.json')\nconst objectAssign = require('object-assign')\n\nconst DEFAULT_HEIGHT = 16\n\nfor (const key of Object.keys(data)) {\n  // Returns a string representation of html attributes\n  const htmlAttributes = (icon, defaultOptions, options) => {\n    const attributes = []\n    const attrObj = objectAssign({}, defaultOptions, options)\n\n    // If the user passed in options\n    if (options) {\n      // If any of the width or height is passed in\n      if (options['width'] || options['height']) {\n        attrObj['width'] = options['width']\n          ? options['width']\n          : (parseInt(options['height']) * defaultOptions['width']) / defaultOptions['height']\n        attrObj['height'] = options['height']\n          ? options['height']\n          : (parseInt(options['width']) * defaultOptions['height']) / defaultOptions['width']\n      }\n\n      // If the user passed in class\n      if (options['class']) {\n        attrObj['class'] = `octicon octicon-${key} ${options['class']}`\n        attrObj['class'].trim()\n      }\n\n      // If the user passed in aria-label\n      if (options['aria-label']) {\n        attrObj['aria-label'] = options['aria-label']\n        attrObj['role'] = 'img'\n\n        // Un-hide the icon\n        delete attrObj['aria-hidden']\n      }\n    }\n\n    for (const option of Object.keys(attrObj)) {\n      attributes.push(`${option}=\"${attrObj[option]}\"`)\n    }\n\n    return attributes.join(' ').trim()\n  }\n\n  // Set the symbol for easy access\n  data[key].symbol = key\n\n  // Set options for each icon height\n  for (const height of Object.keys(data[key].heights)) {\n    data[key].heights[height].options = {\n      version: '1.1',\n      width: data[key].heights[height].width,\n      height: parseInt(height),\n      viewBox: `0 0 ${data[key].heights[height].width} ${height}`,\n      class: `octicon octicon-${key}`,\n      'aria-hidden': 'true'\n    }\n  }\n\n  // Function to return an SVG object\n  data[key].toSVG = function (options = {}) {\n    const {height, width} = options\n    const naturalHeight = closestNaturalHeight(Object.keys(data[key].heights), height || width || DEFAULT_HEIGHT)\n    return `<svg ${htmlAttributes(data[key], data[key].heights[naturalHeight].options, options)}>${\n      data[key].heights[naturalHeight].path\n    }</svg>`\n  }\n}\n\n// Import data into exports\nmodule.exports = data\n\nfunction closestNaturalHeight(naturalHeights, height) {\n  return naturalHeights\n    .map(naturalHeight => parseInt(naturalHeight, 10))\n    .reduce((acc, naturalHeight) => (naturalHeight <= height ? naturalHeight : acc), naturalHeights[0])\n}\n",".xpl-icon {\n  align-items: center;\n  display: grid;\n  justify-content: center;\n}\n","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","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","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","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","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","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"],"version":3}

package/dist/stories/table.stories.js

@@ -29,22 +29,22 @@ const dataDefault = [
   ['Cirie Fields', '121', '30.25', 'S12, S16, S20, S34', '2', '9'],
   ['Tyson Apostol', '116.5', '29.1', 'S18, S20, S27, S40', '4', '22'],
 ];
-const selectValuesDefault = [
+const selectedValuesDefault = [
   'boston-rob-mariano',
   'parvati-shallow',
   'ozzy-lusth',
   'cirie-fields',
   'tyson-apostol',
 ];
-const script = ({ columns, data, id, selectValues }) => `
+const script = ({ columns, data, id, selectedValues }) => `
     (function() {
         const table = document.getElementById("${id}");
         table.columns = ${JSON.stringify(columns)};
         table.data = ${JSON.stringify(data)};
-        table.selectValues = ${JSON.stringify(selectValues)};
+        table.selectedValues = ${JSON.stringify(selectedValues)};
     })();
 `;
-export const Table = ({ columns, data, freeze, multiselect, selectValues, striped, }) => {
+export const Table = ({ columns, data, freeze, multiselect, selectedValues, striped, }) => {
   const id = uuid();
   let attrs = '';
   if (freeze)
@@ -53,7 +53,7 @@ export const Table = ({ columns, data, freeze, multiselect, selectValues, stripe
     attrs += ' multiselect';
   if (striped)
     attrs += ' striped';
-  return `<div style="max-width: 600px;"><xpl-table id="${id}"${attrs}></xpl-table></div><script>${script({ id, columns, data, selectValues })}</script>`;
+  return `<div style="max-width: 600px;"><xpl-table id="${id}"${attrs}></xpl-table></div><script>${script({ id, columns, data, selectedValues })}</script>`;
 };
 Table.parameters = {
   layout: 'centered',
@@ -119,6 +119,6 @@ Table.args = {
   striped: false,
   columns: columnsDefault,
   data: dataDefault,
-  selectValues: selectValuesDefault,
+  selectedValues: selectedValuesDefault,
 };
 //# sourceMappingURL=table.stories.js.map

package/dist/stories/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/stories/table.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { v4 as uuid } from 'uuid';\n\nexport default {\n    title: 'Components/Table',\n    argTypes: {\n        freeze: { control: { type: 'boolean' } },\n        multiselect: { control: { type: 'boolean' } },\n        striped: { control: { type: 'boolean' } },\n        columns: { control: { type: 'array' } },\n        data: { control: { type: 'array' } },\n    },\n    parameters: {\n        actions: {\n            handles: ['tableSelect'],\n        },\n    },\n};\n\nconst columnsDefault = [\n    'Name',\n    'Total Days Played',\n    'Average Days Played',\n    'Seasons',\n    'Individual Immunity Wins',\n    'Votes Against',\n];\n\nconst dataDefault = [\n    ['Boston Rob Mariano', '152', '30.4', 'S4, S8, S20, S22, S40', '9', '24'],\n    ['Parvati Shallow', '149', '37.25', 'S13, S16, S20', '4', '17'],\n    ['Ozzy Lusth', '128', '32.0', 'S13, S16, S23, S34', '7', '34'],\n    ['Cirie Fields', '121', '30.25', 'S12, S16, S20, S34', '2', '9'],\n    ['Tyson Apostol', '116.5', '29.1', 'S18, S20, S27, S40', '4', '22'],\n];\n\nconst selectValuesDefault = [\n    'boston-rob-mariano',\n    'parvati-shallow',\n    'ozzy-lusth',\n    'cirie-fields',\n    'tyson-apostol',\n];\n\nconst script = ({ columns, data, id, selectValues }) => `\n    (function() {\n        const table = document.getElementById(\"${id}\");\n        table.columns = ${JSON.stringify(columns)};\n        table.data = ${JSON.stringify(data)};\n        table.selectValues = ${JSON.stringify(selectValues)};\n    })();\n`;\n\nexport const Table = ({\n    columns,\n    data,\n    freeze,\n    multiselect,\n    selectValues,\n    striped,\n}) => {\n    const id = uuid();\n    let attrs = '';\n    if (freeze) attrs += ' freeze';\n    if (multiselect) attrs += ' multiselect';\n    if (striped) attrs += ' striped';\n    return `<div style=\"max-width: 600px;\"><xpl-table id=\"${id}\"${attrs}></xpl-table></div><script>${script(\n        { id, columns, data, selectValues }\n    )}</script>`;\n};\n\nTable.parameters = {\n    layout: 'centered',\n    'web-component': {\n        render({ freeze, multiselect, striped }) {\n            let attrs = '';\n            if (freeze) attrs += ' freeze';\n            if (multiselect) attrs += ' multiselect';\n            if (striped) attrs += ' striped';\n            return [\n                `<xpl-table${attrs}></xpl-table>`,\n                `table.columns = [\n                    \"Name\", \"Total Days Played\", ...\n                ];`,\n                `table.data = [\n                    [\"Boston Rob Mariano\", ...],\n                    [\"Parvati Shallow\", ...],\n                    ...\n                ];`,\n            ];\n        },\n    },\n    html: {\n        render({ freeze, striped }) {\n            let className = 'xpl-table';\n            if (striped) className += ' xpl-table--striped';\n            if (freeze) className += ' xpl-table--freeze';\n            return [\n                `WARNING: For \\`multiselect\\` tables, there is JS interactivity that is provided only by the web component. The code shown below does not reflect the additional \\`multiselect\\` table markup and interactivity.`,\n                `<div class=\"xpl-table-container\">\n                    <table class=\"${className}\">\n                        <thead>\n                            <th>Name</th>\n                            <th>Total Days Played</th>\n                            ...\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td>Boston Rob Mariano</td>\n                                <td>152</td>\n                                ...\n                            </tr>\n                            <tr>\n                                <td>Parvati Shallow</td>\n                                <td>149</td>\n                                ...\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>`,\n            ];\n        },\n    },\n};\n\nTable.args = {\n    freeze: true,\n    multiselect: false,\n    striped: false,\n    columns: columnsDefault,\n    data: dataDefault,\n    selectValues: selectValuesDefault,\n};\n"]}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/stories/table.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { v4 as uuid } from 'uuid';\n\nexport default {\n    title: 'Components/Table',\n    argTypes: {\n        freeze: { control: { type: 'boolean' } },\n        multiselect: { control: { type: 'boolean' } },\n        striped: { control: { type: 'boolean' } },\n        columns: { control: { type: 'array' } },\n        data: { control: { type: 'array' } },\n    },\n    parameters: {\n        actions: {\n            handles: ['tableSelect'],\n        },\n    },\n};\n\nconst columnsDefault = [\n    'Name',\n    'Total Days Played',\n    'Average Days Played',\n    'Seasons',\n    'Individual Immunity Wins',\n    'Votes Against',\n];\n\nconst dataDefault = [\n    ['Boston Rob Mariano', '152', '30.4', 'S4, S8, S20, S22, S40', '9', '24'],\n    ['Parvati Shallow', '149', '37.25', 'S13, S16, S20', '4', '17'],\n    ['Ozzy Lusth', '128', '32.0', 'S13, S16, S23, S34', '7', '34'],\n    ['Cirie Fields', '121', '30.25', 'S12, S16, S20, S34', '2', '9'],\n    ['Tyson Apostol', '116.5', '29.1', 'S18, S20, S27, S40', '4', '22'],\n];\n\nconst selectedValuesDefault = [\n    'boston-rob-mariano',\n    'parvati-shallow',\n    'ozzy-lusth',\n    'cirie-fields',\n    'tyson-apostol',\n];\n\nconst script = ({ columns, data, id, selectedValues }) => `\n    (function() {\n        const table = document.getElementById(\"${id}\");\n        table.columns = ${JSON.stringify(columns)};\n        table.data = ${JSON.stringify(data)};\n        table.selectedValues = ${JSON.stringify(selectedValues)};\n    })();\n`;\n\nexport const Table = ({\n    columns,\n    data,\n    freeze,\n    multiselect,\n    selectedValues,\n    striped,\n}) => {\n    const id = uuid();\n    let attrs = '';\n    if (freeze) attrs += ' freeze';\n    if (multiselect) attrs += ' multiselect';\n    if (striped) attrs += ' striped';\n    return `<div style=\"max-width: 600px;\"><xpl-table id=\"${id}\"${attrs}></xpl-table></div><script>${script(\n        { id, columns, data, selectedValues }\n    )}</script>`;\n};\n\nTable.parameters = {\n    layout: 'centered',\n    'web-component': {\n        render({ freeze, multiselect, striped }) {\n            let attrs = '';\n            if (freeze) attrs += ' freeze';\n            if (multiselect) attrs += ' multiselect';\n            if (striped) attrs += ' striped';\n            return [\n                `<xpl-table${attrs}></xpl-table>`,\n                `table.columns = [\n                    \"Name\", \"Total Days Played\", ...\n                ];`,\n                `table.data = [\n                    [\"Boston Rob Mariano\", ...],\n                    [\"Parvati Shallow\", ...],\n                    ...\n                ];`,\n            ];\n        },\n    },\n    html: {\n        render({ freeze, striped }) {\n            let className = 'xpl-table';\n            if (striped) className += ' xpl-table--striped';\n            if (freeze) className += ' xpl-table--freeze';\n            return [\n                `WARNING: For \\`multiselect\\` tables, there is JS interactivity that is provided only by the web component. The code shown below does not reflect the additional \\`multiselect\\` table markup and interactivity.`,\n                `<div class=\"xpl-table-container\">\n                    <table class=\"${className}\">\n                        <thead>\n                            <th>Name</th>\n                            <th>Total Days Played</th>\n                            ...\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td>Boston Rob Mariano</td>\n                                <td>152</td>\n                                ...\n                            </tr>\n                            <tr>\n                                <td>Parvati Shallow</td>\n                                <td>149</td>\n                                ...\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>`,\n            ];\n        },\n    },\n};\n\nTable.args = {\n    freeze: true,\n    multiselect: false,\n    striped: false,\n    columns: columnsDefault,\n    data: dataDefault,\n    selectedValues: selectedValuesDefault,\n};\n"]}

package/dist/types/Users/roc/Sites/apollo/.stencil/stories/table.stories.d.ts

@@ -35,12 +35,12 @@ declare const _default: {
 };
 export default _default;
 export declare const Table: {
-  ({ columns, data, freeze, multiselect, selectValues, striped, }: {
+  ({ columns, data, freeze, multiselect, selectedValues, striped, }: {
     columns: any;
     data: any;
     freeze: any;
     multiselect: any;
-    selectValues: any;
+    selectedValues: any;
     striped: any;
   }): string;
   parameters: {
@@ -65,6 +65,6 @@ export declare const Table: {
     striped: boolean;
     columns: string[];
     data: string[][];
-    selectValues: string[];
+    selectedValues: string[];
   };
 };

package/dist/types/components/xpl-table/xpl-table.d.ts

@@ -24,7 +24,7 @@ export declare class XplTable {
   /**
    * The values for the input for each row when multiselect is activated.
    */
-  selectValues?: string[];
+  selectedValues?: string[];
   areAllSelected: boolean;
   rowData: string[][];
   hasScrolled: boolean;

package/dist/types/components.d.ts

@@ -437,7 +437,7 @@ export namespace Components {
         /**
           * The values for the input for each row when multiselect is activated.
          */
-        "selectValues"?: string[];
+        "selectedValues"?: string[];
         /**
           * Toggles an optional styling of the background of each even row of the table body.
          */
@@ -1197,7 +1197,7 @@ declare namespace LocalJSX {
         /**
           * The values for the input for each row when multiselect is activated.
          */
-        "selectValues"?: string[];
+        "selectedValues"?: string[];
         /**
           * Toggles an optional styling of the background of each even row of the table body.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "1.0.0-beta.15",
+  "version": "1.0.0-beta.17",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",