@xplortech/apollo-core 1.0.0-beta.8 → 2.4.2

package/dist/components/xpl-modal.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as s,Host as d,transformTag as c}from"@stencil/core/internal/client";import{d as l}from"./xpl-backdrop2.js";import{d as i}from"./xpl-button2.js";import{d as o}from"./xpl-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.modalClosed=a(this,"modalClosed",7),this.isOpen=!1,this.size="medium",this.variant="default",this.handleDialogClose=()=>{this.isOpen=!1,this.modalClosed.emit()},this.handleNativeBackdropClick=e=>{const t=this.dialogElement.getBoundingClientRect();(e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom)&&this.handleDialogClose()}}componentDidLoad(){this.dialogElement=this.element.querySelector("dialog"),this.updateModalState(),this.dialogElement.addEventListener("cancel",this.handleDialogClose),this.dialogElement.addEventListener("click",this.handleNativeBackdropClick)}disconnectedCallback(){this.dialogElement&&(this.dialogElement.removeEventListener("cancel",this.handleDialogClose),this.dialogElement.removeEventListener("click",this.handleNativeBackdropClick))}updateModalState(){var e,t;this.isOpen?null===(t=null===(e=this.dialogElement)||void 0===e?void 0:e.showModal)||void 0===t||t.call(e):this.dialogElement&&"function"==typeof this.dialogElement.close&&setTimeout((()=>{var e;null===(e=this.dialogElement)||void 0===e||e.close()}),250)}render(){return s(d,{key:"67a2c3914086a75280693b156c5148a5e86395d2",class:"xpl-modal"},this.isOpen&&s("xpl-backdrop",{key:"e99270d95b4a2267d4fd9c7cbee25672b5f90b7d"}),s("dialog",{key:"3493394ff8f93a8a5fb00903d712dd956b886024",class:`xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen?"is-open":"is-closed"}`},s("div",{key:"66731b3fc2b562fd9f013de173dcf808b3f3ff1a",class:"xpl-modal__header"},s("div",{key:"b3a712444c7f3607b5f1bf968f46ac83305f6f1a",class:"xpl-modal__title"},"warning"===this.variant&&s("xpl-icon",{key:"d96d5df9527b0b96fa793025af3dca9956c5a946",size:20,icon:"alert-triangle",class:"xpl-modal__alert-icon"}),s("slot",{key:"3d30207ca82fffa6a7c7d7be42b240dc552ab01d",name:"title"}),s("xpl-button",{key:"34e0247f1f0de686233c95e236457dd170e3b050",type:"button",class:"xpl-modal__close-button",iconOnly:!0,size:"sm",variant:"subtle",onClick:this.handleDialogClose},s("xpl-icon",{key:"d14026b3e17070767fef2d798d5e4406c011dc7d",icon:"x"}))),s("div",{key:"cdacbf1e44ca7c8601ebcbfdce2ac5b6fb7d6489",class:"xpl-modal__subtitle"},s("slot",{key:"2ade6726ee27396a0aa570ef2b0c88be0361eb01",name:"subtitle"}))),s("div",{key:"f016a31264ee6874ddd19e9dcbde3b3f8c76d2ea",class:"xpl-modal__body"},s("slot",{key:"ea6016e3c5733a344f1f427ca07267917f66001e",name:"body"})),s("div",{key:"7e43b4317efd765152cdb3ea804e1fe9b0036bc4",class:"xpl-modal__footer"},s("slot",{key:"410d2ce31eccc7d2bb0c48091b165de2f85f6986",name:"tertiary"}),s("slot",{key:"d2d64c8203c8b942385c26adfe283af76c12afb3",name:"secondary"}),s("slot",{key:"3eb401ad94c36a2aa9f380508c438e5b473020d5",name:"primary"}))))}get element(){return this}static get watchers(){return{isOpen:[{updateModalState:0}]}}},[260,"xpl-modal",{isOpen:[1540,"is-open"],size:[1],variant:[1]},void 0,{isOpen:[{updateModalState:0}]}]),b=n,f=function(){"undefined"!=typeof customElements&&["xpl-modal","xpl-backdrop","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-modal":customElements.get(c(e))||customElements.define(c(e),n);break;case"xpl-backdrop":customElements.get(c(e))||l();break;case"xpl-button":customElements.get(c(e))||i();break;case"xpl-icon":customElements.get(c(e))||o()}}))};export{b as XplModal,f as defineCustomElement}

package/dist/components/xpl-nav-item.d.ts

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

package/dist/components/xpl-nav-item.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as s,Host as o,transformTag as c}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.navOpen=n(this,"navOpen",7),this.navControl=!1}onNavToggle(){window.innerWidth<=640&&this.navOpen.emit(!1)}render(){return s(o,{key:"8a047443ba48a7812f3804e5639cdd8408f9a647",class:"xpl-nav-item",role:"listitem",onClick:()=>{this.navControl&&this.onNavToggle()}},s("slot",{key:"41012bd7a72ed7929deddb136ac5f2c6b30a4c1f",name:"link"},s("slot",{key:"ce1bb0b1957b5e614fa1ec65cc8973d42bd1dc32",name:"icon"}),s("slot",{key:"d50d2dd931be394e039f1e07651e05e41231627e"})))}},[260,"xpl-nav-item",{navControl:[4,"nav-control"]}]),l=i,a=function(){"undefined"!=typeof customElements&&["xpl-nav-item"].forEach((e=>{"xpl-nav-item"===e&&(customElements.get(c(e))||customElements.define(c(e),i))}))};export{l as XplNavItem,a as defineCustomElement}

package/dist/components/xpl-pagination.d.ts

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

