@xplortech/apollo-core 0.3.0 → 0.4.1

package/dist/apollo-core/p-6081e432.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,g as r,H as i}from"./p-ea8e0991.js";const e=class{constructor(s){t(this,s)}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let s=0,r=0,i=0,e=0;t.forEach((t=>{s+=+t.getAttribute("lg")||6,r+=+t.getAttribute("md")||6,i+=+t.getAttribute("sm")||6,e+=+t.getAttribute("xs")||6,s%6==0&&t.classList.add("xpl-grid-item-lg-last"),r%6==0&&t.classList.add("xpl-grid-item-md-last"),i%6==0&&t.classList.add("xpl-grid-item-sm-last"),e%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(i,{class:"xpl-grid"})}get container(){return r(this)}};export{e as xpl_grid}

package/dist/apollo-core/p-612984e5.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,H as l}from"./p-ea8e0991.js";import{v as i}from"./p-ad90fe4d.js";const e=class{constructor(t){s(this,t),this.variant="default",this.id=i()}render(){let s="xpl-toggle-container";this.disabled&&(s+=" xpl-toggle-container--disabled");let i="xpl-toggle";return"small"===this.variant&&(i+=" xpl-toggle--small"),t(l,{class:s},(this.heading||this.description)&&t("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&t("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),t("input",{class:i,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name}),this.label&&t("label",{htmlFor:this.id},this.label))}};export{e as xpl_toggle}

package/dist/apollo-core/p-63ea199d.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r,H as l}from"./p-ea8e0991.js";const e=class{constructor(r){s(this,r)}render(){let s="xpl-divider";return s+=` xpl-divider--${this.tier}`,r(l,{class:s},r("span",null,r("slot",null)))}};export{e as xpl_divider}

package/dist/apollo-core/p-650f6416.entry.js

@@ -0,0 +1 @@
+import{r as t,h as l,H as a,F as s}from"./p-ea8e0991.js";import"./p-2f90296c.js";const i=({avatar:t,avatars:a,badges:i,href:r,title:e,subtext:p,metadata:n})=>{const c=a||i||p,x=l(s,null,t&&("/"===t.slice(0,1)||"http"===t.slice(0,4)?l("xpl-avatar",{src:t,name:e}):l("xpl-avatar",{name:e},t)),l("div",{class:"xpl-list-item-content"},l("div",{class:"xpl-list-left"},l("div",null,l("h4",null,e),n&&l("ul",{class:"xpl-list-item-metadata"},n.map((t=>"string"==typeof t?l("li",null,t):l("li",null,l("span",{class:`far fa-${t.icon}`})," ",t.text)))))),c&&l("div",{class:"xpl-list-right"},p&&l("div",{class:"xpl-list-item-subtext"},p),a&&l("div",{class:"xpl-avatar-group xpl-avatar-group--s"},a.map((t=>l("img",{src:t,alt:""})))),i&&i.map((t=>"string"==typeof t?l("xpl-badge",null,t):l("xpl-badge",{dot:t.dot,variant:t.variant},t.text))))));return r?l("a",{class:"xpl-list-item",href:r},x):l("div",{class:"xpl-list-item"},x)},r=class{constructor(l){t(this,l),this.items=[]}render(){return l(a,null,this.items.map((t=>l(i,Object.assign({},t)))))}};export{r as xpl_list}

package/dist/apollo-core/p-6ad97405.entry.js

