@xplortech/apollo-core 1.0.0-beta.4 → 1.0.0-beta.6

package/build/style.css

@@ -1372,7 +1372,7 @@ textarea[class^="xpl-"] {
     height: 100vh;
   }
 
-/* Only Firefox (as of 66) support animation of Grid tracks, so we need to apply annimation to the width of the bar. */
+/* Only Firefox (as of 66) support animation of Grid tracks, so we need to apply animation to the width of the bar. */
 
 .xpl-application-shell__nav--sm,
     .xpl-application-shell__nav--md,

package/dist/apollo-core/apollo-core.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-d4aa2fa9.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-bc0ebed2",[[0,"xpl-select",{choices:[16],description:[1],disabled:[4],error:[1],label:[1],mode:[1],placeholder:[1],truncate:[4],active:[32],id:[32],keepFocus:[32],selected:[32],value:[32],displayValue:[32],visibleChoices:[32]}]]],["p-97bdb450",[[4,"xpl-application-shell",{withSubnav:[4,"with-subnav"],withUtility:[4,"with-utility"],navWidth:[1,"nav-width"],navOpen:[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["p-13e7d3ea",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{size:[1]}],[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],areAllSelected:[32],rowData:[32],hasScrolled:[32],selected:[32]}],[4,"xpl-utility-bar",{navControl:[4,"nav-control"],open:[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]}]]],["p-db74c99c",[[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]}]]],["p-918b0731",[[0,"xpl-list",{items:[16]}]]],["p-2ce2fe5c",[[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]]],["p-d4e5d3aa",[[4,"xpl-divider",{tier:[2]}]]],["p-c8af4ed6",[[0,"xpl-grid"]]],["p-dad11011",[[4,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]]],["p-63dd9a65",[[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]}]]],["p-a7cc4114",[[4,"xpl-main-nav",{width:[1]}]]],["p-a43e2d1f",[[0,"xpl-pagination",{total:[2],perPage:[2,"per-page"],waitForCallback:[4,"wait-for-callback"],current:[32],goto:[64]}]]],["p-3ff1ff38",[[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]]],["p-81a6ce4c",[[0,"xpl-backdrop",{relative:[4]}]]],["p-6c3c1e3d",[[4,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}],[4,"xpl-dropdown-heading",{label:[1]}],[4,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],isSelected:[1540,"selected"]}]]],["p-b6d1b135",[[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"]]]],e)));
+import{p as e,b as a}from"./p-d4aa2fa9.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a([["p-bc0ebed2",[[0,"xpl-select",{choices:[16],description:[1],disabled:[4],error:[1],label:[1],mode:[1],placeholder:[1],truncate:[4],active:[32],id:[32],keepFocus:[32],selected:[32],value:[32],displayValue:[32],visibleChoices:[32]}]]],["p-25f84d39",[[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"]]]]],["p-ee16942f",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{size:[1]}],[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],areAllSelected:[32],rowData:[32],hasScrolled:[32],selected:[32]}],[4,"xpl-utility-bar",{navControl:[4,"nav-control"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],open:[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]}]]],["p-db74c99c",[[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]}]]],["p-918b0731",[[0,"xpl-list",{items:[16]}]]],["p-2ce2fe5c",[[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]]],["p-d4e5d3aa",[[4,"xpl-divider",{tier:[2]}]]],["p-c8af4ed6",[[0,"xpl-grid"]]],["p-dad11011",[[4,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]]],["p-63dd9a65",[[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]}]]],["p-a7cc4114",[[4,"xpl-main-nav",{width:[1]}]]],["p-a43e2d1f",[[0,"xpl-pagination",{total:[2],perPage:[2,"per-page"],waitForCallback:[4,"wait-for-callback"],current:[32],goto:[64]}]]],["p-3ff1ff38",[[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]]],["p-81a6ce4c",[[0,"xpl-backdrop",{relative:[4]}]]],["p-6c3c1e3d",[[4,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}],[4,"xpl-dropdown-heading",{label:[1]}],[4,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],isSelected:[1540,"selected"]}]]],["p-b6d1b135",[[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"]]]],e)));

package/dist/apollo-core/p-25f84d39.entry.js

@@ -0,0 +1 @@
+import{r as l,h as i,H as s}from"./p-d4aa2fa9.js";const t=class{constructor(i){l(this,i),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(l){this.navWidth=l.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let l="xpl-application-shell";this.withUtility&&(l+=" xpl-application-shell--with_utility");let t="xpl-application-shell__nav";return t+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,i(s,{class:l},i("div",{class:t},i("slot",{name:"nav"})),i("div",{class:"xpl-application-shell__subnav"},i("slot",{name:"subnav"})),i("div",{class:"xpl-application-shell__utility"},i("slot",{name:"utility"})),i("div",{class:"xpl-application-shell__content"},i("slot",{name:"content"})),i("xpl-backdrop",{onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{t as xpl_application_shell}

package/dist/apollo-core/{p-13e7d3ea.entry.js → p-ee16942f.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as l,g as i,c as e}from"./p-d4aa2fa9.js";import{v as a}from"./p-ad90fe4d.js";const n=class{constructor(s){t(this,s),this.disabled=!1}render(){let t="xpl-avatar";this.size&&(t+=` xpl-avatar--${this.size}`),this.color&&(t+=` xpl-avatar--${this.color}`);const i=s("div",null,this.src?s("img",{alt:this.name,src:this.src}):s("div",{class:"xpl-avatar__placeholder"},s("slot",null)),this.status&&s("div",{class:`xpl-avatar__dot--${this.status}`}));return s(l,null,this.href&&!this.disabled?s("a",{href:this.href,class:t,target:this.target},i):s("div",this.href&&this.disabled?{class:t+" xpl-avatar--disabled"}:{class:t},i))}},r=class{constructor(s){t(this,s)}render(){let t="xpl-badge";return this.dot&&(t+=" xpl-badge--dot"),this.variant&&(t+=" xpl-badge--"+this.variant),s(l,null,s("div",{class:t},s("slot",null)))}},h=class{constructor(s){t(this,s),this.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    '}render(){return s(l,{class:"xpl-breadcrumb-item",role:"listitem"},s("li",{role:"none"},s("slot",null)),s("span",{innerHTML:`${this.chevron}`}))}},c=class{constructor(s){t(this,s)}render(){return s(l,null,s("nav",{class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},s("ol",{role:"list"},s("slot",null))))}},o=class{constructor(s){t(this,s),this.size="default",this.variant="primary",this.state="neutral"}componentDidRender(){const t=this.el.attributes,s=Object.keys(t).filter((s=>{const l=t[s].name;return!!l&&(l.includes("data-test")||l.includes("aria-"))})).reduce(((s,l)=>Object.assign(Object.assign({},s),{[t[l].name]:t[l].value})),{}),l=this.el.querySelector("button");Object.keys(s).forEach((t=>{l.setAttribute(t,s[t]),this.el.removeAttribute(t)}))}render(){let t=`xpl-button\n                    xpl-button--${this.size}\n                    xpl-button--${this.state}\n                    xpl-button--${this.variant}`;return this.iconOnly&&(t+=" xpl-button--icon-only"),this.fullWidth&&(t+=" xpl-button--full-width"),this.link&&this.disabled&&(t+=" xpl-button--link-disabled"),s(l,{class:t},this.link?s("slot",null):s("button",{disabled:this.disabled,name:this.name,type:this.type,value:this.value},s("slot",null)))}get el(){return i(this)}},d=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.id=a()}render(){return s(l,{class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},s("input",{class:"xpl-checkbox",type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:()=>this.checkboxChange.emit(this.input.checked),name:this.name,ref:t=>this.input=t,required:this.required,value:this.value}),s("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},s("slot",null),this.description&&s("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},p=class{constructor(s){t(this,s),this.size="wide"}render(){return s(l,null,s("main",{class:`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`},s("div",{class:"xpl-content-area"},s("slot",null))))}},u=class{constructor(s){t(this,s),this.navOpen=e(this,"navOpen",7),this.navControl=!1}onNavToggle(){window.innerWidth<=640&&this.navOpen.emit(!1)}render(){return s(l,{class:"xpl-nav-item",role:"listitem",onClick:()=>{this.navControl&&this.onNavToggle()}},s("slot",{name:"link"},s("slot",{name:"icon"}),s("slot",null)))}},b=class{constructor(s){t(this,s),this.radioChange=e(this,"radioChange",7),this.id=a()}render(){return s(l,{class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},s("input",{class:"xpl-radio",type:"radio",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,value:this.value,onChange:()=>this.radioChange.emit(!0)}),s("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},s("slot",null),this.description&&s("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},x=class{constructor(s){t(this,s)}render(){return s(l,{class:"xpl-secondary-nav"},s("nav",{"aria-label":"Secondary Nav"},s("slot",null)))}},v=class{constructor(s){t(this,s),this.tableSelect=e(this,"tableSelect",7),this.areAllSelected=!1,this.hasScrolled=!1,this.selectAll=t=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:l}=s;this.areAllSelected=l,this.selected=this.selected.map((()=>l)),this.onChange()},this.selectOne=(t,s)=>{const{target:l}=t;if(!(l instanceof HTMLInputElement))return;const{checked:i}=l;this.areAllSelected=!1,this.selected=this.selected.map(((t,l)=>l===s?i:t)),this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,s=!0)=>{this.rowData.sort(((l,i)=>{const e=l[t],a=i[t];if("number"==typeof e&&"number"==typeof a){const t=s?1:-1;return e>a?t:-t}return-1})),this.rowData=Array.from(this.rowData),this.render()}}componentWillLoad(){this.areAllSelected=!1,this.rowData=void 0!==this.data?Array.from(this.data):[],this.selected=new Array(this.rowData.length).fill(!1)}render(){let t="xpl-table";return this.striped&&(t+=" xpl-table--striped"),this.freeze&&(t+=" xpl-table--freeze"),this.hasScrolled&&(t+=" xpl-table--has-scrolled"),s(l,null,s("div",{class:"xpl-table-container",onScroll:this.onScroll,ref:t=>this.container=t},s("table",{class:t},this.columns&&s("thead",null,this.columns.map(((t,l)=>s("th",null,this.multiselect&&0===l?s("label",{htmlFor:"__xpl-table-th"},s("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onChange:t=>{this.selectAll(t)},type:"checkbox"}),t):t)))),s("tbody",null,this.rowData.map(((t,l)=>s("tr",{class:this.selected&&this.selected[l]?"xpl-table-row-selected":""},t.map(((t,i)=>s("td",null,this.multiselect&&0===i?s("label",{htmlFor:"__xpl-table-row-"+l},s("input",{id:"__xpl-table-row-"+l,checked:this.selected[l],type:"checkbox",onChange:t=>this.selectOne(t,l)}),s("div",{innerHTML:t})):s("div",{innerHTML:t})))))))))))}},m=class{constructor(s){t(this,s),this.navOpen=e(this,"navOpen",7),this.open=!0,this.bars='\n        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>\n    '}onNavToggle(){this.open=!this.open,this.navOpen.emit(this.open)}render(){return s(l,null,s("nav",{"aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?s("div",null,s("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle(),innerHTML:`${this.bars}`}),s("slot",{name:"aside"})):s("slot",{name:"aside"}),s("slot",{name:"main"})))}};export{n as xpl_avatar,r as xpl_badge,h as xpl_breadcrumb_item,c as xpl_breadcrumbs,o as xpl_button,d as xpl_checkbox,p as xpl_content_area,u as xpl_nav_item,b as xpl_radio,x as xpl_secondary_nav,v as xpl_table,m as xpl_utility_bar}
+import{r as t,h as s,H as l,g as i,c as a}from"./p-d4aa2fa9.js";import{v as e}from"./p-ad90fe4d.js";const n=class{constructor(s){t(this,s),this.disabled=!1}render(){let t="xpl-avatar";this.size&&(t+=` xpl-avatar--${this.size}`),this.color&&(t+=` xpl-avatar--${this.color}`);const i=s("div",null,this.src?s("img",{alt:this.name,src:this.src}):s("div",{class:"xpl-avatar__placeholder"},s("slot",null)),this.status&&s("div",{class:`xpl-avatar__dot--${this.status}`}));return s(l,null,this.href&&!this.disabled?s("a",{href:this.href,class:t,target:this.target},i):s("div",this.href&&this.disabled?{class:t+" xpl-avatar--disabled"}:{class:t},i))}},h=class{constructor(s){t(this,s)}render(){let t="xpl-badge";return this.dot&&(t+=" xpl-badge--dot"),this.variant&&(t+=" xpl-badge--"+this.variant),s(l,null,s("div",{class:t},s("slot",null)))}},r=class{constructor(s){t(this,s),this.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    '}render(){return s(l,{class:"xpl-breadcrumb-item",role:"listitem"},s("li",{role:"none"},s("slot",null)),s("span",{innerHTML:`${this.chevron}`}))}},c=class{constructor(s){t(this,s)}render(){return s(l,null,s("nav",{class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},s("ol",{role:"list"},s("slot",null))))}},o=class{constructor(s){t(this,s),this.size="default",this.variant="primary",this.state="neutral"}componentDidRender(){const t=this.el.attributes,s=Object.keys(t).filter((s=>{const l=t[s].name;return!!l&&(l.includes("data-test")||l.includes("aria-"))})).reduce(((s,l)=>Object.assign(Object.assign({},s),{[t[l].name]:t[l].value})),{}),l=this.el.querySelector("button");Object.keys(s).forEach((t=>{l.setAttribute(t,s[t]),this.el.removeAttribute(t)}))}render(){let t=`xpl-button\n                    xpl-button--${this.size}\n                    xpl-button--${this.state}\n                    xpl-button--${this.variant}`;return this.iconOnly&&(t+=" xpl-button--icon-only"),this.fullWidth&&(t+=" xpl-button--full-width"),this.link&&this.disabled&&(t+=" xpl-button--link-disabled"),s(l,{class:t},this.link?s("slot",null):s("button",{disabled:this.disabled,name:this.name,type:this.type,value:this.value},s("slot",null)))}get el(){return i(this)}},d=class{constructor(s){t(this,s),this.checkboxChange=a(this,"checkboxChange",7),this.id=e()}render(){return s(l,{class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},s("input",{class:"xpl-checkbox",type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:()=>this.checkboxChange.emit(this.input.checked),name:this.name,ref:t=>this.input=t,required:this.required,value:this.value}),s("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},s("slot",null),this.description&&s("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},p=class{constructor(s){t(this,s),this.size="wide"}render(){return s(l,null,s("main",{class:`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`},s("div",{class:"xpl-content-area"},s("slot",null))))}},u=class{constructor(s){t(this,s),this.navOpen=a(this,"navOpen",7),this.navControl=!1}onNavToggle(){window.innerWidth<=640&&this.navOpen.emit(!1)}render(){return s(l,{class:"xpl-nav-item",role:"listitem",onClick:()=>{this.navControl&&this.onNavToggle()}},s("slot",{name:"link"},s("slot",{name:"icon"}),s("slot",null)))}},b=class{constructor(s){t(this,s),this.radioChange=a(this,"radioChange",7),this.id=e()}render(){return s(l,{class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},s("input",{class:"xpl-radio",type:"radio",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,value:this.value,onChange:()=>this.radioChange.emit(!0)}),s("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},s("slot",null),this.description&&s("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},x=class{constructor(s){t(this,s)}render(){return s(l,{class:"xpl-secondary-nav"},s("nav",{"aria-label":"Secondary Nav"},s("slot",null)))}},v=class{constructor(s){t(this,s),this.tableSelect=a(this,"tableSelect",7),this.areAllSelected=!1,this.hasScrolled=!1,this.selectAll=t=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:l}=s;this.areAllSelected=l,this.selected=this.selected.map((()=>l)),this.onChange()},this.selectOne=(t,s)=>{const{target:l}=t;if(!(l instanceof HTMLInputElement))return;const{checked:i}=l;this.areAllSelected=!1,this.selected=this.selected.map(((t,l)=>l===s?i:t)),this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0}}componentWillLoad(){this.areAllSelected=!1,this.rowData=void 0!==this.data?Array.from(this.data):[],this.selected=new Array(this.rowData.length).fill(!1)}render(){let t="xpl-table";return this.striped&&(t+=" xpl-table--striped"),this.freeze&&(t+=" xpl-table--freeze"),this.hasScrolled&&(t+=" xpl-table--has-scrolled"),s(l,null,s("div",{class:"xpl-table-container",onScroll:this.onScroll,ref:t=>this.container=t},s("table",{class:t},this.columns&&s("thead",null,this.columns.map(((t,l)=>s("th",null,this.multiselect&&0===l?s("label",{htmlFor:"__xpl-table-th"},s("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onChange:t=>{this.selectAll(t)},type:"checkbox"}),t):t)))),s("tbody",null,this.rowData.map(((t,l)=>s("tr",{class:this.selected&&this.selected[l]?"xpl-table-row-selected":""},t.map(((t,i)=>s("td",null,this.multiselect&&0===i?s("label",{htmlFor:"__xpl-table-row-"+l},s("input",{id:"__xpl-table-row-"+l,checked:this.selected[l],type:"checkbox",onChange:t=>this.selectOne(t,l)}),s("div",{innerHTML:t})):s("div",{innerHTML:t})))))))))))}},m=class{constructor(s){t(this,s),this.navOpen=a(this,"navOpen",7),this.open=!0,this.bars='\n        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>\n    '}onNavToggle(){this.open=!this.open,this.navOpen.emit(this.open)}componentWillLoad(){this.open=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.open}render(){return s(l,null,s("nav",{"aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?s("div",null,s("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle(),innerHTML:`${this.bars}`}),s("slot",{name:"aside"})):s("slot",{name:"aside"}),s("slot",{name:"main"})))}};export{n as xpl_avatar,h as xpl_badge,r as xpl_breadcrumb_item,c as xpl_breadcrumbs,o as xpl_button,d as xpl_checkbox,p as xpl_content_area,u as xpl_nav_item,b as xpl_radio,x as xpl_secondary_nav,v as xpl_table,m as xpl_utility_bar}

package/dist/cjs/apollo-core.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["xpl-select.cjs",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"placeholder":[1],"truncate":[4],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell.cjs",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_12.cjs",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[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],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"open":[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]}]]],["xpl-choicelist.cjs",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-list.cjs",[[0,"xpl-list",{"items":[16]}]]],["xpl-button-row.cjs",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-divider.cjs",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid.cjs",[[0,"xpl-grid"]]],["xpl-grid-item.cjs",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-input.cjs",[[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-main-nav.cjs",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle.cjs",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop.cjs",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3.cjs",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"isSelected":[1540,"selected"]}]]],["xpl-dropdown_2.cjs",[[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 index.bootstrapLazy([["xpl-select.cjs",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"placeholder":[1],"truncate":[4],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell.cjs",[[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_12.cjs",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[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],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[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]}]]],["xpl-choicelist.cjs",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-list.cjs",[[0,"xpl-list",{"items":[16]}]]],["xpl-button-row.cjs",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-divider.cjs",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid.cjs",[[0,"xpl-grid"]]],["xpl-grid-item.cjs",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-input.cjs",[[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-main-nav.cjs",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle.cjs",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop.cjs",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3.cjs",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"isSelected":[1540,"selected"]}]]],["xpl-dropdown_2.cjs",[[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/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["xpl-select.cjs",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"placeholder":[1],"truncate":[4],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell.cjs",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_12.cjs",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[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],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"open":[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]}]]],["xpl-choicelist.cjs",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-list.cjs",[[0,"xpl-list",{"items":[16]}]]],["xpl-button-row.cjs",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-divider.cjs",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid.cjs",[[0,"xpl-grid"]]],["xpl-grid-item.cjs",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-input.cjs",[[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-main-nav.cjs",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle.cjs",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop.cjs",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3.cjs",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"isSelected":[1540,"selected"]}]]],["xpl-dropdown_2.cjs",[[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 index.bootstrapLazy([["xpl-select.cjs",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"placeholder":[1],"truncate":[4],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell.cjs",[[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_12.cjs",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[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],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[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]}]]],["xpl-choicelist.cjs",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-list.cjs",[[0,"xpl-list",{"items":[16]}]]],["xpl-button-row.cjs",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-divider.cjs",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid.cjs",[[0,"xpl-grid"]]],["xpl-grid-item.cjs",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-input.cjs",[[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-main-nav.cjs",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle.cjs",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop.cjs",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3.cjs",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"isSelected":[1540,"selected"]}]]],["xpl-dropdown_2.cjs",[[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/cjs/xpl-application-shell.cjs.entry.js

@@ -20,7 +20,7 @@ const XplApplicationShell = class {
      */
     this.navWidth = 'default';
     /**
-     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open envent is emitted.
+     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.
      */
     this.navOpen = true;
   }
@@ -41,6 +41,12 @@ const XplApplicationShell = class {
   connectedCallback() {
     this.closeNavOnMobile();
   }
+  componentWillLoad() {
+    this.navOpen =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.navOpen;
+  }
   render() {
     let applicationShellClasses = 'xpl-application-shell';
     if (this.withUtility)

package/dist/cjs/xpl-avatar_12.cjs.entry.js

@@ -235,24 +235,24 @@ const XplTable = class {
     this.onScroll = () => {
       this.hasScrolled = this.container.scrollLeft > 0;
     };
-    /**
-     * TODO: Need to figure out how this interplays with data
-     * received from an API/server
-     */
-    this.sortBy = (col, ascending = true) => {
-      this.rowData.sort((a, b) => {
-        const A = a[col];
-        const B = b[col];
-        if (typeof A === 'number' && typeof B === 'number') {
-          const f = ascending ? 1 : -1;
-          return A > B ? f : -f;
-        }
-        return -1;
-      });
-      this.rowData = Array.from(this.rowData);
-      this.render();
-    };
   }
+  /**
+   * TODO: Need to figure out how this interplays with data
+   * received from an API/server
+   */
+  // private sortBy = (col: number, ascending = true) => {
+  //     this.rowData.sort((a, b) => {
+  //         const A = a[col];
+  //         const B = b[col];
+  //         if (typeof A === 'number' && typeof B === 'number') {
+  //             const f = ascending ? 1 : -1;
+  //             return A > B ? f : -f;
+  //         }
+  //         return -1;
+  //     });
+  //     this.rowData = Array.from(this.rowData);
+  //     this.render();
+  // };
   componentWillLoad() {
     this.areAllSelected = false;
     this.rowData = this.data !== undefined ? Array.from(this.data) : [];
@@ -303,6 +303,12 @@ const XplUtilityBar = class {
     this.open = !this.open;
     this.navOpen.emit(this.open);
   }
+  componentWillLoad() {
+    this.open =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.open;
+  }
   render() {
     return (index.h(index.Host, null, index.h("nav", { "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle(), innerHTML: `${this.bars}` }), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { name: "main" }))));
   }

package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js

@@ -68,7 +68,10 @@ const XplDropdownOption = class {
     const { closeOnSelect, mode, selectOnFocus } = this.dropdown;
     if (selectOnFocus && navigationKeys.includes(ev.key)) {
       const hostElement = document.activeElement.closest('xpl-dropdown-option');
-      dropdown.handleSelect(ev, { component: { hostElement } });
+      const component = {
+        component: { hostElement },
+      };
+      dropdown.handleSelect(ev, component);
       if (mode === 'single' && closeOnSelect)
         this.dropdown.isOpen = false;
       return;

package/dist/cjs/xpl-dropdown_2.cjs.entry.js

@@ -20,7 +20,6 @@ const XplDropdown = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /** text to display as heading */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.isOpen = false;
     /** options that are listed */
     this.closeOnSelect = true;
@@ -37,7 +36,7 @@ const XplDropdown = class {
     };
   }
   /**
-   * called on dropdown option click and keydown events  to update isSelected states
+   * called on dropdown option click and keydown events to update isSelected states
    */
   async handleSelect(e, { component }) {
     const { hostElement, mode, options, update } = this;

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "./components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js",
     "./components/xpl-application-shell/xpl-application-shell.js",
     "./components/xpl-avatar/xpl-avatar.js",
     "./components/xpl-backdrop/xpl-backdrop.js",
@@ -15,7 +16,6 @@
     "./components/xpl-dropdown/xpl-dropdown.js",
     "./components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js",
     "./components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js",
-    "./components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js",
     "./components/xpl-grid/xpl-grid.js",
     "./components/xpl-grid-item/xpl-grid-item.js",
     "./components/xpl-input/xpl-input.js",

package/dist/collection/components/xpl-application-shell/xpl-application-shell.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Listen, State, Prop } from '@stencil/core';
+import { Component, h, Host, Listen, Prop, State } from '@stencil/core';
 export class XplApplicationShell {
   constructor() {
     /**
@@ -14,7 +14,7 @@ export class XplApplicationShell {
      */
     this.navWidth = 'default';
     /**
-     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open envent is emitted.
+     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.
      */
     this.navOpen = true;
   }
@@ -35,6 +35,12 @@ export class XplApplicationShell {
   connectedCallback() {
     this.closeNavOnMobile();
   }
+  componentWillLoad() {
+    this.navOpen =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.navOpen;
+  }
   render() {
     let applicationShellClasses = 'xpl-application-shell';
     if (this.withUtility)
@@ -120,6 +126,29 @@ export class XplApplicationShell {
       "attribute": "nav-width",
       "reflect": false,
       "defaultValue": "'default'"
+    },
+    "isNavOpenAtStartup": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{boolean} - *",
+            "name": "property"
+          }, {
+            "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup.",
+            "name": "property"
+          }],
+        "text": ""
+      },
+      "attribute": "is-nav-open-at-startup",
+      "reflect": false
     }
   }; }
   static get states() { return {

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference path="./choice.d.ts"></reference>
 import { Component, Host, h, Prop, State } from '@stencil/core';
 export class XplChoicelist {
   componentWillLoad() {
@@ -47,7 +46,8 @@ export class XplChoicelist {
         "resolved": "Choice[]",
         "references": {
           "Choice": {
-            "location": "global"
+            "location": "import",
+            "path": "./choice"
           }
         }
       },
@@ -55,7 +55,7 @@ export class XplChoicelist {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "An array of choices to be displayed in the list.\nEach choice should be an object with keys:\n- `checked` [boolean] - whether to precheck or not\n- `children` [Choice[]] - an array of child choices (recursive)\n- `description` [string]\n- `label` [string]"
+        "text": "An array of choices to be displayed in the list.\nEach choice should be an object with keys:\n- `checked` [boolean] - whether to pre-check or not\n- `children` [Choice[]] - an array of child choices (recursive)\n- `description` [string]\n- `label` [string]"
       }
     },
     "description": {

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

@@ -0,0 +1 @@
+export {};

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

@@ -51,7 +51,8 @@ export class XplDropdownGroup {
         "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
         "references": {
           "DropdownOptionGroup": {
-            "location": "global"
+            "location": "import",
+            "path": "../dropdownoption"
           }
         }
       },

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

@@ -23,7 +23,10 @@ export class XplDropdownOption {
     const { closeOnSelect, mode, selectOnFocus } = this.dropdown;
     if (selectOnFocus && navigationKeys.includes(ev.key)) {
       const hostElement = document.activeElement.closest('xpl-dropdown-option');
-      dropdown.handleSelect(ev, { component: { hostElement } });
+      const component = {
+        component: { hostElement },
+      };
+      dropdown.handleSelect(ev, component);
       if (mode === 'single' && closeOnSelect)
         this.dropdown.isOpen = false;
       return;

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

@@ -13,7 +13,6 @@ import { Component, Element, Host, h, Method, Prop } from '@stencil/core';
 export class XplDropdown {
   constructor() {
     /** text to display as heading */
-    // eslint-disable-next-line @stencil/strict-mutable
     this.isOpen = false;
     /** options that are listed */
     this.closeOnSelect = true;
@@ -30,7 +29,7 @@ export class XplDropdown {
     };
   }
   /**
-   * called on dropdown option click and keydown events  to update isSelected states
+   * called on dropdown option click and keydown events to update isSelected states
    */
   async handleSelect(e, { component }) {
     const { hostElement, mode, options, update } = this;
@@ -160,7 +159,8 @@ export class XplDropdown {
         "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
         "references": {
           "DropdownItem": {
-            "location": "global"
+            "location": "import",
+            "path": "./dropdownoption"
           }
         }
       },
@@ -210,11 +210,14 @@ export class XplDropdown {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "(e: Event, { component: XplDropdown }) => void",
-        "resolved": "(e: Event, { component: XplDropdown }: { component: any; }) => void",
+        "original": "(\n        e: Event,\n        { component }: { component: XplDropdown }\n    ) => void",
+        "resolved": "(e: Event, { component }: { component: XplDropdown; }) => void",
         "references": {
           "Event": {
             "location": "global"
+          },
+          "XplDropdown": {
+            "location": "global"
           }
         }
       },
@@ -229,7 +232,7 @@ export class XplDropdown {
   static get methods() { return {
     "handleSelect": {
       "complexType": {
-        "signature": "(e: Event, { component }: { component: any; }) => Promise<void>",
+        "signature": "(e: Event, { component }: { component: XplDropdownOption; }) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -244,14 +247,19 @@ export class XplDropdown {
           "Event": {
             "location": "global"
           },
+          "XplDropdownOption": {
+            "location": "import",
+            "path": "./xpl-dropdown-option/xpl-dropdown-option"
+          },
           "DropdownItem": {
-            "location": "global"
+            "location": "import",
+            "path": "./dropdownoption"
           }
         },
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "called on dropdown option click and keydown events  to update isSelected states",
+        "text": "called on dropdown option click and keydown events to update isSelected states",
         "tags": []
       }
     }

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference path="./listitem.d.ts"></reference>
 import { Component, Host, h, Prop, Fragment, } from '@stencil/core';
 import '../../../font-awesome/fontawesome';
 import '../../../font-awesome/regular';
@@ -75,7 +74,8 @@ export class XplList {
         "resolved": "ListItem[]",
         "references": {
           "ListItem": {
-            "location": "global"
+            "location": "import",
+            "path": "./listitem"
           }
         }
       },

package/dist/collection/components/xpl-select/selectchoice.js

@@ -0,0 +1 @@
+export {};

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

@@ -198,7 +198,8 @@ export class XplSelect {
         "resolved": "SelectChoice[]",
         "references": {
           "SelectChoice": {
-            "location": "global"
+            "location": "import",
+            "path": "./selectchoice"
           }
         }
       },

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

@@ -30,24 +30,24 @@ export class XplTable {
     this.onScroll = () => {
       this.hasScrolled = this.container.scrollLeft > 0;
     };
-    /**
-     * TODO: Need to figure out how this interplays with data
-     * received from an API/server
-     */
-    this.sortBy = (col, ascending = true) => {
-      this.rowData.sort((a, b) => {
-        const A = a[col];
-        const B = b[col];
-        if (typeof A === 'number' && typeof B === 'number') {
-          const f = ascending ? 1 : -1;
-          return A > B ? f : -f;
-        }
-        return -1;
-      });
-      this.rowData = Array.from(this.rowData);
-      this.render();
-    };
   }
+  /**
+   * TODO: Need to figure out how this interplays with data
+   * received from an API/server
+   */
+  // private sortBy = (col: number, ascending = true) => {
+  //     this.rowData.sort((a, b) => {
+  //         const A = a[col];
+  //         const B = b[col];
+  //         if (typeof A === 'number' && typeof B === 'number') {
+  //             const f = ascending ? 1 : -1;
+  //             return A > B ? f : -f;
+  //         }
+  //         return -1;
+  //     });
+  //     this.rowData = Array.from(this.rowData);
+  //     this.render();
+  // };
   componentWillLoad() {
     this.areAllSelected = false;
     this.rowData = this.data !== undefined ? Array.from(this.data) : [];

package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js

@@ -1,4 +1,4 @@
-import { Component, Event, Host, h, Prop, State, } from '@stencil/core';
+import { Component, Event, h, Host, Prop, State, } from '@stencil/core';
 export class XplUtilityBar {
   constructor() {
     this.open = true;
@@ -10,6 +10,12 @@ export class XplUtilityBar {
     this.open = !this.open;
     this.navOpen.emit(this.open);
   }
+  componentWillLoad() {
+    this.open =
+      this.isNavOpenAtStartup !== undefined
+        ? this.isNavOpenAtStartup
+        : this.open;
+  }
   render() {
     return (h(Host, null,
       h("nav", { "aria-label": "utility navigation bar", class: "xpl-utility-bar" },
@@ -39,6 +45,26 @@ export class XplUtilityBar {
       },
       "attribute": "nav-control",
       "reflect": false
+    },
+    "isNavOpenAtStartup": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "{boolean} - Optional property that defines whether or not the main nav is open at startup.",
+            "name": "property"
+          }],
+        "text": ""
+      },
+      "attribute": "is-nav-open-at-startup",
+      "reflect": false
     }
   }; }
   static get states() { return {