package/dist/components/xpl-pagination.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-dropdown2.js";import{d as l}from"./xpl-dropdown-group2.js";import{d as p}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";import{d as c}from"./xpl-icon2.js";import{d}from"./xpl-select2.js";import{d as h}from"./xpl-tag2.js";const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.pageChange=s(this,"pageChange",7),this.rowsPerPageChange=s(this,"rowsPerPageChange",7),this.totalPages=1,this.withPageControl=!1,this.currentPage=1,this.rowsPerPageOptions="10,25,50,100,150",this.selectedRowsPerPage=10,this.rowsPerPageSelectRef=null,this.pageSelectRef=null,this.handleNextPage=()=>{this.currentPage<this.totalPages&&(this.currentPage+=1)},this.handlePrevPage=()=>{this.currentPage>1&&(this.currentPage-=1)},this.handlePageChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.currentPage=t)},this.handleRowsChange=e=>{const t=parseInt(e.detail,10);Number.isNaN(t)||(this.selectedRowsPerPage=t)}}get rowsPerPageOptionsArray(){return this.rowsPerPageOptions.split(",").map(Number)}onPageUpdate(e){e<1?this.currentPage=1:e>this.totalPages&&(this.currentPage=this.totalPages),this.pageChange.emit(this.currentPage)}onRowsPerPageUpdate(e){this.rowsPerPageChange.emit(e)}componentDidLoad(){var e,t;null===(e=this.rowsPerPageSelectRef)||void 0===e||e.addEventListener("changeEvent",this.handleRowsChange),null===(t=this.pageSelectRef)||void 0===t||t.addEventListener("changeEvent",this.handlePageChange)}disconnectedCallback(){var e,t;null===(e=this.rowsPerPageSelectRef)||void 0===e||e.removeEventListener("changeEvent",this.handleRowsChange),null===(t=this.pageSelectRef)||void 0===t||t.removeEventListener("changeEvent",this.handlePageChange)}render(){const e=this.currentPage<=1,t=this.currentPage>=this.totalPages;return a(o,{key:"15d277d40eff79d5fb48867b89370759eb9ca8c7",class:`xpl-pagination xpl-pagination__${this.withPageControl?"with":"no"}-page-control`},this.withPageControl&&a("div",{key:"482bbca4e67c513f715573343f4f2d0f0a7281ee",class:"xpl-pagination__rows-per-page"},a("label",{key:"5a6b3a0f06e6b37b3e6f17021417bac5ce866a69",class:"xpl-pagination__rows-label"},"Rows per page:"),a("xpl-select",{key:"295db6e36fcf861ffd4f25550322552c6641084c",class:"xpl-pagination__rows-per-page-select",choices:this.rowsPerPageOptionsArray.map((e=>({label:""+e,value:""+e,isSelected:e===this.selectedRowsPerPage}))),ref:e=>{this.rowsPerPageSelectRef=e}})),a("div",{key:"87c7b3e4bf11be1668512f325139899496f2dd7a",class:"xpl-pagination__pager"},a("button",{key:"c020001ed61d227b9febd71bb9e411b3eeead985",class:"xpl-pagination__pager-button xpl-pagination__pager-button-prev",disabled:e,onClick:this.handlePrevPage,"aria-label":"Previous Page",tabindex:"0"},a("xpl-icon",{key:"3484457471eb692e3dc140b47f6d8bfd72899fe3",icon:"arrow-left",size:20})),a("xpl-select",{key:"f0897900308b3015db171f6b60382dd537f9dd71",class:"xpl-pagination__page-select",choices:Array.from({length:this.totalPages},((e,t)=>({label:"Page "+(t+1),value:""+(t+1),isSelected:t+1===this.currentPage}))),"custom-display-value":!0,ref:e=>{this.pageSelectRef=e}},a("div",{key:"4c2184875c70ceac615c6efd05ef32f65d777152",slot:"custom-display-value"},`${this.currentPage} of ${this.totalPages}`)),a("button",{key:"91c856b44bf3b752280b36f69a53d4c2ed97da19",class:"xpl-pagination__pager-button xpl-pagination__pager-button-next",disabled:t,onClick:this.handleNextPage,"aria-label":"Next Page",tabindex:"0"},a("xpl-icon",{key:"538a33cbddd6d4e26b782e0a3178018b61f0dec4",icon:"arrow-right",size:20}))))}static get watchers(){return{currentPage:[{onPageUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}}},[0,"xpl-pagination",{totalPages:[2,"total-pages"],withPageControl:[4,"with-page-control"],currentPage:[1026,"current-page"],rowsPerPageOptions:[1,"rows-per-page-options"],selectedRowsPerPage:[1026,"selected-rows-per-page"]},void 0,{currentPage:[{onPageUpdate:0}],selectedRowsPerPage:[{onRowsPerPageUpdate:0}]}]),b=g,u=function(){"undefined"!=typeof customElements&&["xpl-pagination","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-pagination":customElements.get(i(e))||customElements.define(i(e),g);break;case"xpl-dropdown":customElements.get(i(e))||n();break;case"xpl-dropdown-group":customElements.get(i(e))||l();break;case"xpl-dropdown-heading":customElements.get(i(e))||p();break;case"xpl-dropdown-option":customElements.get(i(e))||r();break;case"xpl-icon":customElements.get(i(e))||c();break;case"xpl-select":customElements.get(i(e))||d();break;case"xpl-tag":customElements.get(i(e))||h()}}))};export{b as XplPagination,u as defineCustomElement}

package/dist/components/xpl-popover.d.ts

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

package/dist/components/xpl-popover.js

@@ -0,0 +1 @@
+import{X as o,d as p}from"./xpl-popover2.js";const r=o,s=p;export{r as XplPopover,s as defineCustomElement}