@@ -0,0 +1 @@
+import{r as i,h as s,H as t}from"./p-ea8e0991.js";const l=class{constructor(s){i(this,s)}componentWillLoad(){this.selected=null!=this.choices&&this.choices.length>0?this.choices.map((()=>!1)):[]}render(){let i="xpl-choicelist";return this.styled&&(i+=" xpl-choicelist--styled"),s(t,{class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?s("div",{class:"xpl-choicelist-heading"},this.heading&&s("h3",null,this.heading),this.description&&s("p",null,this.description)):null,this.choices&&s("ul",{class:i},this.choices.map((({children:i,description:t,label:l},h)=>{const e=this.multi?s("xpl-checkbox",{description:t,name:this.name,onCheckboxChange:i=>{const{detail:s}=i;this.selected=this.selected.map(((i,t)=>h===t?s:i))}},l):s("xpl-radio",{description:t,name:this.name,onRadioChange:()=>{this.selected=this.selected.map(((i,s)=>h===s))}},l);return s("li",{class:this.styled&&this.selected[h]?"selected":""},e,i&&s("ul",null,i.map((i=>{const t=s(this.multi?"xpl-checkbox":"xpl-radio",{description:i.description},i.label);return s("li",null,t)}))))}))))}};export{l as xpl_choicelist}

package/dist/apollo-core/{p-21872e0f.entry.js → p-9b9511e4.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as a}from"./p-00996870.js";const l=class{constructor(s){i(this,s),this.page=t(this,"page",7),this.current=1,this._goto=i=>{this.page.emit(i),this.waitForCallback||(this.current=i)},this.goPrev=()=>{this.current>1&&this._goto(this.current-1)},this.goNext=()=>{const i=Math.ceil(this.total/this.perPage);this.current<i&&this._goto(this.current+1)}}async goto(i){this.current=i}render(){const i=Math.ceil(this.total/this.perPage);let t=[1];i<7&&(t=[1,2,3,4,5,6]),t=this.current<=3||this.current>=i-2?[1,2,3,"...",i-2,i-1,i]:[1,"...",this.current-1,this.current,this.current+1,"...",i];const l=(this.current-1)*this.perPage+1,n=Math.min(l+this.perPage-1,this.total);return s(a,null,s("div",{class:"xpl-pagination"},s("div",null,s("p",null,"Showing ",s("span",null,l)," to ",s("span",null,n)," ","of ",s("span",null,this.total)," results")),s("div",null,s("nav",{"aria-label":"Pagination"},s("button",{onClick:this.goPrev,class:"xpl-pagination-prev"},s("span",null,"Previous"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}))),t.map((i=>"..."===i?s("span",{class:"xpl-pagination-ellipsis"},"..."):s("button",i===this.current?{"aria-current":"page",class:"xpl-pagination-current"}:{onClick:()=>this._goto(i)},i))),s("button",{onClick:this.goNext,class:"xpl-pagination-next"},s("span",null,"Next"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})))))))}};export{l as xpl_pagination}
+import{r as i,c as t,h as s,H as a}from"./p-ea8e0991.js";const l=class{constructor(s){i(this,s),this.page=t(this,"page",7),this.current=1,this._goto=i=>{this.page.emit(i),this.waitForCallback||(this.current=i)},this.goPrev=()=>{this.current>1&&this._goto(this.current-1)},this.goNext=()=>{const i=Math.ceil(this.total/this.perPage);this.current<i&&this._goto(this.current+1)}}async goto(i){this.current=i}render(){const i=Math.ceil(this.total/this.perPage);let t=[1];i<7&&(t=[1,2,3,4,5,6]),t=this.current<=3||this.current>=i-2?[1,2,3,"...",i-2,i-1,i]:[1,"...",this.current-1,this.current,this.current+1,"...",i];const l=(this.current-1)*this.perPage+1,n=Math.min(l+this.perPage-1,this.total);return s(a,null,s("div",{class:"xpl-pagination"},s("div",null,s("p",null,"Showing ",s("span",null,l)," to ",s("span",null,n)," ","of ",s("span",null,this.total)," results")),s("div",null,s("nav",{"aria-label":"Pagination"},s("button",{onClick:this.goPrev,class:"xpl-pagination-prev"},s("span",null,"Previous"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}))),t.map((i=>"..."===i?s("span",{class:"xpl-pagination-ellipsis"},"..."):s("button",i===this.current?{"aria-current":"page",class:"xpl-pagination-current"}:{onClick:()=>this._goto(i)},i))),s("button",{onClick:this.goNext,class:"xpl-pagination-next"},s("span",null,"Next"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})))))))}};export{l as xpl_pagination}

package/dist/apollo-core/p-ad90fe4d.js