package/dist/components/xpl-popover2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as i,Host as d,transformTag as s}from"@stencil/core/internal/client";import{t as r}from"./index3.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){if(!this.triggerRef||!this.contentRef||!t)return;const e={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:e,left:o,bottom:i,right:d}=this.triggerRef.getBoundingClientRect(),{width:s,height:r}=this.contentRef.getBoundingClientRect(),{innerWidth:n,innerHeight:p}=window,l=i+r<p,a=e-r>=0,m=o-s>=0,h=d+s<n,b=(e+i)/2,c=t=>t&&b-r/2>=0&&b+r/2<=p,f=(o+d)/2,g=t=>t&&f-s/2>=0&&f+s/2<=n,u=o+s<n,w=d-s>=0;switch(t){case"top-left":return l&&m;case"middle-left":return c(m);case"bottom-left":return a&&m;case"top-right":return l&&h;case"middle-right":return c(h);case"bottom-right":return a&&h;case"top-middle":return g(a);case"bottom-middle":return g(l);case"top-start":return a&&u;case"top-end":return a&&w;case"bottom-start":return l&&u;case"bottom-end":return l&&w;default:return!1}}))||this.position;this.actualPosition=e}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(d,{key:"cf6c4f6b028bfdb9d08f6c8ad2b433c38c1a6f9f"},i("div",{key:"778f9a2f3a5626b19f5446c56d89f9bb6b31ca36",class:{"xpl-popover":!0,[`xpl-popover--${this.actualPosition}`]:!0,"xpl-popover--is-open":this.isOpenState}},i("span",{key:"762401eb1e8d30644dfb55e10f4f5f56abff648f",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":this.isOpenState?"true":"false",onClick:this.togglePopover,ref:t=>{this.triggerRef=t}},i("slot",{key:"c29166383d024f24d6883ff0d4ea85380f849712",name:"trigger"})),"arrow"===this.display&&i("div",{key:"ef7eb85bc764ab403fc4b069a50606da16e3fcdc",class:"xpl-popover__arrow"},i("svg",{key:"32bc234f1dbc9b07b3b3e2b69e5be222bab02a26",width:"17",height:"14",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"d34ec2d2b3e67459981f29ce21810f1fb6b7ba45",d:"M0 5h15l-7.5 7.5L0 5Z",fill:"white",stroke:"none",class:"arrow-fill"}),i("path",{key:"f251a3f748c9d4eb5d84d6416dd0121b3365000b",d:"M0 5 L7.5 12.5 L15 5",fill:"none",stroke:"black","stroke-width":"1",class:"arrow-stroke"}))),i("div",{key:"02632fb4c284db5eabce50f4c27079ba37e10204",class:{"xpl-popover__content":!0,[`xpl-popover__content--display-${this.display}`]:!0},ref:t=>this.contentRef=t},i("slot",{key:"770df2750d5d4875d38eb52bb26788095ce7292d"}))))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}}},[260,"xpl-popover",{isOpen:[4,"is-open"],disabled:[4],position:[1],display:[1],isOpenState:[32],actualPosition:[32],updateListener:[32]},void 0,{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}]);function p(){"undefined"!=typeof customElements&&["xpl-popover"].forEach((t=>{"xpl-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))}export{n as X,p as d}

package/dist/components/xpl-progress.d.ts

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

package/dist/components/xpl-progress.js

@@ -0,0 +1 @@
+import{proxyCustomElement as s,HTMLElement as e,h as r,Host as t,transformTag as p}from"@stencil/core/internal/client";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.currentStep=0}getCircleClass(s){return this.currentStep<s?"":this.currentStep===s?"xpl-progress-step-active":"xpl-progress-step-finished"}render(){return r(t,{key:"573fca634dcf64084cd74f243a52a978c55478d5",class:"xpl-progress"},r("div",{key:"e0bb02b55c6676bed131397188ffa0074dba71ef",class:"xpl-progress-container"},(this.steps||[]).map(((s,e)=>r("div",{class:"xpl-progress-step "+this.getCircleClass(e)},r("div",{class:"xpl-progress-step-content"},r("div",{class:"xpl-progress-step-circle"},e+1),r("div",{class:"xpl-progress-step-text"},s)))))))}},[0,"xpl-progress",{steps:[1040],currentStep:[1026,"current-step"]}]),l=c,o=function(){"undefined"!=typeof customElements&&["xpl-progress"].forEach((s=>{"xpl-progress"===s&&(customElements.get(p(s))||customElements.define(p(s),c))}))};export{l as XplProgress,o as defineCustomElement}

package/dist/components/xpl-radio.d.ts

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

package/dist/components/xpl-radio.js

@@ -0,0 +1 @@
+import{X as o,d as r}from"./xpl-radio2.js";const s=o,a=r;export{s as XplRadio,a as defineCustomElement}

package/dist/components/xpl-radio2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as d,Host as t,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.radioChange=i(this,"radioChange",7),this.id=a(),this.onChange=e=>{this.radioChange.emit(this.value?this.value:e.target.checked)}}render(){return d(t,{key:"cc375ac47add5a4fddc8744186d1600431cb998d",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},d("input",{key:"ccc9a14ec86cf5d455558298f367dd1eb2835399",class:"xpl-radio",type:"radio",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,onChange:this.onChange,value:this.value}),d("label",{key:"5c0661fded4424d6b758ef55953cfde8da1f2af5",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},d("slot",{key:"9e203d6010f049c74294f543c75b091c129a323d"}),this.description&&d("small",{key:"15447fa65dff82fda1cb7981bbf3160b7f526c53",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},[260,"xpl-radio",{checked:[4],description:[1],disabled:[4],name:[1],value:[1],required:[4],styled:[4],id:[32]}]);function r(){"undefined"!=typeof customElements&&["xpl-radio"].forEach((e=>{"xpl-radio"===e&&(customElements.get(c(e))||customElements.define(c(e),l))}))}export{l as X,r as d}

package/dist/components/xpl-secondary-nav.d.ts

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

package/dist/components/xpl-secondary-nav.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as a,h as n,Host as c,transformTag as s}from"@stencil/core/internal/client";const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return n(c,{key:"86273edf300aa07f9d95d602eba079a3e5585d63",class:"xpl-secondary-nav"},n("nav",{key:"1756c028fe605e00683b6fa07e7235a6e18c1f68","aria-label":"Secondary Nav"},n("slot",{key:"74d5e209c31456877c40267d16d4020faac7ca33"})))}},[260,"xpl-secondary-nav"]),o=t,r=function(){"undefined"!=typeof customElements&&["xpl-secondary-nav"].forEach((e=>{"xpl-secondary-nav"===e&&(customElements.get(s(e))||customElements.define(s(e),t))}))};export{o as XplSecondaryNav,r as defineCustomElement}

package/dist/components/xpl-select.d.ts

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

package/dist/components/xpl-select.js

@@ -0,0 +1 @@
+import{X as s,d as o}from"./xpl-select2.js";const t=s,e=o;export{t as XplSelect,e as defineCustomElement}

package/dist/components/xpl-select2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as l,Fragment as o,transformTag as n}from"@stencil/core/internal/client";import{t as a}from"./index3.js";import{d as h}from"./xpl-dropdown2.js";import{d}from"./xpl-dropdown-group2.js";import{d as c}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";import{d as p}from"./xpl-icon2.js";import{d as u}from"./xpl-tag2.js";import{v}from"./v4.js";function m(e){return e.label||e.value}function b(e){return e.reduce(((e,t)=>[...e,...t.groupName?t.options:[t]]),[])}const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectChange=s(this,"selectChange",7),this.changeEvent=s(this,"changeEvent",7),this.dropdownStateChange=s(this,"dropdownStateChange",7),this.triggerDropdown=s(this,"triggerDropdown",7),this.choices=[],this.selectIcon="chevron-down",this.mode="single",this.truncate=!0,this.active=!1,this.id=v(),this.keepFocus=!1,this.visibleChoices=1/0,this.choicesState=[],this.value=this.calculateValue(),this.dropdownOpenState=!1,this.container=null,this.dropdown=null,this.handleResizeThrottled=a((()=>{this.maybeTruncateChoices()}),250),this.handleTabKeyDown=e=>{"Tab"===e.key&&(this.keepFocus=!0)},this.handleTagRemove=e=>{const t=t=>(null==e?void 0:e.value)&&t.value===e.value||(null==e?void 0:e.label)&&t.label===e.label;this.choicesState=this.choicesState.map((e=>{var s;return Object.assign(Object.assign({},e),{isSelected:!t(e)&&e.isSelected,options:null===(s=e.options)||void 0===s?void 0:s.map((e=>Object.assign(Object.assign({},e),{isSelected:!t(e)&&e.isSelected})))})}))},this.handleDropdownScroll=e=>{const{scrollTop:t,scrollHeight:s,clientHeight:i}=this.dropdown.querySelector(".xpl-dropdown-list");(0===t&&e.deltaY<0||t+i>=s&&e.deltaY>0)&&e.preventDefault()}}onChoicesPropChanged(e){this.choicesState=this.initializeChoicesState()}onSelectedValuesPropChanged(){this.choicesState=this.initializeChoicesState()}onChoicesStateChanged(){this.update()}handleValueStateChange(e){this.selectChange.emit(e),this.changeEvent.emit("single"===this.mode?e:(null==e?void 0:e.length)?e.split("|"):[]),this.customDisplayValue&&null!==this.container&&(this.container.querySelectorAll(".custom-display-value").forEach((t=>{t.classList.toggle("display-active",e.length>0),t.classList.toggle("display-inactive",0===e.length)})),this.container.querySelectorAll(".placeholder").forEach((t=>{t.classList.toggle("placeholder-hidden",e.length>0)})))}onDropdownOpenStateChanged(e){this.dropdownStateChange.emit(e)}initializeChoicesState(){return this.choices.map((e=>{var t;const s="string"==typeof this.selectedValues?[this.selectedValues]:this.selectedValues;return Object.assign(Object.assign({},e),{isSelected:e.isSelected||(null==s?void 0:s.includes(e.value||e.label)),options:null===(t=e.options)||void 0===t?void 0:t.map((e=>Object.assign(Object.assign({},e),{isSelected:e.isSelected||(null==s?void 0:s.includes(e.value||e.label))})))})}))}maybeTruncateChoices(){var e,t;if("single"===this.mode||!this.truncate)return;const s=null===(e=this.container)||void 0===e?void 0:e.getBoundingClientRect().width;let i=0,l=0;const o=null===(t=b(this.choicesState))||void 0===t?void 0:t.filter((e=>e.isSelected));if(!o.length)return;const n=o.length;o.forEach(((e,t)=>(l+=function(e){const t=document.createElement("canvas").getContext("2d");return t.font="14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif",t.measureText(e).width+44}(m(o[t])),l>s-140||(i+=1),null))),i>=n&&(i=1/0),i<1&&(i=1),this.visibleChoices=i}closeDropdown(){var e;(null===(e=this.dropdown)||void 0===e?void 0:e.isOpen)&&(this.dropdown.isOpen=!1,this.active=!1)}calculateValue(){const e=b(this.choicesState).filter((e=>e.isSelected));return e.length?"single"===this.mode?e[0].value||e[0].label:e.map((e=>e.value||e.label)).join("|"):""}update(){this.value=this.calculateValue(),this.maybeTruncateChoices()}renderLabel(){return this.label||this.description?i("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.label,this.description&&i("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)):null}renderSelectedTags(){let e=0;const t=b(this.choicesState).filter((e=>e.isSelected));return t.length?t.map(((s,l)=>e>=this.visibleChoices?null:(e+=1,i("xpl-tag",{onClose:()=>this.handleTagRemove(t[l])},m(t[l]))))):null}renderError(){return void 0===this.error||0===this.error.length?null:i("label",{class:"xpl-input-error",htmlFor:this.id},i("xpl-icon",{icon:"alert-circle"}),this.error)}componentWillLoad(){this.choicesState=this.initializeChoicesState()}handleClickEvent(e){const t=e.target.closest(".xpl-select");null!==t&&t===this.container||this.closeDropdown()}handleKeyDown(e){var t;"Escape"===e.key&&(this.active||(null===(t=this.container)||void 0===t?void 0:t.contains(document.activeElement)))&&this.closeDropdown()}handleResize(){this.handleResizeThrottled()}componentDidLoad(){requestAnimationFrame((()=>{this.maybeTruncateChoices()}))}disconnectedCallback(){var e;null===(e=this.handleResizeThrottled)||void 0===e||e.cancel()}handleDropdownTrigger(){var e;const t=null!==(e=this.dropdown.isOpen)&&void 0!==e&&e,s=!t;this.triggerDropdown.emit({prevState:t,nextState:s}).defaultPrevented||this.disabled||(this.dropdownOpenState=s,this.dropdown.isOpen=s)}async reset(){this.closeDropdown(),this.choicesState=this.choicesState.map((e=>{var t;return Object.assign(Object.assign({},e),{isSelected:!1,options:null===(t=e.options)||void 0===t?void 0:t.map((e=>Object.assign(Object.assign({},e),{isSelected:!1})))})}))}render(){var e,t,s;const n=b(this.choicesState).filter((e=>e.isSelected)),a=(null===(e=n[0])||void 0===e?void 0:e.label)||(null===(t=n[0])||void 0===t?void 0:t.value),h=n.length>1&&this.visibleChoices<1/0&&this.truncate&&!this.customDisplayValue,d=`+ ${Math.abs(this.choicesState.filter((e=>e.isSelected)).length-this.visibleChoices)} more`;return i(l,{key:"8ffd6b069df2b869abfa22ae5e41731a992abe36",class:{"xpl-select":!0,"xpl-select--disabled":this.disabled,"xpl-select--no-truncate":!this.truncate,[null!==(s=this.classNames)&&void 0!==s?s:""]:!!this.classNames},onKeyDown:this.handleTabKeyDown,ref:e=>{this.container=e}},this.renderLabel(),i("div",{key:"ed959919397c5c2ffc063957188e00a10feeed9a",class:{"xpl-input":!0,"xpl-input--disabled":this.disabled,"xpl-input--error":void 0!==this.error}},i("div",{key:"266e7d99a66d66241ebe1d20375d0a270b8b6399",class:"xpl-input-wrapper"},i("button",{key:"cdb455539afb77ab76f729e8a21419d32c220a75",class:"xpl-select__trigger",disabled:this.disabled,id:this.id,onKeyDown:this.handleTabKeyDown,onClick:e=>{e.preventDefault(),this.handleDropdownTrigger()},type:"button"},i("div",{key:"db9e85fa588af2c35d3de960826c171bc02627af",class:{"xpl-select-value":!0,"xpl-select-value--active":"multi"===this.mode&&this.value.length>0,"has-value":this.value.length>0}},(()=>this.customDisplayValue?i(o,null,i("div",{class:{"custom-display-value":!0,"custom-display-value--inactive":0===this.value.length}},i("slot",{name:"custom-display-value"})),i("span",{class:{"xpl-placeholder--hidden":this.value.length>0}},this.placeholder)):"single"===this.mode?a||this.placeholder:this.value.length>0?this.renderSelectedTags():this.placeholder)(),h&&d),i("xpl-icon",{key:"ef3997f19a4e4bb4de12f826c736ef9afc4bd5c8",class:"xpl-select__chevron-down",icon:this.selectIcon}))),!this.disabled&&i("xpl-dropdown",{key:"df29a0a21c11fa4c9a550a4339c6719793783404",ref:e=>{this.dropdown=e},isOpen:this.dropdownOpenState,options:this.choicesState,selectedValues:this.selectedValues,mode:this.mode,triggerId:this.id,update:(e,{component:t})=>{const{options:s}=t;s&&s.length>0&&(this.choicesState=s)},onIsOpenChange:e=>{this.dropdownOpenState=e.detail},onWheel:this.handleDropdownScroll,anchorToTrigger:!0}),this.renderError()),i("input",{key:"3e7f53a0d8e6d4e8028e1dc38d0e3661b76978f5",type:"hidden",name:this.name,value:this.value}))}static get watchers(){return{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}}},[260,"xpl-select",{choices:[16],selectIcon:[1,"select-icon"],description:[1],disabled:[4],error:[1],label:[1],mode:[1],name:[1],placeholder:[1],truncate:[4],customDisplayValue:[4,"custom-display-value"],selectedValues:[1,"selected-values"],classNames:[1,"class-names"],active:[32],id:[32],keepFocus:[32],visibleChoices:[32],choicesState:[32],value:[32],dropdownOpenState:[32],reset:[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{choices:[{onChoicesPropChanged:0}],selectedValues:[{onSelectedValuesPropChanged:0}],choicesState:[{onChoicesStateChanged:0}],value:[{handleValueStateChange:0}],dropdownOpenState:[{onDropdownOpenStateChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["xpl-select","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-tag"].forEach((e=>{switch(e){case"xpl-select":customElements.get(n(e))||customElements.define(n(e),g);break;case"xpl-dropdown":customElements.get(n(e))||h();break;case"xpl-dropdown-group":customElements.get(n(e))||d();break;case"xpl-dropdown-heading":customElements.get(n(e))||c();break;case"xpl-dropdown-option":customElements.get(n(e))||r();break;case"xpl-icon":customElements.get(n(e))||p();break;case"xpl-tag":customElements.get(n(e))||u()}}))}export{g as X,x as d}

package/dist/components/xpl-skeleton.d.ts

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

package/dist/components/xpl-skeleton.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as l,transformTag as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.shape="rectangle",this.size="custom"}render(){return s(l,{key:"018d8ef69972d40fa84fd700ca778862f762b699",class:{"xpl-skeleton":!0,["xpl-skeleton--shape-"+this.shape]:!0,["xpl-skeleton--size-"+this.size]:!0,[this.classNames]:!!this.classNames,"xpl-skeleton--full-width":this.fullWidth},style:{width:this.width||void 0,height:this.height||void 0,margin:this.margin||void 0}})}},[0,"xpl-skeleton",{classNames:[1,"class-names"],fullWidth:[4,"full-width"],height:[1],width:[1],margin:[1],shape:[1],size:[1]}]),o=n,h=function(){"undefined"!=typeof customElements&&["xpl-skeleton"].forEach((e=>{"xpl-skeleton"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{o as XplSkeleton,h as defineCustomElement}

package/dist/components/xpl-slideout.d.ts

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

package/dist/components/xpl-slideout.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as d,createEvent as t,h as s,Host as c,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./xpl-backdrop2.js";import{d as i}from"./xpl-button2.js";import{d as l}from"./xpl-divider2.js";import{d as b}from"./xpl-icon2.js";const f=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.isOpenChange=t(this,"isOpenChange",7),this.isOpen=!1,this.backdrop=!1,this.variant="default",this.showFooter=!0,this.handleClose=()=>{this.isOpen=!1}}watchPropHandler(e){this.isOpen=e,this.isOpenChange.emit(e)}handleScroll(){const e=this.el.querySelector(".content");e.scrollHeight>e.clientHeight?e.classList.add("has-shadow"):e.classList.remove("has-shadow")}componentDidLoad(){this.handleScroll()}render(){return s(c,{key:"d38f708c91ffd96369e5277b9e4d5c74e52a41d4",class:"xpl-slideout"},this.backdrop&&this.isOpen&&s("xpl-backdrop",{key:"8cfea9e2d270e84783f99db0b12b2749a829ff8a",onClick:this.handleClose}),s("aside",{key:"8b3a24dccbb44c281bad35ab8d2af895bde56d10",class:"slideout slideout--"+(!this.isOpen&&"closed")},s("header",{key:"921acd55e9aedcd5c04d2d6d4f2d26515ec744b8",class:"header"},s("div",{key:"dd434e7a1b5d28aa0833979f8d515df28ad00cc9",class:"title"},s("slot",{key:"9743e88555558ec66e46528b04d6f6391d1bd8df",name:"title"}),s("xpl-button",{key:"7b7b267fa892363d0d25af419bdaa55dd5a362ef",class:"close-button",iconOnly:!0,size:"sm",variant:"subtle",onClick:this.handleClose},s("xpl-icon",{key:"d27bd1de9864fbc6b72f1b71658ece1f5dfeddc9",icon:"x"}))),s("div",{key:"3183410cecb0973d8b7dca3997e1f6c254d28892",class:"subtitle"},s("slot",{key:"6dd1fbcdd15fde802a316053b19566c618f41dd0",name:"subtitle"})),s("div",{key:"b3c4a050275de296b43dc7d9e87bcc082c7f14ec",class:"search"},s("slot",{key:"c6f0ef04a753cb71da97021caa791ded9e2e0533",name:"search"}))),s("xpl-divider",{key:"68301c3540651d6d0dc2e9577d8fc6d2e5e9f536",tier:0,class:"divider top"}),s("article",{key:"eff6e4e81dfe48a9bf2f59d5f5ca09c5f56e6491",class:"content",tabIndex:0},s("slot",{key:"f3f25c5b51ae017cb6f84ea0f1c14329ba429adb",name:"content"})),this.showFooter&&s("footer",{key:"6e94107fefc5e2e24edb21f61b0e4af32c954445"},s("xpl-divider",{key:"89c550dbb352c6b22534edf7ff3a0e8d0513a206",tier:0,class:"divider bottom"}),s("div",{key:"32fe00b37f65ef0b1ba42bf8e7d8f59dfec7aa68",class:"footer"},s("slot",{key:"f42ee4c847be0ab553d039bc0ce50e29e70984fa",name:"tertiary"}),s("slot",{key:"dd6b8757bcd85dd79a084d3ec0bbbfd6629297bb",name:"secondary"}),s("slot",{key:"e6d4fea0d1ebfa7bd71fce313dee34b25f164b0c",name:"primary"})))))}get el(){return this}static get watchers(){return{isOpen:[{watchPropHandler:0}]}}},[260,"xpl-slideout",{isOpen:[1540,"is-open"],backdrop:[4],variant:[1],showFooter:[4,"show-footer"]},[[9,"scroll","handleScroll"]],{isOpen:[{watchPropHandler:0}]}]),r=f,n=function(){"undefined"!=typeof customElements&&["xpl-slideout","xpl-backdrop","xpl-button","xpl-divider","xpl-icon"].forEach((e=>{switch(e){case"xpl-slideout":customElements.get(a(e))||customElements.define(a(e),f);break;case"xpl-backdrop":customElements.get(a(e))||o();break;case"xpl-button":customElements.get(a(e))||i();break;case"xpl-divider":customElements.get(a(e))||l();break;case"xpl-icon":customElements.get(a(e))||b()}}))};export{r as XplSlideout,n as defineCustomElement}

package/dist/components/xpl-tab-panel.d.ts

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

package/dist/components/xpl-tab-panel.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as l,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){return a(l,{key:"f22da3feed8a64baae080a1593ea35c68d41f857",class:{"xpl-tab-panel":!0,"xpl-tab-panel--selected":this.selected},role:"tabpanel","aria-labelledby":this.target},a("slot",{key:"88311f1af38490ec1b3ba8aee8f1bb39d58cfd11"}))}},[260,"xpl-tab-panel",{target:[1],selected:[4]}]),c=s,p=function(){"undefined"!=typeof customElements&&["xpl-tab-panel"].forEach((e=>{"xpl-tab-panel"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))};export{c as XplTabPanel,p as defineCustomElement}

package/dist/components/xpl-tab.d.ts

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

package/dist/components/xpl-tab.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as a,Host as c,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=s(this,"tabChange",7),this.selected=!1,this.handleTabClick=()=>{this.tabChange.emit(this.target)}}render(){return a(c,{key:"3f1eaa197c02b1bb45da97e59a58aeea9f86bc6f",class:{"xpl-tab":!0,"xpl-tab--selected":this.selected}},a("button",{key:"12066216ecbc4fa91c7645b45e4affce20342e4b",onClick:this.handleTabClick,class:"xpl-tab__button",role:"tab","aria-controls":this.target},a("slot",{key:"bbe6f9c862510aa83d4816fc7366e82ac10cf266"})))}},[260,"xpl-tab",{target:[1],selected:[4]}]),b=n,o=function(){"undefined"!=typeof customElements&&["xpl-tab"].forEach((t=>{"xpl-tab"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{b as XplTab,o as defineCustomElement}

package/dist/components/xpl-table-header-cell.d.ts

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

package/dist/components/xpl-table-header-cell.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as c,Host as o,transformTag as n}from"@stencil/core/internal/client";import{d as r}from"./xpl-checkbox2.js";import{d as i}from"./xpl-icon2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1,s=()=>{switch(this.type){case"label":return c("span",null,this.label);case"checkbox":return c("xpl-checkbox",null);case"icon":return c("xpl-icon",{icon:this.icon,size:20});default:return""}};return c(o,{role:"columnheader","aria-colindex":e,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:this.width+"px"}},this.sortable?c("button",{onClick:()=>this.toggleSort()},s(),(()=>{switch(this.sortDirection){case"none":return c("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return c("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return c("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):s())}get el(){return this}},[0,"xpl-table-header-cell",{icon:[1],sortable:[4],label:[1],type:[1],width:[2],sortDirection:[32]}]),a=l,h=function(){"undefined"!=typeof customElements&&["xpl-table-header-cell","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-table-header-cell":customElements.get(n(e))||customElements.define(n(e),l);break;case"xpl-checkbox":customElements.get(n(e))||r();break;case"xpl-icon":customElements.get(n(e))||i()}}))};export{a as XplTableHeaderCell,h as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as c,Host as a,transformTag as l}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return c(a,{key:"ab15bfcac25fa381989ed3cdaf2b3c5f00db6bdb",role:"row",class:"xpl-table-header"},c("slot",{key:"e0a8ef7c92c44ea84abc182d93040a4c14cd7072"}))}},[260,"xpl-table-header"]),s=r,n=function(){"undefined"!=typeof customElements&&["xpl-table-header"].forEach((e=>{"xpl-table-header"===e&&(customElements.get(l(e))||customElements.define(l(e),r))}))};export{s as XplTableHeader,n as defineCustomElement}

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

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