@@ -0,0 +1 @@
+var r,t=new Uint8Array(16);function o(){if(!r&&!(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(t)}const n=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function e(r){return"string"==typeof r&&n.test(r)}for(var i=[],f=0;f<256;++f)i.push((f+256).toString(16).substr(1));function u(r,t,n){var f=(r=r||{}).random||(r.rng||o)();if(f[6]=15&f[6]|64,f[8]=63&f[8]|128,t){n=n||0;for(var u=0;u<16;++u)t[n+u]=f[u];return t}return function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=(i[r[t+0]]+i[r[t+1]]+i[r[t+2]]+i[r[t+3]]+"-"+i[r[t+4]]+i[r[t+5]]+"-"+i[r[t+6]]+i[r[t+7]]+"-"+i[r[t+8]]+i[r[t+9]]+"-"+i[r[t+10]]+i[r[t+11]]+i[r[t+12]]+i[r[t+13]]+i[r[t+14]]+i[r[t+15]]).toLowerCase();if(!e(o))throw TypeError("Stringified UUID is invalid");return o}(f)}export{u as v}

package/dist/apollo-core/p-c6fec744.entry.js

@@ -0,0 +1 @@
+import{h as t,r as i,H as e}from"./p-ea8e0991.js";import{v as s}from"./p-ad90fe4d.js";const n=({active:i,choices:e,mode:s,selected:n,update:l})=>t("div",{class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===s,active:i}},t("ul",null,e.map((({label:e,isGroupHeading:o},r)=>o?t("span",null,e):t("li",null,t("button",{class:{selected:n[r]},onClick:()=>{let t;"single"===s?(t=n.map(((t,i)=>r===i&&!n[r])),i=!1):"multi"===s&&(t=n.map(((t,i)=>r===i?!n[r]:t))),l(t)},tabIndex:i?0:-1},e))))));var l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},o=/^\s+|\s+$/g,r=/^[-+]0x[0-9a-f]+$/i,h=/^0b[01]+$/i,u=/^0o[0-7]+$/i,a=parseInt,c="object"==typeof self&&self&&self.Object===Object&&self,p="object"==typeof l&&l&&l.Object===Object&&l||c||Function("return this")(),d=Object.prototype.toString,f=Math.max,v=Math.min,b=function(){return p.Date.now()};function m(t){var i=typeof t;return!!t&&("object"==i||"function"==i)}function x(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==d.call(t)}(t))return NaN;if(m(t)){var i="function"==typeof t.valueOf?t.valueOf():t;t=m(i)?i+"":i}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(o,"");var e=h.test(t);return e||u.test(t)?a(t.slice(2),e?2:8):r.test(t)?NaN:+t}var g=function(t,i,e){var s=!0,n=!0;if("function"!=typeof t)throw new TypeError("Expected a function");return m(e)&&(s="leading"in e?!!e.leading:s,n="trailing"in e?!!e.trailing:n),function(t,i,e){var s,n,l,o,r,h,u=0,a=!1,c=!1,p=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function d(i){var e=s,l=n;return s=n=void 0,u=i,o=t.apply(l,e)}function g(t){return u=t,r=setTimeout(w,i),a?d(t):o}function y(t){var e=t-h;return void 0===h||e>=i||e<0||c&&t-u>=l}function w(){var t=b();if(y(t))return C(t);r=setTimeout(w,function(t){var e=i-(t-h);return c?v(e,l-(t-u)):e}(t))}function C(t){return r=void 0,p&&s?d(t):(s=n=void 0,o)}function T(){var t=b(),e=y(t);if(s=arguments,n=this,h=t,e){if(void 0===r)return g(h);if(c)return r=setTimeout(w,i),d(h)}return void 0===r&&(r=setTimeout(w,i)),o}return i=x(i)||0,m(e)&&(a=!!e.leading,l=(c="maxWait"in e)?f(x(e.maxWait)||0,i):l,p="trailing"in e?!!e.trailing:p),T.cancel=function(){void 0!==r&&clearTimeout(r),u=0,s=h=n=r=void 0},T.flush=function(){return void 0===r?o:C(b())},T}(t,i,{leading:s,maxWait:i,trailing:n})};function y(t){const i=document.createElement("canvas").getContext("2d");return i.font="14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif",i.measureText(t).width+44}const w=class{constructor(t){i(this,t),this.choices=[],this.mode="single",this.truncate=!0,this.active=!1,this.id=s(),this.keepFocus=!1,this.value="",this.visibleChoices=1/0}componentWillLoad(){this.selected=this.choices&&this.choices.length>0?this.choices.map((()=>!1)):[],window.addEventListener("click",(t=>{const i=t.target.closest(".xpl-select");null!==i&&i===this.container||(this.active=!1)})),window.addEventListener("resize",g((()=>{this.maybeTruncateChoices()}),250))}maybeTruncateChoices(){if("single"===this.mode||!this.truncate)return;const t=this.container.getBoundingClientRect().width;let i=0,e=0;const s=this.selected.filter((t=>t)).length;for(let n=0;n<s&&(e+=y(this.getDisplayValue(n)),!(e>t-140));n++)i++;i>=s&&(i=1/0),i<1&&(i=1),this.visibleChoices=i}getDisplayValue(t){return this.choices[t].label}getActualValue(t){return this.choices[t].value||this.choices[t].label}update(t){if(this.selected=t,"single"===this.mode){const t=this.selected.findIndex((t=>t));this.value=t>=0?this.getActualValue(t):""}else"multi"===this.mode&&(this.value=this.selected.map(((t,i)=>t?this.getActualValue(i):"")).filter((t=>t.length>0)).join("|"))}render(){let i=0;return t(e,{class:{"xpl-select":!0,"xpl-select--disabled":this.disabled,"xpl-select--no-truncate":!this.truncate},onKeyDown:t=>{"Escape"===t.key&&(this.active=!1)},ref:t=>this.container=t},this.label||this.description?t("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.label,this.description&&t("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)):null,t("div",{class:{"xpl-input":!0,"xpl-input--disabled":this.disabled,"xpl-input--error":void 0!==this.error}},t("div",{class:"xpl-input-wrapper"},t("div",{class:{"xpl-select-value":!0,"xpl-select-value--active":"multi"===this.mode&&this.value.length>0,"has-value":this.value.length>0}},"single"===this.mode?this.value||this.placeholder:this.value.length>0?this.selected.map(((e,s)=>e?i>=this.visibleChoices?null:(i++,t("xpl-tag",{onClose:()=>{this.selected=this.selected.map(((t,i)=>s!==i&&t)),this.update(this.selected),this.maybeTruncateChoices()}},this.getDisplayValue(s))):null)):this.placeholder,this.visibleChoices<1/0&&`+ ${this.selected.filter((t=>t)).length-this.visibleChoices} more`),t("button",{disabled:this.disabled,id:this.id,onKeyDown:t=>{"Tab"===t.key&&(this.keepFocus=!0)},onClick:()=>{this.disabled||(this.active=!this.active)}})),!this.disabled&&t(n,{active:this.active,choices:this.choices,mode:this.mode,selected:this.selected,update:t=>{this.update(t),this.maybeTruncateChoices()}}),void 0!==this.error&&this.error.length>0&&t("label",{class:"xpl-input-error",htmlFor:this.id},t("svg",{width:"10",height:"11",viewBox:"0 0 10 11",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z"})),this.error)),t("input",{type:"hidden",value:this.value}))}};export{w as xpl_select}

package/dist/apollo-core/p-ea8e0991.js

@@ -0,0 +1 @@
+let e,t,l=!1,n=!1,o=!1,s=!1,i=!1;const r="undefined"!=typeof window?window:{},c=r.document||{head:{}},f={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},a=e=>Promise.resolve(e),u="http://www.w3.org/1999/xlink",$={},d=e=>"object"==(e=typeof e)||"function"===e,b=(e,t,...l)=>{let n=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!d(n))&&(n+=""),i&&r?c[c.length-1].o+=n:c.push(i?m(null,n):n),r=i)};if(f(l),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,h);const a=m(e,null);return a.i=t,c.length>0&&(a.u=c),a.$=o,a.m=s,a},m=(e,t)=>({t:0,p:e,o:t,h:null,u:null,i:null,$:null,m:null}),p={},h={forEach:(e,t)=>e.map(y).forEach(t),map:(e,t)=>e.map(y).map(t).map(w)},y=e=>({vattrs:e.i,vchildren:e.u,vkey:e.$,vname:e.m,vtag:e.p,vtext:e.o}),w=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),b(e.vtag,t,...e.vchildren||[])}const t=m(e.vtag,e.vtext);return t.i=e.vattrs,t.u=e.vchildren,t.$=e.vkey,t.m=e.vname,t},g=(e,t,l,n,o,s)=>{if(l!==n){let i=oe(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=j(l),s=j(n);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in l)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)l&&n[t]===l[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(i||"o"!==t[0]||"n"!==t[1]){const r=d(n);if((i||r&&null!==n)&&!o)try{if(e.tagName.includes("-"))e[t]=n;else{let o=null==n?"":n;"list"===t?i=!1:null!=l&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,f=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(u,t):e.removeAttribute(t)):(!i||4&s||o)&&!r&&(n=!0===n?"":n,f?e.setAttributeNS(u,t,n):e.setAttribute(t,n))}else t="-"===t[2]?t.slice(3):oe(r,c)?c.slice(2):c[2]+t.slice(3),l&&f.rel(e,t,l,!1),n&&f.ael(e,t,n,!1)}},v=/\s/,j=e=>e?e.split(v):[],k=(e,t,l,n)=>{const o=11===t.h.nodeType&&t.h.host?t.h.host:t.h,s=e&&e.i||$,i=t.i||$;for(n in s)n in i||g(o,n,s[n],void 0,l,t.t);for(n in i)g(o,n,s[n],i[n],l,t.t)},O=(n,i,r)=>{let f,a,u,$=i.u[r],d=0;if(l||(o=!0,"slot"===$.p&&($.t|=$.u?2:1)),null!==$.o)f=$.h=c.createTextNode($.o);else if(1&$.t)f=$.h=c.createTextNode("");else{if(s||(s="svg"===$.p),f=$.h=c.createElementNS(s?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&$.t?"slot-fb":$.p),s&&"foreignObject"===$.p&&(s=!1),k(null,$,s),$.u)for(d=0;d<$.u.length;++d)a=O(n,$,d),a&&f.appendChild(a);"svg"===$.p?s=!1:"foreignObject"===f.tagName&&(s=!0)}return f["s-hn"]=t,3&$.t&&(f["s-sr"]=!0,f["s-cr"]=e,f["s-sn"]=$.m||"",u=n&&n.u&&n.u[r],u&&u.p===$.p&&n.h&&x(n.h,!1)),f},x=(e,l)=>{f.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];s["s-hn"]!==t&&s["s-ol"]&&(E(s).insertBefore(s,T(s)),s["s-ol"].remove(),s["s-ol"]=void 0,o=!0),l&&x(s,l)}f.t&=-2},M=(e,t,l,n,o,s)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(;o<=s;++o)n[o]&&(i=O(null,l,o),i&&(n[o].h=i,r.insertBefore(i,T(t))))},P=(e,t,l,o,s)=>{for(;t<=l;++t)(o=e[t])&&(s=o.h,N(o),n=!0,s["s-ol"]?s["s-ol"].remove():x(s,!0),s.remove())},R=(e,t)=>e.p===t.p&&("slot"===e.p?e.m===t.m:e.$===t.$),T=e=>e&&e["s-ol"]||e,E=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,L=(e,t)=>{const l=t.h=e.h,n=e.u,o=t.u,i=t.p,r=t.o;let c;null===r?(s="svg"===i||"foreignObject"!==i&&s,"slot"===i||k(e,t,s),null!==n&&null!==o?((e,t,l,n)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],$=t[a],d=n.length-1,b=n[0],m=n[d];for(;i<=a&&r<=d;)if(null==u)u=t[++i];else if(null==$)$=t[--a];else if(null==b)b=n[++r];else if(null==m)m=n[--d];else if(R(u,b))L(u,b),u=t[++i],b=n[++r];else if(R($,m))L($,m),$=t[--a],m=n[--d];else if(R(u,m))"slot"!==u.p&&"slot"!==m.p||x(u.h.parentNode,!1),L(u,m),e.insertBefore(u.h,$.h.nextSibling),u=t[++i],m=n[--d];else if(R($,b))"slot"!==u.p&&"slot"!==m.p||x($.h.parentNode,!1),L($,b),e.insertBefore($.h,u.h),$=t[--a],b=n[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].$&&t[f].$===b.$){c=f;break}c>=0?(s=t[c],s.p!==b.p?o=O(t&&t[r],l,c):(L(s,b),t[c]=void 0,o=s.h),b=n[++r]):(o=O(t&&t[r],l,r),b=n[++r]),o&&E(u.h).insertBefore(o,T(u.h))}i>a?M(e,null==n[d+1]?null:n[d+1].h,l,n,r,d):r>d&&P(t,i,a)})(l,n,t,o):null!==o?(null!==e.o&&(l.textContent=""),M(l,null,t,o,0,o.length-1)):null!==n&&P(n,0,n.length-1),s&&"svg"===i&&(s=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:e.o!==r&&(l.data=r)},C=e=>{let t,l,n,o,s,i,r=e.childNodes;for(l=0,n=r.length;l<n;l++)if(t=r[l],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<n;o++)if(i=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}C(t)}},F=[],A=e=>{let t,l,o,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(o=l.parentNode.childNodes,s=t["s-sn"],r=o.length-1;r>=0;r--)l=o[r],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(H(l,s)?(i=F.find((e=>e.g===l)),n=!0,l["s-sn"]=l["s-sn"]||s,i?i.v=t:F.push({v:t,g:l}),l["s-sr"]&&F.map((e=>{H(e.g,l["s-sn"])&&(i=F.find((e=>e.g===l)),i&&!e.v&&(e.v=i.v))}))):F.some((e=>e.g===l))||F.push({g:l}));1===t.nodeType&&A(t)}},H=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,N=e=>{e.i&&e.i.ref&&e.i.ref(null),e.u&&e.u.map(N)},U=e=>te(e).j,W=(e,t,l)=>{const n=U(e);return{emit:e=>q(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},q=(e,t,l)=>{const n=f.ce(t,l);return e.dispatchEvent(n),n},D=(e,t)=>{t&&!e.k&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.k=t)))},V=(e,t)=>{if(e.t|=16,!(4&e.t))return D(e,e.O),be((()=>_(e,t)));e.t|=512},_=(e,t)=>{const l=e.M;let n;return t&&(n=J(l,"componentWillLoad")),K(n,(()=>z(e,l)))},z=async(e,t)=>{const l=e.j,n=l["s-rc"];B(e,t),n&&(n.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>G(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},B=(s,i)=>{try{i=i.render(),s.t&=-17,s.t|=2,((s,i)=>{const r=s.j,a=s.P,u=s.R||m(null,null),$=(e=>e&&e.p===p)(i)?i:b(null,null,i);if(t=r.tagName,$.p=null,$.t|=4,s.R=$,$.h=u.h=r,e=r["s-cr"],l=0!=(1&a.t),n=!1,L(u,$),f.t|=1,o){let e,t,l,n,o,s;A($.h);let i=0;for(;i<F.length;i++)e=F[i],t=e.g,t["s-ol"]||(l=c.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(i=0;i<F.length;i++)if(e=F[i],t=e.g,e.v){for(n=e.v.parentNode,o=e.v.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(s=l["s-nr"],s&&s["s-sn"]===t["s-sn"]&&n===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&n!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}n&&C($.h),f.t&=-2,F.length=0})(s,i)}catch(e){se(e,s.j)}return null},G=e=>{const t=e.j,l=e.M,n=e.O;64&e.t||(e.t|=64,Q(t),J(l,"componentDidLoad"),e.T(t),n||I()),e.L(t),e.k&&(e.k(),e.k=void 0),512&e.t&&de((()=>V(e,!1))),e.t&=-517},I=()=>{Q(c.documentElement),de((()=>q(r,"appload",{detail:{namespace:"apollo-core"}})))},J=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){se(e)}},K=(e,t)=>e&&e.then?e.then(t):t(),Q=e=>e.classList.add("hydrated"),S=(e,t,l)=>{if(t.C){const n=Object.entries(t.C),o=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(o,e,{get(){return((e,t)=>te(this).F.get(t))(0,e)},set(l){((e,t,l,n)=>{const o=te(e),s=o.F.get(t),i=o.t,r=o.M;l=((e,t)=>null==e||d(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.C[t][0]),8&i&&void 0!==s||l===s||(o.F.set(t,l),r&&2==(18&i)&&V(o,!1))})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(o,e,{value(...t){const l=te(this);return l.A.then((()=>l.M[e](...t)))}})})),1&l){const t=new Map;o.attributeChangedCallback=function(e,l,n){f.jmp((()=>{const l=t.get(e);this.hasOwnProperty(l)&&(n=this[l],delete this[l]),this[l]=(null!==n||"boolean"!=typeof this[l])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,l])=>{const n=l[1]||e;return t.set(n,e),n}))}}return e},X=e=>{const t=e["s-cr"]=c.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},Y=(e,t={})=>{const l=[],n=t.exclude||[],o=r.customElements,s=c.head,i=s.querySelector("meta[charset]"),a=c.createElement("style"),u=[];let $,d=!0;Object.assign(f,t),f.l=new URL(t.resourcesUrl||"./",c.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],H:t[1],C:t[2],N:t[3]};s.C=t[2];const i=s.H,r=class extends HTMLElement{constructor(e){super(e),ne(e=this,s)}connectedCallback(){$&&(clearTimeout($),$=null),d?u.push(this):f.jmp((()=>(e=>{if(0==(1&f.t)){const t=te(e),l=t.P,n=()=>{};if(!(1&t.t)){t.t|=1,12&l.t&&X(e);{let l=e;for(;l=l.parentNode||l.host;)if(l["s-p"]){D(t,t.O=l);break}}l.C&&Object.entries(l.C).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,o)=>{if(0==(32&t.t)){if(t.t|=32,(o=re(l)).then){const e=()=>{};o=await o,e()}o.isProxied||(S(o,l,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){se(e)}t.t&=-9,e()}const s=t.O,i=()=>V(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,l)}n()}})(this)))}disconnectedCallback(){f.jmp((()=>{}))}componentOnReady(){return te(this).U}};s.W=e[0],n.includes(i)||o.get(i)||(l.push(i),o.define(i,S(r,s,1)))})))),a.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",a.setAttribute("data-styles",""),s.insertBefore(a,i?i.nextSibling:s.firstChild),d=!1,u.length?u.map((e=>e.connectedCallback())):f.jmp((()=>$=setTimeout(I,30)))},Z=(e,t)=>t,ee=new WeakMap,te=e=>ee.get(e),le=(e,t)=>ee.set(t.M=e,t),ne=(e,t)=>{const l={t:0,j:e,P:t,F:new Map};return l.A=new Promise((e=>l.L=e)),l.U=new Promise((e=>l.T=e)),e["s-p"]=[],e["s-rc"]=[],ee.set(e,l)},oe=(e,t)=>t in e,se=(e,t)=>(0,console.error)(e,t),ie=new Map,re=e=>{const t=e.H.replace(/-/g,"_"),l=e.W,n=ie.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(ie.set(l,e),e[t])),se)},ce=[],fe=[],ae=(e,t)=>l=>{e.push(l),i||(i=!0,t&&4&f.t?de($e):f.raf($e))},ue=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){se(e)}e.length=0},$e=()=>{ue(ce),ue(fe),(i=ce.length>0)&&f.raf($e)},de=e=>a().then(e),be=ae(fe,!0);export{Z as F,p as H,Y as b,W as c,U as g,b as h,a as p,le as r}