package/dist/components/xpl-table.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as h,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./xpl-icon2.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tableSelect=e(this,"tableSelect",7),this.sortChanged=e(this,"sortChanged",3),this.selectedValues=[],this.isSortable=!1,this.sortableColumns=[],this.areAllSelected=!1,this.hasScrolled=!1,this.sortTypeArray=[],this.selectAllValue=Math.random().toString(36).slice(2),this.selectAll=t=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:e}=s;this.areAllSelected=e,this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child input")).map((t=>e?null==t?void 0:t.value:e)):this.selected.map((()=>e)),this.onChange()},this.selectOne=(t,s)=>{const{target:e}=t;if(!(e instanceof HTMLInputElement))return;const{checked:i,value:h}=e;this.areAllSelected=!1,this.selected=this.selected.map(((t,e)=>e!==s?t:this.selectedValues.length>0&&i?h:i)),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)=>{const e=(s,e)=>s[t].toLocaleLowerCase()<e[t].toLocaleLowerCase()?-1:s[t].toLocaleLowerCase()>e[t].toLocaleLowerCase()?1:0;switch(s[t]){case"asc":this.rowData.sort(((t,s)=>e(t,s)));break;case"desc":this.rowData.sort(((t,s)=>e(s,t)));break;default:this.rowData=this.data,this.sortTypeArray[t]=null}this.rowData=Array.from(this.rowData),this.render()},this.setData=()=>{this.rowData=void 0!==this.data?Array.from(this.data):[]},this.setFooterData=()=>{this.rowFooterData=void 0!==this.footer?Array.from(this.footer):[]}}handleSort(t,s,e,i){t.preventDefault(),t.stopPropagation(),s&&(this.sortTypeArray=this.sortTypeArray.map(((t,s)=>{if(s!==e)return null;switch(t){case"asc":return"desc";case"desc":return null;default:return"asc"}})),this.sortChanged.emit({colNum:e,colName:i,sortTypeArr:this.sortTypeArray}).defaultPrevented||this.sortBy(e,this.sortTypeArray))}watchData(){this.setData()}watchFooterData(){this.setFooterData()}watchColumns(){this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}componentWillLoad(){this.areAllSelected=!1,this.setData(),this.setFooterData(),this.selected=Array(this.rowData.length).fill(!1),this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}render(){var t;return!this.columns||this.sortTypeArray&&this.sortTypeArray.length===this.columns.length||(this.sortTypeArray=this.columns.map((()=>null))),i(h,{key:"3ac2c96a4d691a8e60a2f0f5732787a4dd43e71e"},i("div",{key:"242225267bf912ae46cf38dd1750dcd66fa627f7",class:"xpl-table-container",onScroll:this.onScroll,ref:t=>{this.container=t}},i("table",{key:"76f22b451b7d09f2843d1afc063f8e287afb419f",class:{"xpl-table":!0,"xpl-table--striped":this.striped,"xpl-table--freeze":this.freeze,"xpl-table--has-scrolled":this.hasScrolled}},this.columns&&i("thead",{key:"be12e8292faf5be828c281e3c7d5396652c7e4b8"},this.columns.map(((t,s)=>{var e;const h=(t=>{switch(t){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}})(null===(e=this.sortTypeArray)||void 0===e?void 0:e[s]),a=!(!this.isSortable||!this.sortableColumns[s]);return i("th",null,i("label",{onClick:e=>this.handleSort(e,a,s,t.replace(/ /g,"-").toLowerCase()),class:a?"cursor-pointer":""},this.multiselect&&0===s&&i("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>{t.stopPropagation(),this.selectAll(t)},type:"checkbox",value:"select-all-"+this.selectAllValue}),t,a&&!!this.sortTypeArray[s]&&i("xpl-icon",{icon:h,size:16})))}))),i("tbody",{key:"94c5ad3a68f1cffa73a55bb106e81c8899ddc2c4"},this.rowData.map(((t,s)=>i("tr",{class:this.selected&&this.selected[s]?"xpl-table-row-selected":""},t.map(((t,e)=>i("td",null,this.multiselect&&0===e?i("label",{htmlFor:"__xpl-table-row-"+s},i("input",{id:"__xpl-table-row-"+s,checked:!!this.selected[s],type:"checkbox",onChange:t=>this.selectOne(t,s),value:this.selectedValues.length>0?this.selectedValues[s]:"xpl-table-checkbox-"+s}),i("div",{innerHTML:t})):i("div",{innerHTML:t})))))))),(null===(t=this.rowFooterData)||void 0===t?void 0:t.length)>0&&i("tfoot",{key:"2bcfdfed0e5709f60f4beec7f8f58038899b8b30"},this.rowFooterData.map((t=>i("tr",null,t.map((t=>i("td",null,i("div",{innerHTML:t})))))))))))}get el(){return this}static get watchers(){return{data:[{watchData:0}],footer:[{watchFooterData:0}],columns:[{watchColumns:0}]}}},[0,"xpl-table",{columns:[16],data:[16],footer:[16],freeze:[4],multiselect:[4],striped:[4],selectedValues:[16],isSortable:[4,"is-sortable"],sortableColumns:[16],areAllSelected:[32],rowData:[32],rowFooterData:[32],hasScrolled:[32],selected:[32],sortTypeArray:[32]},void 0,{data:[{watchData:0}],footer:[{watchFooterData:0}],columns:[{watchColumns:0}]}]),r=c,o=function(){"undefined"!=typeof customElements&&["xpl-table","xpl-icon"].forEach((t=>{switch(t){case"xpl-table":customElements.get(a(t))||customElements.define(a(t),c);break;case"xpl-icon":customElements.get(a(t))||l()}}))};export{r as XplTable,o as defineCustomElement}

package/dist/components/xpl-tabs.d.ts

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

package/dist/components/xpl-tabs.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as a,Host as i,transformTag as l}from"@stencil/core/internal/client";import{d as o}from"./xpl-dropdown2.js";import{d}from"./xpl-dropdown-group2.js";import{d as n}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";import{d as c}from"./xpl-icon2.js";import{d as p}from"./xpl-select2.js";import{d as h}from"./xpl-tag2.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tabChange=s(this,"tabChange",7),this.fullWidth=!1,this.selectedValue=this.getDefaultValue(),this.activeBarPosition={left:0,width:0},this.isMobileSelectChange=!1,this.tabHeadings=[],this.tabPanels=[],this.handleTabChange=e=>{this.updateTabsSelectedState(e)}}onWindowResize(){this.updateActiveBarPosition()}getDefaultValue(){var e,t;return this.value||(null===(t=null===(e=this.tabHeadings)||void 0===e?void 0:e[0])||void 0===t?void 0:t.getAttribute("target"))||""}updateActiveBarPosition(){const e=this.tabHeadings.find((e=>e.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!e)return;const t=e.getBoundingClientRect(),s=this.headingsContainerRef.getBoundingClientRect();this.activeBarPosition={left:t.left-s.left,width:t.width}}updateTabsSelectedState(e){this.tabHeadings.forEach((t=>{e===t.getAttribute("target")?t.setAttribute("selected",""):t.removeAttribute("selected")})),this.tabPanels.forEach((t=>{e===t.getAttribute("target")?t.setAttribute("selected",""):t.removeAttribute("selected")})),requestAnimationFrame((()=>{this.selectedValue=e,this.updateActiveBarPosition()}))}collectTabs(){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")),this.handleTabChange(this.getDefaultValue())}renderChoices(){return this.tabHeadings.map((e=>{var t,s;return{label:Array.from(null!==(s=null===(t=e.querySelector(".xpl-tab__button"))||void 0===t?void 0:t.childNodes)&&void 0!==s?s:[]).filter((e=>e.nodeType===Node.TEXT_NODE)).map((e=>e.textContent.trim())).join(" "),value:e.getAttribute("target")}}))}connectedCallback(){"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs()})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}componentDidLoad(){this.collectTabs()}render(){return a(i,{key:"c6858318e3adea4fb9a5587d16aff2778a69af0d",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth}},a("xpl-select",{key:"f6e67e41dc20da4bd6c3d9d4b60045e0e55c7343",classNames:"xpl-tabs__mobile-select",choices:this.renderChoices(),selectedValues:this.selectedValue,onDropdownStateChange:e=>{e.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:e=>{if(this.isMobileSelectChange){const t=""+e.detail;this.handleTabChange(t),this.tabChange.emit(t),this.isMobileSelectChange=!1}}}),a("nav",{key:"297eb4c0695adf1bea03de7e6874a0b61e108319",class:"xpl-tabs__headings",role:"tablist",ref:e=>{this.headingsContainerRef=e},onTabChange:e=>{this.isMobileSelectChange=!1,this.handleTabChange(e.detail)}},a("div",{key:"cd60b8acf47bb319bc92852d5f62ba456acee6f0",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),a("slot",{key:"a4b73230bfc7178381780a5136a5c1d820be7d65",name:"heading"})),a("div",{key:"e5d4cf94e1c75dabe73d8a5cc2d00cc97466f1b2",class:"xpl-tabs__panels"},a("slot",{key:"e3d2fbfed0ebc74f2fc41f74574e202e834e2129",name:"panel"})))}get el(){return this}static get watchers(){return{value:[{updateTabsSelectedState:0}]}}},[260,"xpl-tabs",{value:[1],fullWidth:[4,"full-width"],selectedValue:[32],activeBarPosition:[32],isMobileSelectChange:[32]},[[9,"resize","onWindowResize"]],{value:[{updateTabsSelectedState:0}]}]),u=b,m=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((e=>{switch(e){case"xpl-tabs":customElements.get(l(e))||customElements.define(l(e),b);break;case"xpl-dropdown":customElements.get(l(e))||o();break;case"xpl-dropdown-group":customElements.get(l(e))||d();break;case"xpl-dropdown-heading":customElements.get(l(e))||n();break;case"xpl-dropdown-option":customElements.get(l(e))||r();break;case"xpl-icon":customElements.get(l(e))||c();break;case"xpl-select":customElements.get(l(e))||p();break;case"xpl-tag":customElements.get(l(e))||h()}}))};export{u as XplTabs,m as defineCustomElement}