package/dist/apollo-core/p-ed04cedd.entry.js

@@ -0,0 +1 @@
+import{r as s,c as t,h as l,H as a}from"./p-ea8e0991.js";const o=class{constructor(l){s(this,l),this.close=t(this,"close",7)}render(){return l(a,{class:"xpl-tag-container"},l("button",{class:"xpl-tag",onClick:()=>{this.close.emit()}},l("slot",null)),l("button",{class:"xpl-tag__close",onClick:()=>{this.close.emit()}},"×"))}};export{o as xpl_tag}

package/dist/apollo-core/p-eec5a0f1.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as o}from"./p-ea8e0991.js";const r=class{constructor(i){t(this,i),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return i(o,{class:"xpl-button-row"},i("div",{class:"xpl-button-row-inner"},i("div",{class:"xpl-button-row__left"},this.secondary&&i("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),i("div",{class:"xpl-button-row__right"},this.tertiary&&i("xpl-button",{variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&i("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&i("xpl-button",{class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{r as xpl_button_row}

package/dist/apollo-core/p-f4f646d9.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s}from"./p-ea8e0991.js";const r=class{constructor(i){t(this,i),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=` xpl-grid-item-xs-${this.xs}`,t+=` xpl-grid-item-sm-${this.sm}`,t+=` xpl-grid-item-md-${this.md}`,t+=` xpl-grid-item-lg-${this.lg}`,i(s,{class:t},i("slot",null))}};export{r as xpl_grid_item}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-716d8f57.js');
+const index = require('./index-9662f096.js');
 
 /*
  Stencil Client Patch Browser v2.8.0 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["xpl-avatar_14.cjs",[[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[0,"xpl-backdrop"],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-button",{"disabled":[4],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"iconTrailing":[4,"icon-trailing"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"value":[1],"id":[32]}],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-main-nav",{"width":[1]}],[4,"xpl-nav-item"],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"value":[1],"id":[32]}],[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"]]],["xpl-choicelist.cjs",[[1,"xpl-choicelist"]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]]], options);
+  return index.bootstrapLazy([["xpl-avatar_14.cjs",[[0,"xpl-backdrop"],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-main-nav",{"width":[1]}],[4,"xpl-nav-item"],[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"],[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],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"iconTrailing":[4,"icon-trailing"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[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-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],"visibleChoices":[32]}]]],["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-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-tag.cjs",[[4,"xpl-tag"]]]], options);
 });

package/dist/cjs/{index-716d8f57.js → index-9662f096.js}

@@ -22,7 +22,6 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'apollo-core';
 
-let scopeId;
 let contentRef;
 let hostTagName;
 let useNativeShadowDom = false;
@@ -43,6 +42,7 @@ const plt = {
 };
 const promiseResolve = (v) => Promise.resolve(v);
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
 const createTime = (fnName, tagName = '') => {
     {
         return () => {
@@ -70,7 +70,6 @@ const EMPTY_OBJ = {};
  */
 const SVG_NS = 'http://www.w3.org/2000/svg';
 const HTML_NS = 'http://www.w3.org/1999/xhtml';
-const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
     o = typeof o;
@@ -89,6 +88,7 @@ const isComplexType = (o) => {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let slotName = null;
     let simple = false;
     let lastSimple = false;
@@ -117,6 +117,10 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        // normalize class / classname attributes
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         if (vnodeData.name) {
             slotName = vnodeData.name;
         }
@@ -132,11 +136,18 @@ const h = (nodeName, vnodeData, ...children) => {
             }
         }
     }
+    if (typeof nodeName === 'function') {
+        // nodeName is a functional component
+        return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
+    }
     const vnode = newVNode(nodeName, null);
     vnode.$attrs$ = vnodeData;
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     {
         vnode.$name$ = slotName;
     }
@@ -153,6 +164,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     {
         vnode.$name$ = null;
     }
@@ -160,6 +174,36 @@ const newVNode = (tag, text) => {
 };
 const Host = {};
 const isHost = (node) => node && node.$tag$ === Host;
+const vdomFnUtils = {
+    forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+    map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
+};
+const convertToPublic = (node) => ({
+    vattrs: node.$attrs$,
+    vchildren: node.$children$,
+    vkey: node.$key$,
+    vname: node.$name$,
+    vtag: node.$tag$,
+    vtext: node.$text$,
+});
+const convertToPrivate = (node) => {
+    if (typeof node.vtag === 'function') {
+        const vnodeData = Object.assign({}, node.vattrs);
+        if (node.vkey) {
+            vnodeData.key = node.vkey;
+        }
+        if (node.vname) {
+            vnodeData.name = node.vname;
+        }
+        return h(node.vtag, vnodeData, ...(node.vchildren || []));
+    }
+    const vnode = newVNode(node.vtag, node.vtext);
+    vnode.$attrs$ = node.vattrs;
+    vnode.$children$ = node.vchildren;
+    vnode.$key$ = node.vkey;
+    vnode.$name$ = node.vname;
+    return vnode;
+};
 /**
  * Production setAccessor() function based on Preact by
  * Jason Miller (@developit)
@@ -179,6 +223,33 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'style') {
+            // update style attribute, css properties and values
+            {
+                for (const prop in oldValue) {
+                    if (!newValue || newValue[prop] == null) {
+                        if (prop.includes('-')) {
+                            elm.style.removeProperty(prop);
+                        }
+                        else {
+                            elm.style[prop] = '';
+                        }
+                    }
+                }
+            }
+            for (const prop in newValue) {
+                if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                    if (prop.includes('-')) {
+                        elm.style.setProperty(prop, newValue[prop]);
+                    }
+                    else {
+                        elm.style[prop] = newValue[prop];
+                    }
+                }
+            }
+        }
+        else if (memberName === 'key')
+            ;
         else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -246,16 +317,36 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
                 catch (e) { }
             }
+            /**
+             * Need to manually update attribute if:
+             * - memberName is not an attribute
+             * - if we are rendering the host element in order to reflect attribute
+             * - if it's a SVG, since properties might not work in <svg>
+             * - if the newValue is null/undefined or 'false'.
+             */
+            let xlink = false;
+            {
+                if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
+                    memberName = ln;
+                    xlink = true;
+                }
+            }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
-                    {
+                    if (xlink) {
+                        elm.removeAttributeNS(XLINK_NS, memberName);
+                    }
+                    else {
                         elm.removeAttribute(memberName);
                     }
                 }
             }
             else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
                 newValue = newValue === true ? '' : newValue;
-                {
+                if (xlink) {
+                    elm.setAttributeNS(XLINK_NS, memberName, newValue);
+                }
+                else {
                     elm.setAttribute(memberName, newValue);
                 }
             }
@@ -297,10 +388,6 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
         // remember for later we need to check to relocate nodes
         checkSlotRelocate = true;
         if (newVNode.$tag$ === 'slot') {
-            if (scopeId) {
-                // scoped css needs to add its scoped id to the parent element
-                parentElm.classList.add(scopeId + '-s');
-            }
             newVNode.$flags$ |= newVNode.$children$
                 ? // slot element has fallback content
                     2 /* isSlotFallback */
@@ -333,15 +420,10 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
         {
             updateElement(null, newVNode, isSvgMode);
         }
-        if (isDef(scopeId) && elm['s-si'] !== scopeId) {
-            // if there is a scopeId and this is the initial render
-            // then let's add the scopeId as a css class
-            elm.classList.add((elm['s-si'] = scopeId));
-        }
         if (newVNode.$children$) {
             for (i = 0; i < newVNode.$children$.length; ++i) {
                 // create the node
-                childNode = createElm(oldParentVNode, newVNode, i, elm);
+                childNode = createElm(oldParentVNode, newVNode, i);
                 // return node could have been null
                 if (childNode) {
                     // append our new node
@@ -407,12 +489,9 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = ((parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
     let childNode;
-    if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
-        containerElm = containerElm.shadowRoot;
-    }
     for (; startIdx <= endIdx; ++startIdx) {
         if (vnodes[startIdx]) {
-            childNode = createElm(null, parentVNode, startIdx, parentElm);
+            childNode = createElm(null, parentVNode, startIdx);
             if (childNode) {
                 vnodes[startIdx].$elm$ = childNode;
                 containerElm.insertBefore(childNode, referenceNode(before) );
@@ -447,6 +526,8 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -454,6 +535,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // Vnode might have been moved left
@@ -499,9 +581,31 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // createKeyToOldIdx
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // new element
-                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
+                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx);
                 newStartVnode = newCh[++newStartIdx];
             }
             if (node) {
@@ -525,7 +629,9 @@ const isSameVnode = (vnode1, vnode2) => {
         if (vnode1.$tag$ === 'slot') {
             return vnode1.$name$ === vnode2.$name$;
         }
-        return true;
+        {
+            return vnode1.$key$ === vnode2.$key$;
+        }
     }
     return false;
 };
@@ -738,10 +844,7 @@ const renderVdom = (hostRef, renderFnResults) => {
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* isHost */;
     hostRef.$vnode$ = rootVnode;
-    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm.shadowRoot || hostElm );
-    {
-        scopeId = hostElm['s-sc'];
-    }
+    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm);
     {
         contentRef = hostElm['s-cr'];
         useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
@@ -938,6 +1041,7 @@ const postUpdateComponent = (hostRef) => {
     const tagName = hostRef.$cmpMeta$.$tagName$;
     const elm = hostRef.$hostElement$;
     const endPostUpdate = createTime('postUpdate', tagName);
+    const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
     if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* hasLoadedComponent */;
@@ -945,6 +1049,9 @@ const postUpdateComponent = (hostRef) => {
             // DOM WRITE!
             addHydratedFlag(elm);
         }
+        {
+            safeCall(instance, 'componentDidLoad');
+        }
         endPostUpdate();
         {
             hostRef.$onReadyResolve$(elm);
@@ -1293,17 +1400,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 super(self);
                 self = this;
                 registerHost(self, cmpMeta);
-                if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-                    // this component is using shadow dom
-                    // and this browser supports shadow dom
-                    // add the read-only property "shadowRoot" to the host element
-                    // adding the shadow root build conditionals to minimize runtime
-                    {
-                        {
-                            self.attachShadow({ mode: 'open' });
-                        }
-                    }
-                }
             }
             connectedCallback() {
                 if (appLoadFallback) {
@@ -1349,6 +1445,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
+const Fragment = (_, children) => children;
 const hostRefs = new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1434,9 +1531,11 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
+exports.Fragment = Fragment;
 exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
+exports.getElement = getElement;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-716d8f57.js');
+const index = require('./index-9662f096.js');
 
 /*
  Stencil Client Patch Esm v2.8.0 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["xpl-avatar_14.cjs",[[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[0,"xpl-backdrop"],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-button",{"disabled":[4],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"iconTrailing":[4,"icon-trailing"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"value":[1],"id":[32]}],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-main-nav",{"width":[1]}],[4,"xpl-nav-item"],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"value":[1],"id":[32]}],[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"]]],["xpl-choicelist.cjs",[[1,"xpl-choicelist"]]],["xpl-pagination.cjs",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]]], options);
+  return index.bootstrapLazy([["xpl-avatar_14.cjs",[[0,"xpl-backdrop"],[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-main-nav",{"width":[1]}],[4,"xpl-nav-item"],[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"],[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],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"iconTrailing":[4,"icon-trailing"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[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-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],"visibleChoices":[32]}]]],["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-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-tag.cjs",[[4,"xpl-tag"]]]], options);
   });
 };