package/dist/components/xpl-tag.d.ts

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

package/dist/components/xpl-tag.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./xpl-tag2.js";const t=o,a=s;export{t as XplTag,a as defineCustomElement}

package/dist/components/xpl-tag2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as c,Host as a,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.close=s(this,"close",7)}render(){return c(a,{key:"4a5d37bbd7458d289bf7ea272bd3f944e5f1f1a8",class:"xpl-tag-container"},c("button",{key:"65701bf44741a791ab8d60db2de0f3308c83df33",class:"xpl-tag",onClick:()=>{this.close.emit()}},c("slot",{key:"bd3a1e0af2dbfbc70e18082a1cd0c02710f6ef26"})),c("button",{key:"13224cc6cc44e1c4ed9515019906ba3217edffd7",class:"xpl-tag__close",onClick:()=>{this.close.emit()}},"×"))}},[260,"xpl-tag"]);function o(){"undefined"!=typeof customElements&&["xpl-tag"].forEach((e=>{"xpl-tag"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))}export{l as X,o as d}

package/dist/components/xpl-toast.d.ts

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

package/dist/components/xpl-toast.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as c,transformTag as i}from"@stencil/core/internal/client";import{d as a}from"./xpl-icon2.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.variant="neutral",this.showIcon=!0,this.dismissable=!0,this.timeout=8e3,this.handleAnimationEnd=()=>{var t,e;(null===(t=this.el)||void 0===t?void 0:t.classList.contains("xpl-toast--dismissed"))&&(null===(e=this.el)||void 0===e||e.remove())},this.getIcon=()=>{switch(this.variant){case"warning":return s("xpl-icon",{size:24,icon:"alert-hex"});case"success":return s("xpl-icon",{size:24,icon:"check-circle"});default:return s("xpl-icon",{size:24,icon:"comment-alt"})}},this.dismiss=()=>{var t;null===(t=this.el)||void 0===t||t.classList.add("xpl-toast--dismissed")}}componentDidLoad(){this.actionSlot.children.length<1&&setTimeout((()=>{this.dismiss()}),this.timeout)}render(){var t;return s(c,{key:"6a4c1dfe86f62c39db5573a0bb1eef2c14616085",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},s("div",{key:"282a4c5fc37e538d3359a0c38e7cd30e2a29e311",class:"xpl-toast__left"},this.showIcon&&s("div",{key:"dfb6bb1923f5c9e1b1dae80630cc7977529e834f",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),s("div",{key:"9a1755b484e316be08b89044ae3c55e7a30c3795",class:"xpl-toast__notification"},s("p",{key:"afa9572dcb109c58c6c4045e14b604010da95230",class:"xpl-toast__title"},s("slot",{key:"0b80b8719e79a1e01bcf8ec125db8d9762f1a1d7",name:"title"})),""!==this.caption&&s("p",{key:"7debe4dd50870bc6478a86e7742450f667dfee3a",class:"xpl-toast__caption"},null===(t=this.caption)||void 0===t?void 0:t.substring(0,85)))),s("div",{key:"194104f419162bd4157fb5e8885983ca40467d9c",class:"xpl-toast__action",ref:t=>{this.actionSlot=t}},s("slot",{key:"c63cc79ec725417c4f317dd72511e72b24f8280e",name:"action"})),this.dismissable&&s("div",{key:"3328ad43d7cd4026d5b4488dc2d920031be0ca34",class:"xpl-toast__close"},s("button",{key:"ce3b27ae3c1570806916b3d668678513df5065ed",tabIndex:0,onClick:this.dismiss},s("xpl-icon",{key:"be1a177568f933417b62ce2a2705441d00b3118f",icon:"x"}))))}get el(){return this}},[260,"xpl-toast",{variant:[1],showIcon:[4,"show-icon"],caption:[1],dismissable:[4],timeout:[2]}]),n=o,l=function(){"undefined"!=typeof customElements&&["xpl-toast","xpl-icon"].forEach((t=>{switch(t){case"xpl-toast":customElements.get(i(t))||customElements.define(i(t),o);break;case"xpl-icon":customElements.get(i(t))||a()}}))};export{n as XplToast,l as defineCustomElement}

package/dist/components/xpl-toggle.d.ts

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

package/dist/components/xpl-toggle.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as l,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as c}from"./v4.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="default",this.id=c()}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let t="xpl-toggle";return"small"===this.variant&&(t+=" xpl-toggle--small"),l(s,{key:"e5b8f2802e828221c2966fa85bafe7fb6bcf40bc",class:e},(this.heading||this.description)&&l("label",{key:"17aff6b0b12c4815d2848af71a84a808c5b2a356",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"c5bf01336e7f02b41f050971b596f718cdc8a87d",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),l("input",{key:"e9426bde8c042f3727fbcac738bd4903c063b2a4",class:t,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name}),this.label&&l("label",{key:"7d1bdfdf3ccc08276d86ffa3beb84a7946f576bb",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),d=a,b=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{d as XplToggle,b as defineCustomElement}

package/dist/components/xpl-toolbar.d.ts

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

package/dist/components/xpl-toolbar.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as c,Host as o,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return c(o,{key:"097500ed053ff1f15d30fc62e2efa556f8f95ef2",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},c("div",{key:"c2e73f623f8afe7ca8e9e367b173067992b661fa",class:"toolbar"},c("p",{key:"63c1b1f5edee4abc4fea15bdb6d483a682854403",class:"selected-item-count"},this.selectedItemCount," Selected"),c("div",{key:"bc387680fee35312128aac1e2d2a9e83e78b86af",class:"actions"},c("slot",{key:"a8e3e41f75565cbf9b8fc86665ecabdcf2f674f3",name:"actions-left"}),c("slot",{key:"b3e82f6aabb8279f39248b551570d8937cf35aa6",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),n=a,l=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{n as XplToolbar,l as defineCustomElement}

package/dist/components/xpl-tooltip.d.ts

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

package/dist/components/xpl-tooltip.js

@@ -0,0 +1 @@
+import{X as o,d as t}from"./xpl-tooltip2.js";const p=o,s=t;export{p as XplTooltip,s as defineCustomElement}

package/dist/components/xpl-tooltip2.js

@@ -0,0 +1 @@
+import{h as e,proxyCustomElement as t,HTMLElement as o,Host as a,transformTag as i}from"@stencil/core/internal/client";const l=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"14"},e("g",{filter:"url(#a)"},e("path",{d:"M0 5h15l-7.5 7.5L0 5Z"})),e("defs",null,e("filter",{id:"a",width:"20",height:"8.171",x:".5",y:"5","color-interpolation-filters":"sRGB",filterUnits:"userSpaceOnUse"},e("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),e("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),e("feOffset",{dy:"1"}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("feColorMatrix",{values:"0 0 0 0 0.882353 0 0 0 0 0.886275 0 0 0 0 0.909804 0 0 0 1 0"}),e("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_20073_3067"}),e("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_20073_3067",result:"shape"})))),r=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.position="top-middle",this.hideArrow=!1}render(){return e(a,{key:"2a442f9c9c54e8e6f8032b5d6384c84a1fbda0ad"},e("div",{key:"f30932db02af0f1273421b14c5b25840adbc3f58",class:"xpl-tooltip-container"},e("slot",{key:"729aee67e66fb3d281b84a86aeba2d12a8a08340"}),e("div",{key:"9c0f6a237f2a1a11459a311095a2bdf9be4b176d",class:`xpl-tooltip xpl-tooltip--${this.position}`},this.text),!this.hideArrow&&e("div",{key:"3bb6b085ddde321cf3063feba8ff23e785723afd",class:"xpl-tooltip-arrow"},e(l,{key:"f687c2776a7b9097aec183c5128e9e238e57d26e"}))))}},[260,"xpl-tooltip",{text:[1],position:[1],hideArrow:[4,"hide-arrow"]}]);function s(){"undefined"!=typeof customElements&&["xpl-tooltip"].forEach((e=>{"xpl-tooltip"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as X,s as d}

package/dist/components/xpl-utility-bar.d.ts

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

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

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as a,Host as n,transformTag as e}from"@stencil/core/internal/client";import{d as l}from"./xpl-icon2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.navOpen=s(this,"navOpen",7),this.open=!0}onNavToggle(){this.open=!this.open,this.navOpen.emit(this.open)}componentWillLoad(){this.open=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.open}render(){return a(n,{key:"a67e91188d392358df4b052d7e9026cf2f6b9b04"},a("nav",{key:"f51a3c37a1c8ae3d4f4ba8b524fb1f2ff2dd5ea8","aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?a("div",null,a("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle()},a("xpl-icon",{class:"xpl-utility-nav__bars",icon:"three-bars"})),a("slot",{name:"aside"})):a("slot",{name:"aside"}),a("slot",{key:"75f581a8455f372b692a9ec190c2f0974b214105",name:"main"})))}},[260,"xpl-utility-bar",{navControl:[4,"nav-control"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],open:[32]}]),c=o,r=function(){"undefined"!=typeof customElements&&["xpl-utility-bar","xpl-icon"].forEach((t=>{switch(t){case"xpl-utility-bar":customElements.get(e(t))||customElements.define(e(t),o);break;case"xpl-icon":customElements.get(e(t))||l()}}))};export{c as XplUtilityBar,r as defineCustomElement}