@xplortech/apollo-core 2.9.0 → 2.11.0

package/dist/components/xpl-spotlight.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as s,forceUpdate as o,h,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as l,a,o as r,f as c,s as p}from"./floating-ui.dom.js";import{d}from"./xpl-button2.js";import{d as u}from"./xpl-icon2.js";const g=".xpl-spotlight__dismiss button, .xpl-spotlight__actions button";let m=0;const v={"top-left":"top-start","top-right":"top-end","bottom-left":"bottom-start","bottom-right":"bottom-end"},x={top:"bottom-left","top-start":"bottom-left","top-end":"bottom-right",bottom:"top-left","bottom-start":"top-left","bottom-end":"top-right",left:"top-right","left-start":"top-right","left-end":"bottom-right",right:"top-left","right-start":"top-left","right-end":"bottom-left"},b=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dismiss=s(this,"dismiss",7),this.primaryAction=s(this,"primaryAction",7),this.secondaryAction=s(this,"secondaryAction",7),this.targetClick=s(this,"targetClick",7),this.cleanupAutoUpdate=null,this.enterVisibleFrameId=null,this.focusFrameId=null,this.hasCompletedInitialLoad=!1,this.headingId=(m+=1,"xpl-spotlight-heading-"+m),this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!1,this.positioningGeneration=0,this.previousFocus=null,this.referenceEl=null,this.shouldMoveFocusOnRender=!1,this.shouldReinitializeAfterReconnect=!1,this.slotContentObserver=null,this.hasBodySlotContent=!1,this.hasFloatingPosition=!1,this.hasImageSlotContent=!1,this.hasTitleSlotContent=!1,this.isVisible=!1,this.resolvedAnchorPosition="top-left",this.actionLayout="default",this.anchorPosition="top-left",this.currentStep=1,this.isDismissible=!0,this.isOpen=!0,this.primaryActionLabel="Next",this.secondaryActionLabel="Back",this.showActions=!0,this.showImage=!0,this.showSteps=!0,this.totalSteps=1,this.emitDismiss=()=>{this.dismiss.emit()},this.handleDismissClick=()=>{this.emitDismiss()},this.handlePrimaryClick=()=>{this.primaryAction.emit()},this.handleSecondaryClick=()=>{this.secondaryAction.emit()},this.handleTargetClick=()=>{this.targetClick.emit()},this.syncTitleSlotIds=()=>{const t=this.getFirstTitleSlottedElement();t&&!t.id&&(t.id=this.headingId)},this.handleBodySlotChange=()=>{this.refreshBodySlotState()},this.handleTitleSlotChange=()=>{this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.handleImageSlotChange=()=>{this.refreshImageSlotState()},this.handleSlotContentMutation=()=>{this.refreshBodySlotState(),this.refreshImageSlotState(),this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.updatePosition=async t=>{var i,s,h,e,n,a;const d=this.positioningGeneration;try{const o=v[this.anchorPosition],{x:u,y:g,placement:m,middlewareData:b}=await l(t,this.el,{strategy:"fixed",placement:o,middleware:[r(12),c({crossAxis:!1}),p({padding:8})]});if(d!==this.positioningGeneration)return;this.el.style.left=u+"px",this.el.style.top=g+"px";const f=null!==(s=null===(i=b.shift)||void 0===i?void 0:i.x)&&void 0!==s?s:0,y=null!==(e=null===(h=b.shift)||void 0===h?void 0:h.y)&&void 0!==e?e:0;this.el.style.setProperty("--xpl-spotlight-shift-x",-f+"px"),this.el.style.setProperty("--xpl-spotlight-shift-y",-y+"px"),this.hasFloatingPosition=!0;const _=null!==(n=x[m])&&void 0!==n?n:x[null!==(a=m.split("-")[0])&&void 0!==a?a:""];this.resolvedAnchorPosition=null!=_?_:this.anchorPosition,this.pendingEnterTransitionAfterAnchor&&this.scheduleEnterTransition()}catch(t){if(d!==this.positioningGeneration)return;this.clearFloatingHostCoordinates(),this.isOpenEnabled&&(this.scheduleEnterTransition({skipAnchorWait:!0}),await o(this))}}}onAnchorPositionChange(){this.target&&this.referenceEl?this.updatePosition(this.referenceEl).catch((()=>{})):this.resolvedAnchorPosition=this.anchorPosition}onIsOpenChange(s){if(t.coerceBoolean(s))return this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.shouldMoveFocusOnRender=!0,this.isVisible=!1,this.refreshBodySlotState(),this.refreshTitleSlotState(),this.refreshImageSlotState(),this.target&&(this.cleanupAutoUpdate&&this.referenceEl&&this.el.ownerDocument.contains(this.referenceEl)?this.hasFloatingPosition=!1:this.startPositioning()),void this.scheduleEnterTransition();this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.isVisible=!1,this.target||this.stopPositioning(),this.restoreFocus()}onTargetChange(){if(!this.target)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.startPositioning()}connectedCallback(){this.shouldReinitializeAfterReconnect&&(this.shouldReinitializeAfterReconnect=!1,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?(this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.shouldMoveFocusOnRender=!0,this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(o(this)).catch((()=>{}))):this.isVisible=!1)}disconnectedCallback(){this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.stopSlotContentObserver(),this.stopPositioning(),this.hasCompletedInitialLoad&&(this.shouldReinitializeAfterReconnect=!0)}componentWillLoad(){this.resolvedAnchorPosition=this.anchorPosition,this.hasBodySlotContent=this.hasSlottedContent("body"),this.hasImageSlotContent=this.hasSlottedContent("image"),this.hasTitleSlotContent=this.hasSlottedContent("title"),this.isOpenEnabled&&(this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.target||(this.pendingEnterVisible=!0)),this.shouldMoveFocusOnRender=this.isOpenEnabled}componentDidLoad(){this.hasCompletedInitialLoad=!0,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?this.target&&(this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(o(this)).catch((()=>{}))):this.isVisible=!1}componentDidRender(){this.isOpenEnabled&&this.syncTitleSlotIds(),this.pendingEnterVisible&&this.isOpenEnabled&&(this.pendingEnterVisible=!1,this.enterVisibleFrameId=requestAnimationFrame((()=>{this.enterVisibleFrameId=null,this.isOpenEnabled&&(this.isVisible=!0)}))),this.shouldMoveFocusOnRender&&this.isOpenEnabled&&(this.shouldMoveFocusOnRender=!1,this.focusInitial())}handleKeyDown(t){"Escape"===t.key&&this.shouldHandleDismissKeyboardEvent()&&(t.preventDefault(),this.emitDismiss())}get effectiveTotalSteps(){return Math.max(1,this.totalSteps)}get effectiveCurrentStep(){return Math.min(this.effectiveTotalSteps,Math.max(1,this.currentStep))}get isDismissibleEnabled(){return t.coerceBoolean(this.isDismissible)}get isOpenEnabled(){return t.coerceBoolean(this.isOpen)}get isSingleActionLayout(){return"single"===this.actionLayout}get usesHiddenEdgeActions(){return"dual"===this.actionLayout}get isPrimaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep>=this.effectiveTotalSteps}get isSecondaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep<=1}get shouldShowPrimaryAction(){return!!this.isSingleActionLayout||!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep<this.effectiveTotalSteps}get shouldShowSecondaryAction(){return!this.isSingleActionLayout&&(!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep>1)}get hasRenderableFocusChrome(){return!!this.isDismissibleEnabled||!!this.showActionsEnabled&&(this.shouldShowPrimaryAction||this.shouldShowSecondaryAction)}get showActionsEnabled(){return t.coerceBoolean(this.showActions)}get showImageEnabled(){return t.coerceBoolean(this.showImage)}get showStepsEnabled(){return t.coerceBoolean(this.showSteps)}get headingPropHasText(){var t;return!!(null===(t=this.heading)||void 0===t?void 0:t.trim())}get bodyPropHasText(){var t;return!!(null===(t=this.body)||void 0===t?void 0:t.trim())}async focusInitial(){var t;if(null===(t=this.focusAbort)||void 0===t||t.abort(),this.focusAbort=new AbortController,!this.hasRenderableFocusChrome&&this.isOpenEnabled)return void(this.focusFrameId=requestAnimationFrame((()=>{this.focusFrameId=null,this.isOpenEnabled&&this.el.focus()})));const i=await function(t,i){var s;const o=t.querySelector(g);return o?Promise.resolve(o):(null===(s=null==i?void 0:i.signal)||void 0===s?void 0:s.aborted)?Promise.resolve(null):"undefined"==typeof MutationObserver?function(t,i){return new Promise((s=>{var o,h;if(null===(o=null==i?void 0:i.signal)||void 0===o?void 0:o.aborted)return void s(null);let e,n,l=0;const a=t=>{void 0!==e&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(e),void 0!==n&&clearTimeout(n),s(t)},r=()=>a(null);null===(h=null==i?void 0:i.signal)||void 0===h||h.addEventListener("abort",r,{once:!0});const c=t=>{"undefined"!=typeof requestAnimationFrame?e=requestAnimationFrame((()=>{e=void 0,t()})):n=setTimeout((()=>{n=void 0,t()}),0)},p=()=>{var s,o,h;if(null===(s=null==i?void 0:i.signal)||void 0===s?void 0:s.aborted)return void a(null);const e=t.querySelector(g);return e?(null===(o=null==i?void 0:i.signal)||void 0===o||o.removeEventListener("abort",r),void a(e)):(l+=1,l>=120?(null===(h=null==i?void 0:i.signal)||void 0===h||h.removeEventListener("abort",r),void a(null)):void c(p))};c(p)}))}(t,i):new Promise((s=>{var o;let h,e,n=!1;function l(t){n||(n=!0,e.disconnect(),void 0!==h&&clearTimeout(h),s(t))}e=new MutationObserver((()=>{const i=t.querySelector(g);i&&l(i)})),e.observe(t instanceof Node?t:document,{childList:!0,subtree:!0}),h=setTimeout((()=>l(null)),2500),null===(o=null==i?void 0:i.signal)||void 0===o||o.addEventListener("abort",(()=>{l(null)}),{once:!0})}))}(this.el,{signal:this.focusAbort.signal});i?i.focus():this.isOpenEnabled&&this.el.focus()}shouldHandleDismissKeyboardEvent(){if(!this.isDismissibleEnabled||!this.isOpenEnabled||!this.isVisible)return!1;const{activeElement:t}=document;return!!t&&(t===this.el||this.el.contains(t))}restoreFocus(){var t;(null===(t=this.previousFocus)||void 0===t?void 0:t.isConnected)&&this.previousFocus.focus()}cancelPendingFocusWait(){var t;null===(t=this.focusAbort)||void 0===t||t.abort(),null!=this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null)}cancelEnterTransition(){null!==this.enterVisibleFrameId&&(cancelAnimationFrame(this.enterVisibleFrameId),this.enterVisibleFrameId=null),this.pendingEnterVisible=!1}scheduleEnterTransition(t){this.cancelEnterTransition(),(null==t?void 0:t.skipAnchorWait)||!this.target||!this.referenceEl||this.hasFloatingPosition?(this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!0):this.pendingEnterTransitionAfterAnchor=!0}getFirstTitleSlottedElement(){var t;const i=Array.from(this.el.children).find((t=>t.nodeType===Node.ELEMENT_NODE&&"title"===t.getAttribute("slot")));if(i)return i;const s=this.el.querySelector('slot[name="title"]');return s&&null!==(t=Array.from(s.assignedNodes({flatten:!0})).find((t=>t.nodeType===Node.ELEMENT_NODE)))&&void 0!==t?t:null}getDialogLabelId(){if(this.hasTitleSlotContent){const t=this.getFirstTitleSlottedElement();return(null==t?void 0:t.id)?t.id:this.headingId}if(this.headingPropHasText)return this.headingId}refreshBodySlotState(){const t=this.hasSlottedContent("body");this.hasBodySlotContent!==t&&(this.hasBodySlotContent=t)}refreshTitleSlotState(){const t=this.hasSlottedContent("title");this.hasTitleSlotContent!==t&&(this.hasTitleSlotContent=t)}static coerceBoolean(t){return"string"==typeof t?"false"!==t.trim().toLowerCase():!!t}refreshImageSlotState(){const t=this.hasSlottedContent("image");this.hasImageSlotContent!==t&&(this.hasImageSlotContent=t)}startSlotContentObserver(){"undefined"==typeof MutationObserver||this.slotContentObserver||(this.slotContentObserver=new MutationObserver(this.handleSlotContentMutation),this.slotContentObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],childList:!0,subtree:!0}))}stopSlotContentObserver(){var t;null===(t=this.slotContentObserver)||void 0===t||t.disconnect(),this.slotContentObserver=null}hasSlottedContent(t){const i=this.el.querySelector(`slot[name="${t}"]`),s=this.el.querySelector(`[slot="${t}"]`),o=Array.from(this.el.children).some((i=>i.getAttribute("slot")===t)),h=!!i&&i.assignedNodes({flatten:!0}).some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(null===(i=t.textContent)||void 0===i?void 0:i.trim())}));return!(!s&&!o)||h}startPositioning(){if(!this.target)return;let t=null;try{t=this.el.ownerDocument.querySelector(this.target)}catch(t){return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition)}if(!t)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.detachFloatingUiListeners(),this.referenceEl=t,this.cleanupAutoUpdate=a(t,this.el,(()=>{this.updatePosition(t).catch((()=>{}))}))}detachFloatingUiListeners(){this.positioningGeneration+=1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}resetFloatingHostPosition(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.referenceEl=null}clearFloatingHostCoordinates(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.resolvedAnchorPosition=this.anchorPosition}stopPositioning(){this.detachFloatingUiListeners(),this.resetFloatingHostPosition()}render(){if(!this.isOpenEnabled)return this.target?h(e,{class:{"xpl-spotlight":!0,"xpl-spotlight--target-only":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition}},h("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},h("div",{class:"xpl-spotlight__target-outer"}),h("div",{class:"xpl-spotlight__target-inner"}))):h(e,{"aria-hidden":"true",class:{"xpl-spotlight":!0,"xpl-spotlight--closed":!0}});const{isSingleActionLayout:t,shouldShowPrimaryAction:i,shouldShowSecondaryAction:s,showActionsEnabled:o,showImageEnabled:n,showStepsEnabled:l}=this;return h(e,{class:{["xpl-spotlight--action-layout-"+this.actionLayout]:o,"xpl-spotlight":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition,"xpl-spotlight--no-image":!n,"xpl-spotlight--only-primary-action":o&&i&&!s,"xpl-spotlight--only-secondary-action":o&&s&&!i,"xpl-spotlight--visible":this.isVisible},role:"dialog","aria-modal":"false","aria-label":this.getDialogLabelId()?void 0:"Tour step","aria-labelledby":this.getDialogLabelId(),tabindex:-1},h("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},h("div",{class:"xpl-spotlight__target-outer"}),h("div",{class:"xpl-spotlight__target-inner"})),this.isDismissibleEnabled&&h("div",{class:"xpl-spotlight__dismiss"},h("xpl-button",{variant:"secondary",size:"sm",iconOnly:!0,"aria-label":"Dismiss tour step",onClick:this.handleDismissClick},h("xpl-icon",{icon:"xmark",size:16}))),h("div",{class:"xpl-spotlight__frame"},h("div",{class:{"xpl-spotlight__image-container":!0,"xpl-spotlight__image-container--empty":!this.hasImageSlotContent,"xpl-spotlight__image-container--hidden":!n}},!this.hasImageSlotContent&&n&&h("div",{class:"xpl-spotlight__image-placeholder","aria-hidden":"true"},h("xpl-icon",{icon:"photo",size:24}),h("xpl-icon",{icon:"video",size:24})),h("slot",{name:"image",onSlotchange:this.handleImageSlotChange})),h("div",{class:"xpl-spotlight__content"},h("div",{class:"xpl-spotlight__header"},h("slot",{name:"title",onSlotchange:this.handleTitleSlotChange},!this.hasTitleSlotContent&&this.headingPropHasText&&h("span",{class:"xpl-spotlight__title",id:this.headingId},this.heading)),h("slot",{name:"body",onSlotchange:this.handleBodySlotChange},!this.hasBodySlotContent&&this.bodyPropHasText&&h("p",{class:"xpl-spotlight__body"},this.body))),o&&h("div",{class:{"xpl-spotlight__actions":!0,"xpl-spotlight__actions--dual":!t,"xpl-spotlight__actions--single":t,"xpl-spotlight__actions--with-steps":l,"xpl-spotlight__actions--only-primary":i&&!s,"xpl-spotlight__actions--only-secondary":s&&!i}},h("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--secondary"},s&&h("xpl-button",{class:"xpl-spotlight__secondary-action",variant:"secondary",size:"default",disabled:this.isSecondaryStepActionDisabled,onClick:this.handleSecondaryClick},this.secondaryActionLabel)),l&&h("span",{class:"xpl-spotlight__step-text"},this.effectiveCurrentStep," of ",this.effectiveTotalSteps),h("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--primary"},i&&h("xpl-button",{class:"xpl-spotlight__primary-action",variant:"primary",size:"default",disabled:this.isPrimaryStepActionDisabled,onClick:this.handlePrimaryClick},this.primaryActionLabel))))))}get el(){return this}static get watchers(){return{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}}},[260,"xpl-spotlight",{actionLayout:[1,"action-layout"],anchorPosition:[1,"anchor-position"],body:[1],currentStep:[2,"current-step"],heading:[1],isDismissible:[4,"is-dismissible"],isOpen:[4,"is-open"],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showActions:[4,"show-actions"],showImage:[4,"show-image"],showSteps:[4,"show-steps"],target:[1],totalSteps:[2,"total-steps"],hasBodySlotContent:[32],hasFloatingPosition:[32],hasImageSlotContent:[32],hasTitleSlotContent:[32],isVisible:[32],resolvedAnchorPosition:[32]},[[4,"keydown","handleKeyDown"]],{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}]),f=b,y=function(){"undefined"!=typeof customElements&&["xpl-spotlight","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-spotlight":customElements.get(n(t))||customElements.define(n(t),b);break;case"xpl-button":customElements.get(n(t))||d();break;case"xpl-icon":customElements.get(n(t))||u()}}))};export{f as XplSpotlight,y as defineCustomElement}
+import{p as t,H as i,d as s,f as o,h,c as e,t as n}from"./p-BT_Lq3Vd.js";import{c as l,a,o as r,f as c,b as p}from"./p-CFpsSZyr.js";import{d}from"./p-D2SFagIb.js";import{d as u}from"./p-ByJRw26d.js";const g=".xpl-spotlight__dismiss button, .xpl-spotlight__actions button";let m=0;const v={"top-left":"top-start","top-right":"top-end","bottom-left":"bottom-start","bottom-right":"bottom-end"},x={top:"bottom-left","top-start":"bottom-left","top-end":"bottom-right",bottom:"top-left","bottom-start":"top-left","bottom-end":"top-right",left:"top-right","left-start":"top-right","left-end":"bottom-right",right:"top-left","right-start":"top-left","right-end":"bottom-left"},b=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dismiss=s(this,"dismiss",7),this.primaryAction=s(this,"primaryAction",7),this.secondaryAction=s(this,"secondaryAction",7),this.targetClick=s(this,"targetClick",7),this.cleanupAutoUpdate=null,this.enterVisibleFrameId=null,this.focusFrameId=null,this.hasCompletedInitialLoad=!1,this.headingId=(m+=1,"xpl-spotlight-heading-"+m),this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!1,this.positioningGeneration=0,this.previousFocus=null,this.referenceEl=null,this.shouldMoveFocusOnRender=!1,this.shouldReinitializeAfterReconnect=!1,this.slotContentObserver=null,this.hasBodySlotContent=!1,this.hasFloatingPosition=!1,this.hasImageSlotContent=!1,this.hasTitleSlotContent=!1,this.dialogLabelId=void 0,this.isVisible=!1,this.resolvedAnchorPosition="top-left",this.actionLayout="default",this.anchorPosition="top-left",this.currentStep=1,this.isDismissible=!0,this.isOpen=!0,this.primaryActionLabel="Next",this.secondaryActionLabel="Back",this.showActions=!0,this.showImage=!0,this.showSteps=!0,this.totalSteps=1,this.emitDismiss=()=>{this.dismiss.emit()},this.handleDismissClick=()=>{this.emitDismiss()},this.handlePrimaryClick=()=>{this.primaryAction.emit()},this.handleSecondaryClick=()=>{this.secondaryAction.emit()},this.handleTargetClick=()=>{this.targetClick.emit()},this.syncTitleSlotIds=()=>{const t=this.getFirstTitleSlottedElement();t&&!t.id&&(t.id=this.headingId)},this.handleBodySlotChange=()=>{this.refreshBodySlotState()},this.handleTitleSlotChange=()=>{this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.handleImageSlotChange=()=>{this.refreshImageSlotState()},this.handleSlotContentMutation=()=>{this.refreshBodySlotState(),this.refreshImageSlotState(),this.refreshTitleSlotState(),this.syncTitleSlotIds()},this.updatePosition=async t=>{var i,s,h,e,n,a;const d=this.positioningGeneration;try{const o=v[this.anchorPosition],{x:u,y:g,placement:m,middlewareData:b}=await l(t,this.el,{strategy:"fixed",placement:o,middleware:[r(12),c({crossAxis:!1}),p({padding:8})]});if(d!==this.positioningGeneration)return;this.el.style.left=u+"px",this.el.style.top=g+"px";const f=null!==(s=null===(i=b.shift)||void 0===i?void 0:i.x)&&void 0!==s?s:0,y=null!==(e=null===(h=b.shift)||void 0===h?void 0:h.y)&&void 0!==e?e:0;this.el.style.setProperty("--xpl-spotlight-shift-x",-f+"px"),this.el.style.setProperty("--xpl-spotlight-shift-y",-y+"px"),this.hasFloatingPosition=!0;const _=null!==(n=x[m])&&void 0!==n?n:x[null!==(a=m.split("-")[0])&&void 0!==a?a:""];this.resolvedAnchorPosition=null!=_?_:this.anchorPosition,this.pendingEnterTransitionAfterAnchor&&this.scheduleEnterTransition()}catch(t){if(d!==this.positioningGeneration)return;this.clearFloatingHostCoordinates(),this.isOpenEnabled&&(this.scheduleEnterTransition({skipAnchorWait:!0}),await o(this))}}}onAnchorPositionChange(){this.target&&this.referenceEl?this.updatePosition(this.referenceEl).catch((()=>{})):this.resolvedAnchorPosition=this.anchorPosition}onIsOpenChange(s){if(t.coerceBoolean(s))return this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.shouldMoveFocusOnRender=!0,this.isVisible=!1,this.refreshBodySlotState(),this.refreshTitleSlotState(),this.refreshImageSlotState(),this.target&&(this.cleanupAutoUpdate&&this.referenceEl&&this.el.ownerDocument.contains(this.referenceEl)?this.hasFloatingPosition=!1:this.startPositioning()),void this.scheduleEnterTransition();this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.isVisible=!1,this.target||this.stopPositioning(),this.restoreFocus()}onTargetChange(){if(!this.target)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.startPositioning()}connectedCallback(){this.shouldReinitializeAfterReconnect&&(this.shouldReinitializeAfterReconnect=!1,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?(this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.shouldMoveFocusOnRender=!0,this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(o(this)).catch((()=>{}))):this.isVisible=!1)}disconnectedCallback(){this.cancelEnterTransition(),this.cancelPendingFocusWait(),this.stopSlotContentObserver(),this.stopPositioning(),this.hasCompletedInitialLoad&&(this.shouldReinitializeAfterReconnect=!0)}componentWillLoad(){this.resolvedAnchorPosition=this.anchorPosition,this.hasBodySlotContent=this.hasSlottedContent("body"),this.hasImageSlotContent=this.hasSlottedContent("image"),this.hasTitleSlotContent=this.hasSlottedContent("title"),this.dialogLabelId=this.getDialogLabelId(),this.isOpenEnabled&&(this.previousFocus=document.activeElement instanceof i?document.activeElement:null,this.target||(this.pendingEnterVisible=!0)),this.shouldMoveFocusOnRender=this.isOpenEnabled}componentDidLoad(){this.hasCompletedInitialLoad=!0,this.startSlotContentObserver(),this.target&&this.startPositioning(),this.isOpenEnabled?this.target&&(this.scheduleEnterTransition(),this.pendingEnterVisible&&Promise.resolve(o(this)).catch((()=>{}))):this.isVisible=!1}componentDidRender(){this.isOpenEnabled&&this.syncTitleSlotIds();const t=this.getDialogLabelId();this.dialogLabelId!==t&&(this.dialogLabelId=t),this.pendingEnterVisible&&this.isOpenEnabled&&(this.pendingEnterVisible=!1,this.enterVisibleFrameId=requestAnimationFrame((()=>{this.enterVisibleFrameId=null,this.isOpenEnabled&&(this.isVisible=!0)}))),this.shouldMoveFocusOnRender&&this.isOpenEnabled&&(this.shouldMoveFocusOnRender=!1,this.focusInitial())}handleKeyDown(t){"Escape"===t.key&&this.shouldHandleDismissKeyboardEvent()&&(t.preventDefault(),this.emitDismiss())}get effectiveTotalSteps(){return Math.max(1,this.totalSteps)}get effectiveCurrentStep(){return Math.min(this.effectiveTotalSteps,Math.max(1,this.currentStep))}get isDismissibleEnabled(){return t.coerceBoolean(this.isDismissible)}get isOpenEnabled(){return t.coerceBoolean(this.isOpen)}get isSingleActionLayout(){return"single"===this.actionLayout}get usesHiddenEdgeActions(){return"dual"===this.actionLayout}get isPrimaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep>=this.effectiveTotalSteps}get isSecondaryStepActionDisabled(){return!this.usesHiddenEdgeActions&&this.showStepsEnabled&&this.effectiveCurrentStep<=1}get shouldShowPrimaryAction(){return!!this.isSingleActionLayout||!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep<this.effectiveTotalSteps}get shouldShowSecondaryAction(){return!this.isSingleActionLayout&&(!this.usesHiddenEdgeActions||!this.showStepsEnabled||this.effectiveCurrentStep>1)}get hasRenderableFocusChrome(){return!!this.isDismissibleEnabled||!!this.showActionsEnabled&&(this.shouldShowPrimaryAction||this.shouldShowSecondaryAction)}get showActionsEnabled(){return t.coerceBoolean(this.showActions)}get showImageEnabled(){return t.coerceBoolean(this.showImage)}get showStepsEnabled(){return t.coerceBoolean(this.showSteps)}get headingPropHasText(){var t;return!!(null===(t=this.heading)||void 0===t?void 0:t.trim())}get bodyPropHasText(){var t;return!!(null===(t=this.body)||void 0===t?void 0:t.trim())}async focusInitial(){var t;if(null===(t=this.focusAbort)||void 0===t||t.abort(),this.focusAbort=new AbortController,!this.hasRenderableFocusChrome&&this.isOpenEnabled)return void(this.focusFrameId=requestAnimationFrame((()=>{this.focusFrameId=null,this.isOpenEnabled&&this.el.focus()})));const i=await function(t,i){var s;const o=t.querySelector(g);return o?Promise.resolve(o):(null===(s=null==i?void 0:i.signal)||void 0===s?void 0:s.aborted)?Promise.resolve(null):"undefined"==typeof MutationObserver?function(t,i){return new Promise((s=>{var o,h;if(null===(o=null==i?void 0:i.signal)||void 0===o?void 0:o.aborted)return void s(null);let e,n,l=0;const a=t=>{void 0!==e&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(e),void 0!==n&&clearTimeout(n),s(t)},r=()=>a(null);null===(h=null==i?void 0:i.signal)||void 0===h||h.addEventListener("abort",r,{once:!0});const c=t=>{"undefined"!=typeof requestAnimationFrame?e=requestAnimationFrame((()=>{e=void 0,t()})):n=setTimeout((()=>{n=void 0,t()}),0)},p=()=>{var s,o,h;if(null===(s=null==i?void 0:i.signal)||void 0===s?void 0:s.aborted)return void a(null);const e=t.querySelector(g);return e?(null===(o=null==i?void 0:i.signal)||void 0===o||o.removeEventListener("abort",r),void a(e)):(l+=1,l>=120?(null===(h=null==i?void 0:i.signal)||void 0===h||h.removeEventListener("abort",r),void a(null)):void c(p))};c(p)}))}(t,i):new Promise((s=>{var o;let h,e,n=!1;function l(t){n||(n=!0,e.disconnect(),void 0!==h&&clearTimeout(h),s(t))}e=new MutationObserver((()=>{const i=t.querySelector(g);i&&l(i)})),e.observe(t instanceof Node?t:document,{childList:!0,subtree:!0}),h=setTimeout((()=>l(null)),2500),null===(o=null==i?void 0:i.signal)||void 0===o||o.addEventListener("abort",(()=>{l(null)}),{once:!0})}))}(this.el,{signal:this.focusAbort.signal});i?i.focus():this.isOpenEnabled&&this.el.focus()}shouldHandleDismissKeyboardEvent(){if(!this.isDismissibleEnabled||!this.isOpenEnabled||!this.isVisible)return!1;const{activeElement:t}=document;return!!t&&(t===this.el||this.el.contains(t))}restoreFocus(){var t;(null===(t=this.previousFocus)||void 0===t?void 0:t.isConnected)&&this.previousFocus.focus()}cancelPendingFocusWait(){var t;null===(t=this.focusAbort)||void 0===t||t.abort(),null!=this.focusFrameId&&(cancelAnimationFrame(this.focusFrameId),this.focusFrameId=null)}cancelEnterTransition(){null!==this.enterVisibleFrameId&&(cancelAnimationFrame(this.enterVisibleFrameId),this.enterVisibleFrameId=null),this.pendingEnterVisible=!1}scheduleEnterTransition(t){this.cancelEnterTransition(),(null==t?void 0:t.skipAnchorWait)||!this.target||!this.referenceEl||this.hasFloatingPosition?(this.pendingEnterTransitionAfterAnchor=!1,this.pendingEnterVisible=!0):this.pendingEnterTransitionAfterAnchor=!0}getFirstTitleSlottedElement(){var t;const i=Array.from(this.el.children).find((t=>t.nodeType===Node.ELEMENT_NODE&&"title"===t.getAttribute("slot")));if(i)return i;const s=this.el.querySelector('slot[name="title"]');if(s&&"function"==typeof s.assignedNodes){const t=Array.from(s.assignedNodes({flatten:!0})).find((t=>t.nodeType===Node.ELEMENT_NODE));if(t)return t}return null!==(t=this.el.querySelector('[slot="title"]'))&&void 0!==t?t:null}getDialogLabelId(){if(this.hasTitleSlotContent){const t=this.getFirstTitleSlottedElement();return(null==t?void 0:t.id)?t.id:this.headingId}if(this.headingPropHasText)return this.headingId}refreshBodySlotState(){const t=this.hasSlottedContent("body");this.hasBodySlotContent!==t&&(this.hasBodySlotContent=t)}refreshTitleSlotState(){const t=this.hasSlottedContent("title");this.hasTitleSlotContent!==t&&(this.hasTitleSlotContent=t)}static coerceBoolean(t){return"string"==typeof t?"false"!==t.trim().toLowerCase():!!t}refreshImageSlotState(){const t=this.hasSlottedContent("image");this.hasImageSlotContent!==t&&(this.hasImageSlotContent=t)}startSlotContentObserver(){"undefined"==typeof MutationObserver||this.slotContentObserver||(this.slotContentObserver=new MutationObserver(this.handleSlotContentMutation),this.slotContentObserver.observe(this.el,{attributes:!0,attributeFilter:["slot"],childList:!0,subtree:!0}))}stopSlotContentObserver(){var t;null===(t=this.slotContentObserver)||void 0===t||t.disconnect(),this.slotContentObserver=null}hasSlottedContent(t){const i=this.el.querySelector(`slot[name="${t}"]`),s=this.el.querySelector(`[slot="${t}"]`),o=Array.from(this.el.children).some((i=>i.getAttribute("slot")===t)),h=!!i&&i.assignedNodes({flatten:!0}).some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(null===(i=t.textContent)||void 0===i?void 0:i.trim())}));return!(!s&&!o)||h}startPositioning(){if(!this.target)return;let t=null;try{t=this.el.ownerDocument.querySelector(this.target)}catch(t){return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition)}if(!t)return this.stopPositioning(),void(this.resolvedAnchorPosition=this.anchorPosition);this.detachFloatingUiListeners(),this.referenceEl=t,this.cleanupAutoUpdate=a(t,this.el,(()=>{this.updatePosition(t).catch((()=>{}))}))}detachFloatingUiListeners(){this.positioningGeneration+=1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}resetFloatingHostPosition(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.referenceEl=null}clearFloatingHostCoordinates(){this.el.style.left="",this.el.style.top="",this.el.style.removeProperty("--xpl-spotlight-shift-x"),this.el.style.removeProperty("--xpl-spotlight-shift-y"),this.hasFloatingPosition=!1,this.pendingEnterTransitionAfterAnchor=!1,this.resolvedAnchorPosition=this.anchorPosition}stopPositioning(){this.detachFloatingUiListeners(),this.resetFloatingHostPosition()}render(){if(!this.isOpenEnabled)return this.target?h(e,{class:{"xpl-spotlight":!0,"xpl-spotlight--target-only":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition}},h("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},h("div",{class:"xpl-spotlight__target-outer"}),h("div",{class:"xpl-spotlight__target-inner"}))):h(e,{"aria-hidden":"true",class:{"xpl-spotlight":!0,"xpl-spotlight--closed":!0}});const{isSingleActionLayout:t,shouldShowPrimaryAction:i,shouldShowSecondaryAction:s,showActionsEnabled:o,showImageEnabled:n,showStepsEnabled:l}=this;return h(e,{class:{["xpl-spotlight--action-layout-"+this.actionLayout]:o,"xpl-spotlight":!0,["xpl-spotlight--"+this.resolvedAnchorPosition]:!0,"xpl-spotlight--anchored":this.hasFloatingPosition,"xpl-spotlight--no-image":!n,"xpl-spotlight--only-primary-action":o&&i&&!s,"xpl-spotlight--only-secondary-action":o&&s&&!i,"xpl-spotlight--visible":this.isVisible},role:"dialog","aria-modal":"false","aria-label":this.dialogLabelId?void 0:"Tour step","aria-labelledby":this.dialogLabelId,tabindex:-1},h("button",{type:"button",class:"xpl-spotlight__target","aria-label":"Spotlight indicator",onClick:this.handleTargetClick},h("div",{class:"xpl-spotlight__target-outer"}),h("div",{class:"xpl-spotlight__target-inner"})),this.isDismissibleEnabled&&h("div",{class:"xpl-spotlight__dismiss"},h("xpl-button",{variant:"secondary",size:"sm",iconOnly:!0,"aria-label":"Dismiss tour step",onClick:this.handleDismissClick},h("xpl-icon",{icon:"xmark",size:16}))),h("div",{class:"xpl-spotlight__frame"},h("div",{class:{"xpl-spotlight__image-container":!0,"xpl-spotlight__image-container--empty":!this.hasImageSlotContent,"xpl-spotlight__image-container--hidden":!n}},!this.hasImageSlotContent&&n&&h("div",{class:"xpl-spotlight__image-placeholder","aria-hidden":"true"},h("xpl-icon",{icon:"photo",size:24}),h("xpl-icon",{icon:"video",size:24})),h("slot",{name:"image",onSlotchange:this.handleImageSlotChange})),h("div",{class:"xpl-spotlight__content"},h("div",{class:"xpl-spotlight__header"},h("slot",{name:"title",onSlotchange:this.handleTitleSlotChange},!this.hasTitleSlotContent&&this.headingPropHasText&&h("span",{class:"xpl-spotlight__title",id:this.headingId},this.heading)),h("slot",{name:"body",onSlotchange:this.handleBodySlotChange},!this.hasBodySlotContent&&this.bodyPropHasText&&h("p",{class:"xpl-spotlight__body"},this.body))),o&&h("div",{class:{"xpl-spotlight__actions":!0,"xpl-spotlight__actions--dual":!t,"xpl-spotlight__actions--single":t,"xpl-spotlight__actions--with-steps":l,"xpl-spotlight__actions--only-primary":i&&!s,"xpl-spotlight__actions--only-secondary":s&&!i}},h("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--secondary"},s&&h("xpl-button",{class:"xpl-spotlight__secondary-action",variant:"secondary",size:"default",disabled:this.isSecondaryStepActionDisabled,onClick:this.handleSecondaryClick},this.secondaryActionLabel)),l&&h("span",{class:"xpl-spotlight__step-text"},this.effectiveCurrentStep," of ",this.effectiveTotalSteps),h("div",{class:"xpl-spotlight__action-slot xpl-spotlight__action-slot--primary"},i&&h("xpl-button",{class:"xpl-spotlight__primary-action",variant:"primary",size:"default",disabled:this.isPrimaryStepActionDisabled,onClick:this.handlePrimaryClick},this.primaryActionLabel))))))}get el(){return this}static get watchers(){return{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}}},[260,"xpl-spotlight",{actionLayout:[1,"action-layout"],anchorPosition:[1,"anchor-position"],body:[1],currentStep:[2,"current-step"],heading:[1],isDismissible:[4,"is-dismissible"],isOpen:[4,"is-open"],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showActions:[4,"show-actions"],showImage:[4,"show-image"],showSteps:[4,"show-steps"],target:[1],totalSteps:[2,"total-steps"],hasBodySlotContent:[32],hasFloatingPosition:[32],hasImageSlotContent:[32],hasTitleSlotContent:[32],dialogLabelId:[32],isVisible:[32],resolvedAnchorPosition:[32]},[[4,"keydown","handleKeyDown"]],{anchorPosition:[{onAnchorPositionChange:0}],isOpen:[{onIsOpenChange:0}],target:[{onTargetChange:0}]}]),f=b,y=function(){"undefined"!=typeof customElements&&["xpl-spotlight","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-spotlight":customElements.get(n(t))||customElements.define(n(t),b);break;case"xpl-button":customElements.get(n(t))||d();break;case"xpl-icon":customElements.get(n(t))||u()}}))};export{f as XplSpotlight,y as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as s,transformTag as l}from"@stencil/core/internal/client";import{g as n,a as c,t as r}from"./tab-a11y-ids.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){var e;const t=n(this.el),l=null!==(e=this.target)&&void 0!==e?e:"",o=c(t,l),d=r(t,l);return a(s,{key:"4c4a86dda347872ea6b1c4569f8424bd6cac7bd9","aria-labelledby":d,class:{"xpl-tab-panel":!0,"xpl-tab-panel--selected":this.selected},id:o,role:"tabpanel"},a("slot",{key:"30c9ae6f3748dc02a73da7535443266b1043d61b"}))}get el(){return this}},[260,"xpl-tab-panel",{selected:[4],target:[1]}]),d=o,i=function(){"undefined"!=typeof customElements&&["xpl-tab-panel"].forEach((e=>{"xpl-tab-panel"===e&&(customElements.get(l(e))||customElements.define(l(e),o))}))};export{d as XplTabPanel,i as defineCustomElement}
+import{p as e,H as t,h as a,c as s,t as l}from"./p-BT_Lq3Vd.js";import{g as n,a as p,t as r}from"./p-Yj_QFaRn.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1}render(){var e;const t=n(this.el),l=null!==(e=this.target)&&void 0!==e?e:"",c=p(t,l),o=r(t,l);return a(s,{key:"d1d6b910b84ee0aa483d605d10aaabf662d2efcf","aria-labelledby":o,class:{"xpl-tab-panel":!0,"xpl-tab-panel--selected":this.selected},id:c,role:"tabpanel"},a("slot",{key:"1fe282e7372fb0353cf1c32db841269aaa3c44a9"}))}get el(){return this}},[260,"xpl-tab-panel",{selected:[4],target:[1]}]),o=c,d=function(){"undefined"!=typeof customElements&&["xpl-tab-panel"].forEach((e=>{"xpl-tab-panel"===e&&(customElements.get(l(e))||customElements.define(l(e),c))}))};export{o as XplTabPanel,d as defineCustomElement}

package/dist/components/xpl-tab.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as n,transformTag as a}from"@stencil/core/internal/client";import{g as l,t as o,a as r}from"./tab-a11y-ids.js";import{d as c}from"./xpl-button2.js";import{d as h}from"./xpl-icon2.js";const u=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.disabled=!1,this.fullWidth=!1,this.groupDisabled=!1,this.iconPosition="start",this.selected=!1,this.variant="tabs",this.handleTabClick=()=>{this.effectivelyDisabled||this.tabChange.emit(this.target)}}async getFocusableElement(){return this.el.querySelector(this.isSegment?"xpl-button button":".xpl-tab__button")}async setTabIndex(t){const s=await this.getFocusableElement();s&&(s.tabIndex=t)}async focusTrigger(){const t=await this.getFocusableElement();null==t||t.focus()}get a11yIds(){var t;const s=l(this.el),e=null!==(t=this.target)&&void 0!==t?t:"";return{panelId:r(s,e),triggerId:o(s,e)}}get effectivelyDisabled(){return this.disabled||this.groupDisabled}get isSegment(){return"segment"===this.variant}render(){var t;const s=this.isSegment,{panelId:e,triggerId:a}=this.a11yIds,l=this.selected?"true":"false";return i(n,{class:{"xpl-tab":!0,"xpl-tab--selected":this.selected,"xpl-tab--segment":s,"xpl-tab--disabled":this.effectivelyDisabled}},s?i("xpl-button",{controlAttrs:{id:a,role:"tab","aria-controls":e,"aria-selected":l},disabled:this.effectivelyDisabled,fullWidth:this.fullWidth,icon:null!==(t=this.icon)&&void 0!==t?t:"",iconPosition:this.iconPosition,onClick:this.handleTabClick,size:"sm",type:"button",variant:this.selected?"primary":"tertiary"},i("slot",null)):i("button",{"aria-controls":e,"aria-selected":l,class:"xpl-tab__button",disabled:this.effectivelyDisabled,id:a,onClick:this.handleTabClick,role:"tab",type:"button"},i("slot",null)))}get el(){return this}},[260,"xpl-tab",{disabled:[516],fullWidth:[4,"full-width"],groupDisabled:[1540,"data-group-disabled"],icon:[513],iconPosition:[1,"icon-position"],selected:[4],target:[1],variant:[1],getFocusableElement:[64],setTabIndex:[64],focusTrigger:[64]}]),b=u,d=function(){"undefined"!=typeof customElements&&["xpl-tab","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-tab":customElements.get(a(t))||customElements.define(a(t),u);break;case"xpl-button":customElements.get(a(t))||c();break;case"xpl-icon":customElements.get(a(t))||h()}}))};export{b as XplTab,d as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BT_Lq3Vd.js";import{g as l,t as o,a as r}from"./p-Yj_QFaRn.js";import{d as c}from"./p-D2SFagIb.js";import{d as h}from"./p-ByJRw26d.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.disabled=!1,this.fullWidth=!1,this.groupDisabled=!1,this.iconPosition="start",this.selected=!1,this.variant="tabs",this.handleTabClick=()=>{this.effectivelyDisabled||this.tabChange.emit(this.target)}}async getFocusableElement(){return this.el.querySelector(this.isSegment?"xpl-button button":".xpl-tab__button")}async setTabIndex(t){const s=await this.getFocusableElement();s&&(s.tabIndex=t)}async focusTrigger(){const t=await this.getFocusableElement();null==t||t.focus()}get a11yIds(){var t;const s=l(this.el),e=null!==(t=this.target)&&void 0!==t?t:"";return{panelId:r(s,e),triggerId:o(s,e)}}get effectivelyDisabled(){return this.disabled||this.groupDisabled}get isSegment(){return"segment"===this.variant}render(){var t;const s=this.isSegment,{panelId:e,triggerId:n}=this.a11yIds,l=this.selected?"true":"false";return i(a,{class:{"xpl-tab":!0,"xpl-tab--selected":this.selected,"xpl-tab--segment":s,"xpl-tab--disabled":this.effectivelyDisabled}},s?i("xpl-button",{controlAttrs:{id:n,role:"tab","aria-controls":e,"aria-selected":l},disabled:this.effectivelyDisabled,fullWidth:this.fullWidth,icon:null!==(t=this.icon)&&void 0!==t?t:"",iconPosition:this.iconPosition,onClick:this.handleTabClick,size:"sm",type:"button",variant:this.selected?"primary":"tertiary"},i("slot",null)):i("button",{"aria-controls":e,"aria-selected":l,class:"xpl-tab__button",disabled:this.effectivelyDisabled,id:n,onClick:this.handleTabClick,role:"tab",type:"button"},i("slot",null)))}get el(){return this}},[260,"xpl-tab",{disabled:[516],fullWidth:[4,"full-width"],groupDisabled:[1540,"data-group-disabled"],icon:[513],iconPosition:[1,"icon-position"],selected:[4],target:[1],variant:[1],getFocusableElement:[64],setTabIndex:[64],focusTrigger:[64]}]),u=d,b=function(){"undefined"!=typeof customElements&&["xpl-tab","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-tab":customElements.get(n(t))||customElements.define(n(t),d);break;case"xpl-button":customElements.get(n(t))||c();break;case"xpl-icon":customElements.get(n(t))||h()}}))};export{u as XplTab,b as defineCustomElement}

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

@@ -1 +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}
+import{p as s,H as e,d as t,h as o,c,t as r}from"./p-BT_Lq3Vd.js";import{d as n}from"./p-CF_YTx16.js";import{d as i}from"./p-ByJRw26d.js";const l=s(class extends e{constructor(s){super(),!1!==s&&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 s=Array.from(this.el.parentElement.children).indexOf(this.el)+1,e=()=>{switch(this.type){case"label":return o("span",null,this.label);case"checkbox":return o("xpl-checkbox",null);case"icon":return o("xpl-icon",{icon:this.icon,size:20});default:return""}};return o(c,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:this.width+"px"}},this.sortable?o("button",{onClick:()=>this.toggleSort()},e(),(()=>{switch(this.sortDirection){case"none":return o("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return o("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):e())}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((s=>{switch(s){case"xpl-table-header-cell":customElements.get(r(s))||customElements.define(r(s),l);break;case"xpl-checkbox":customElements.get(r(s))||n();break;case"xpl-icon":customElements.get(r(s))||i()}}))};export{a as XplTableHeaderCell,h as defineCustomElement}

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

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

package/dist/components/xpl-table.js

@@ -1 +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:"10b0bfd08e28fada9a2c8509d405c5314cce1689"},i("div",{key:"8e5b4fe928618b175a58f858f6cfd65f4bd29c53",class:"xpl-table-container",onScroll:this.onScroll,ref:t=>{this.container=t}},i("table",{key:"a6df646737b9a1d5e67cebe9eaad41911ab606ca",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:"5f14766107d69f26b865f63c323d417f43260267"},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:"b13ca1d1a738de189d4f040dfd309187671b341d"},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:"5d45854ba21aa7e0bfaaf3b8a537e0c121538ac9"},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}
+import{p as t,H as s,d as e,h as i,c as h,t as a}from"./p-BT_Lq3Vd.js";import{d as l}from"./p-CF_YTx16.js";import{d as c}from"./p-ByJRw26d.js";const r=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 s=t.detail;this.areAllSelected=s,this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child xpl-checkbox")).map((t=>s?t.value:s)):this.selected.map((()=>s)),this.onChange()},this.selectOne=(t,s)=>{const e=t.detail,{value:i}=t.target;this.selected=this.selected.map(((t,h)=>h!==s?t:this.selectedValues.length>0&&e?i:e)),this.areAllSelected=this.selected.every((t=>!!t)),this.onChange()},this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,s)=>{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:"feca62966731c111adc18988af07bd269dd63868"},i("div",{key:"b585fe5b3161eb7763e4292a7015fb3209a3fa90",class:"xpl-table-container",onScroll:this.onScroll,ref:t=>{this.container=t}},i("table",{key:"37930d45de6739b43ff6d541d46d7f960d922716",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:"40e9b8bb9cb641a2f89a63a707ecaa3a286fc99d"},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("xpl-checkbox",{checked:this.areAllSelected,indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>t.stopPropagation(),onCheckboxChange:t=>this.selectAll(t),value:"select-all-"+this.selectAllValue,"aria-label":"Select all rows"}),t,a&&!!this.sortTypeArray[s]&&i("xpl-icon",{icon:h,size:16})))}))),i("tbody",{key:"99bc5a0fd8b91d040483cc5749490b5319097ab9"},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",null,i("xpl-checkbox",{checked:!!this.selected[s],onCheckboxChange:t=>this.selectOne(t,s),value:this.selectedValues.length>0?this.selectedValues[s]:"xpl-table-checkbox-"+s,"aria-label":"Select row "+(s+1)}),i("div",{innerHTML:t})):i("div",{innerHTML:t})))))))),(null===(t=this.rowFooterData)||void 0===t?void 0:t.length)>0&&i("tfoot",{key:"404659d5846461f017e974786ec359473be0a7b6"},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}]}]),o=r,n=function(){"undefined"!=typeof customElements&&["xpl-table","xpl-checkbox","xpl-icon"].forEach((t=>{switch(t){case"xpl-table":customElements.get(a(t))||customElements.define(a(t),r);break;case"xpl-checkbox":customElements.get(a(t))||l();break;case"xpl-icon":customElements.get(a(t))||c()}}))};export{o as XplTable,n as defineCustomElement}

package/dist/components/xpl-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as n,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./xpl-dropdown2.js";import{d as l}from"./xpl-dropdown-group2.js";import{d as h}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";import{d}from"./xpl-icon2.js";import{d as c}from"./xpl-select2.js";import{d as p}from"./xpl-tag2.js";let u=0;function b(t){var s,i;const n=t.querySelector("xpl-button button");if(n){const t=n.cloneNode(!0);if(t instanceof e){t.querySelectorAll(".xpl-button__icon, xpl-icon").forEach((t=>t.remove()));const e=null===(s=t.textContent)||void 0===s?void 0:s.replace(/\s+/g," ").trim();if(e)return e}}const a=t.querySelector(".xpl-tab__button");return a?Array.from(a.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>{var e;return(null!==(e=t.textContent)&&void 0!==e?e:"").trim()})).join(" "):null!==(i=t.getAttribute("target"))&&void 0!==i?i:""}const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=s(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{var e,s;if(this.disabled)return;const i=null===(s=null===(e=t.target)||void 0===e?void 0:e.closest)||void 0===s?void 0:s.call(e,"xpl-tab");if(!i||!this.tabHeadings.includes(i))return;const{key:n}=t;let a=!1,o=!1;this.isTablistRtl()?"ArrowLeft"===n||"ArrowDown"===n?a=!0:"ArrowRight"!==n&&"ArrowUp"!==n||(o=!0):"ArrowRight"===n||"ArrowDown"===n?a=!0:"ArrowLeft"!==n&&"ArrowUp"!==n||(o=!0);const l=a||o,h="Home"===n;if(!l&&!h&&"End"!==n)return;const r=this.getEnabledTabHeadingsSync();if(0===r.length)return;const d=r.indexOf(i);if(-1===d)return;let c;c=l?a?(d+1)%r.length:(d-1+r.length)%r.length:h?0:r.length-1;const p=r[c],u=null==p?void 0:p.getAttribute("target");if(!u)return;const b=i.getAttribute("target");t.preventDefault(),u!==b&&(this.applySelection(u),await p.focusTrigger(),this.tabChange.emit(u))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(u+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+u)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((e=>{t===e.getAttribute("target")?e.setAttribute("selected",""):e.removeAttribute("selected")})),this.tabPanels.forEach((e=>{t===e.getAttribute("target")?e.setAttribute("selected",""):e.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){var t,e;return this.value||(null===(e=null===(t=this.tabHeadings)||void 0===t?void 0:t[0])||void 0===e?void 0:e.getAttribute("target"))||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{var e;const s=(null!==(e=t.getAttribute("target"))&&void 0!==e?e:"")===this.selectedValue;await t.setTabIndex(s?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const e=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!e||e.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{var e;const s=null!==(e=t.getAttribute("target"))&&void 0!==e?e:"",i=this.disabled||t.hasAttribute("disabled"),n="segment"===this.type&&t.getAttribute("icon")||void 0;return Object.assign({label:b(t),value:s,isDisabled:i},n?{icon:n}:{})}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const e=t.getBoundingClientRect(),s=this.headingsContainerRef.getBoundingClientRect(),i=e.left-s.left,n=e.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===n||(this.activeBarPosition={left:i,width:n})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(n,{key:"9998ae067e13e7c08338ae29bfe05bc3adacaa87",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"18209c354e77267a13ce0c7380df0e419595cca7",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const e=""+t.detail;this.handleTabChange(e),this.tabChange.emit(e),this.isMobileSelectChange=!1}}}),i("nav",{key:"cf1bf2ec95fbbe7f0a6b8774cc5ce26928c7d6ca","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"5bfd13566a17723ec166a934bc72e59307eacb8c",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"52baf508a46759fe908f8721b3089d3db0189383",name:"heading"})),i("div",{key:"363fe87f244eace0dc0af0903e0b8c25da3a613f",class:"xpl-tabs__panels"},i("slot",{key:"f3872844f486cf831bca26a228eba88fa18b42c3",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),f=m,g=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(a(t))||customElements.define(a(t),m);break;case"xpl-dropdown":customElements.get(a(t))||o();break;case"xpl-dropdown-group":customElements.get(a(t))||l();break;case"xpl-dropdown-heading":customElements.get(a(t))||h();break;case"xpl-dropdown-option":customElements.get(a(t))||r();break;case"xpl-icon":customElements.get(a(t))||d();break;case"xpl-select":customElements.get(a(t))||c();break;case"xpl-tag":customElements.get(a(t))||p()}}))};export{f as XplTabs,g as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as a,t as n}from"./p-BT_Lq3Vd.js";import{d as o}from"./p-DKUNbsb0.js";import{d as l}from"./p-BDWXBWGE.js";import{d as h}from"./p-2xGSxBGa.js";import{d as r}from"./p-CUYkG-PB.js";import{d}from"./p-ByJRw26d.js";import{d as c}from"./p-gfb3l9Pr.js";import{d as p}from"./p-ZTFt9sBy.js";let b=0;function u(t){var e,i;const a=t.querySelector("xpl-button button");if(a){const t=a.cloneNode(!0);if(t instanceof s){t.querySelectorAll(".xpl-button__icon, xpl-icon").forEach((t=>t.remove()));const s=null===(e=t.textContent)||void 0===e?void 0:e.replace(/\s+/g," ").trim();if(s)return s}}const n=t.querySelector(".xpl-tab__button");return n?Array.from(n.childNodes).filter((t=>t.nodeType===Node.TEXT_NODE)).map((t=>{var s;return(null!==(s=t.textContent)&&void 0!==s?s:"").trim()})).join(" "):null!==(i=t.getAttribute("target"))&&void 0!==i?i:""}const m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=e(this,"tabChange",7),this.tabHeadings=[],this.tabPanels=[],this.tablistKeydownBound=!1,this.activeBarPosition={left:0,width:0},this.choicesTick=1,this.isMobileSelectChange=!1,this.selectedValue="",this.disabled=!1,this.fullWidth=!1,this.type="tabs",this.handleTabChange=t=>{this.applySelection(t)},this.onTablistKeydown=async t=>{var s,e;if(this.disabled)return;const i=null===(e=null===(s=t.target)||void 0===s?void 0:s.closest)||void 0===e?void 0:e.call(s,"xpl-tab");if(!i||!this.tabHeadings.includes(i))return;const{key:a}=t;let n=!1,o=!1;this.isTablistRtl()?"ArrowLeft"===a||"ArrowDown"===a?n=!0:"ArrowRight"!==a&&"ArrowUp"!==a||(o=!0):"ArrowRight"===a||"ArrowDown"===a?n=!0:"ArrowLeft"!==a&&"ArrowUp"!==a||(o=!0);const l=n||o,h="Home"===a;if(!l&&!h&&"End"!==a)return;const r=this.getEnabledTabHeadingsSync();if(0===r.length)return;const d=r.indexOf(i);if(-1===d)return;let c;c=l?n?(d+1)%r.length:(d-1+r.length)%r.length:h?0:r.length-1;const p=r[c],b=null==p?void 0:p.getAttribute("target");if(!b)return;const u=i.getAttribute("target");t.preventDefault(),b!==u&&(this.applySelection(b),await p.focusTrigger(),this.tabChange.emit(b))}}onDisabledChanged(){this.syncGroupDisabledOnTabs(),this.disabled||this.syncRovingTabindex()}onFullWidthChanged(){this.syncFullWidthOnTabs()}onTypeChanged(){this.syncVariantOnTabs()}onValueChanged(t){this.applySelection(t)}connectedCallback(){this.el.hasAttribute("data-tabs-instance-id")||(b+=1,this.el.setAttribute("data-tabs-instance-id","xpl-tg-"+b)),"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.collectTabs(!0)})),this.observer.observe(this.el,{childList:!0,subtree:!0}))}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.headingsContainerRef&&this.tablistKeydownBound&&(this.headingsContainerRef.removeEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!1),void 0!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}componentWillLoad(){this.selectedValue=this.getDefaultValue()}componentDidLoad(){this.collectTabs(!1),this.attachTablistKeydown()}componentDidUpdate(){this.updateActiveBarPosition(),this.syncRovingTabindex()}componentDidRender(){!this.tablistKeydownBound&&this.headingsContainerRef&&this.attachTablistKeydown()}onWindowResize(){this.updateActiveBarPosition()}syncGroupDisabledOnTabs(){this.tabHeadings.forEach((t=>{this.disabled?t.setAttribute("data-group-disabled",""):t.removeAttribute("data-group-disabled")}))}applySelection(t){this.tabHeadings.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.tabPanels.forEach((s=>{t===s.getAttribute("target")?s.setAttribute("selected",""):s.removeAttribute("selected")})),this.syncGroupDisabledOnTabs(),void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.rafId=void 0,this.selectedValue=t,this.updateActiveBarPosition(),this.syncRovingTabindex()}))}isOwnedTabOrPanel(t){return t.closest("xpl-tabs")===this.el}collectTabs(t){this.tabHeadings=Array.from(this.el.querySelectorAll("xpl-tab")).filter((t=>this.isOwnedTabOrPanel(t))),this.tabPanels=Array.from(this.el.querySelectorAll("xpl-tab-panel")).filter((t=>this.isOwnedTabOrPanel(t))),this.syncVariantOnTabs(),this.syncFullWidthOnTabs(),this.applySelection(this.getDefaultValue()),t&&(this.choicesTick+=1)}syncVariantOnTabs(){this.tabHeadings.forEach((t=>{t.variant=this.type}))}syncFullWidthOnTabs(){this.tabHeadings.forEach((t=>{t.fullWidth=this.fullWidth}))}getDefaultValue(){var t,s;return this.value||(null===(s=null===(t=this.tabHeadings)||void 0===t?void 0:t[0])||void 0===s?void 0:s.getAttribute("target"))||""}async syncRovingTabindex(){this.disabled||await Promise.all(this.tabHeadings.map((async t=>{var s;const e=(null!==(s=t.getAttribute("target"))&&void 0!==s?s:"")===this.selectedValue;await t.setTabIndex(e?0:-1)})))}getEnabledTabHeadingsSync(){return this.tabHeadings.filter((t=>{if(this.disabled||t.hasAttribute("disabled"))return!1;const s=t.querySelector("segment"===t.variant?"xpl-button button":".xpl-tab__button");return!(!s||s.disabled)}))}attachTablistKeydown(){const t=this.headingsContainerRef;t&&!this.tablistKeydownBound&&(t.addEventListener("keydown",this.onTablistKeydown),this.tablistKeydownBound=!0)}isTablistRtl(){const t=this.headingsContainerRef;return!!t&&"rtl"===getComputedStyle(t).direction}renderChoices(){return this.tabHeadings.map((t=>{var s;const e=null!==(s=t.getAttribute("target"))&&void 0!==s?s:"",i=this.disabled||t.hasAttribute("disabled"),a="segment"===this.type&&t.getAttribute("icon")||void 0;return Object.assign({label:u(t),value:e,isDisabled:i},a?{icon:a}:{})}))}updateActiveBarPosition(){if("segment"===this.type)return;const t=this.tabHeadings.find((t=>t.getAttribute("target")===this.selectedValue));if(!this.headingsContainerRef||!t)return;const s=t.getBoundingClientRect(),e=this.headingsContainerRef.getBoundingClientRect(),i=s.left-e.left,a=s.width;this.activeBarPosition.left===i&&this.activeBarPosition.width===a||(this.activeBarPosition={left:i,width:a})}mobileSelectClassNames(){const t="xpl-tabs__mobile-select";return"segment"===this.type?t+" xpl-tabs__mobile-select--segment":t}render(){const t="segment"===this.type;return i(a,{key:"712b11ca22e287b8e981c327d1793fbc627c8508",class:{"xpl-tabs":!0,"xpl-tabs--full-width":this.fullWidth,"xpl-tabs--segment":t},"data-choices-tick":this.choicesTick},i("xpl-select",{key:"ca013d1c4848a13e3210e3e010f90969a70b609f",classNames:this.mobileSelectClassNames(),choices:this.renderChoices(),disabled:this.disabled,selectedValues:this.selectedValue,onDropdownStateChange:t=>{t.detail&&(this.isMobileSelectChange=!0)},onChangeEvent:t=>{if(this.isMobileSelectChange){const s=""+t.detail;this.handleTabChange(s),this.tabChange.emit(s),this.isMobileSelectChange=!1}}}),i("nav",{key:"bbabd600ae5e210b7a3e9cfa9c5938f12ee14e1d","aria-orientation":"horizontal",class:"xpl-tabs__headings",role:"tablist",ref:t=>{this.headingsContainerRef=t},onTabChange:t=>{t.stopPropagation(),this.isMobileSelectChange=!1,this.handleTabChange(t.detail),this.tabChange.emit(t.detail)}},!t&&i("div",{key:"fe8c53716bd0fe10b02a22ac3df643aa6627303d",class:"xpl-tabs__active-bar",style:{transform:`translateX(${this.activeBarPosition.left}px)`,width:this.activeBarPosition.width+"px"}}),i("slot",{key:"8a1232936ec72a91e4fcd57f1f35f598a337dd99",name:"heading"})),i("div",{key:"2ef4b61b894a326bc370a1c7631308b8b13261b5",class:"xpl-tabs__panels"},i("slot",{key:"28c9ccce6482c7cbe9ee46960c65bd59aaacb4b9",name:"panel"})))}get el(){return this}static get watchers(){return{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}}},[260,"xpl-tabs",{disabled:[4],fullWidth:[4,"full-width"],type:[513],value:[1],activeBarPosition:[32],choicesTick:[32],isMobileSelectChange:[32],selectedValue:[32]},[[9,"resize","onWindowResize"]],{disabled:[{onDisabledChanged:0}],fullWidth:[{onFullWidthChanged:0}],type:[{onTypeChanged:0}],value:[{onValueChanged:0}]}]),g=m,f=function(){"undefined"!=typeof customElements&&["xpl-tabs","xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon","xpl-select","xpl-tag"].forEach((t=>{switch(t){case"xpl-tabs":customElements.get(n(t))||customElements.define(n(t),m);break;case"xpl-dropdown":customElements.get(n(t))||o();break;case"xpl-dropdown-group":customElements.get(n(t))||l();break;case"xpl-dropdown-heading":customElements.get(n(t))||h();break;case"xpl-dropdown-option":customElements.get(n(t))||r();break;case"xpl-icon":customElements.get(n(t))||d();break;case"xpl-select":customElements.get(n(t))||c();break;case"xpl-tag":customElements.get(n(t))||p()}}))};export{g as XplTabs,f as defineCustomElement}

package/dist/components/xpl-tag.js

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

package/dist/components/xpl-toast.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.variant="neutral",this.showIcon=!0,this.dismissable=!0,this.timeout=8e3,this.handleAnimationEnd=()=>{var t,s;(null===(t=this.el)||void 0===t?void 0:t.classList.contains("xpl-toast--dismissed"))&&(null===(s=this.el)||void 0===s||s.remove())},this.getIcon=()=>{switch(this.variant){case"warning":return e("xpl-icon",{size:24,icon:"alert-hex"});case"success":return e("xpl-icon",{size:24,icon:"check-circle"});default:return e("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 e(a,{key:"4f470ceb525c35a86ddbf65365fac1674ebe7033",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},e("div",{key:"04da6ca2777ceb222da2f4fd831d8aef5101a667",class:"xpl-toast__left"},this.showIcon&&e("div",{key:"0e5e75aa05e96361700c0c7b9eccbc4c5b75a00c",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),e("div",{key:"f1ccc651318b6d7128255918bdd68ef36a249e9f",class:"xpl-toast__notification"},e("p",{key:"1ae879d8a670a0f1a4928bfa2a0692581040dca1",class:"xpl-toast__title"},e("slot",{key:"b819a773c11b88cb00f8638db8a960de55ce6508",name:"title"})),""!==this.caption&&e("p",{key:"8f6eb8dd769e4aaf5b16b3caafd9e9ec5408a7e1",class:"xpl-toast__caption"},null===(t=this.caption)||void 0===t?void 0:t.substring(0,85)))),e("div",{key:"46ae2f04fa38b50d2a07082b6972590f6bd28005",class:"xpl-toast__action",ref:t=>{this.actionSlot=t}},e("slot",{key:"69512a9b482bb54252527d798dfa2884a19b7d8c",name:"action"})),this.dismissable&&e("div",{key:"818a5f9dde1a9c9b7ab3cd62cd807200e3687af6",class:"xpl-toast__close"},e("button",{key:"3a617189f8f031e119a125efce0ab35a7f5cf31f",tabIndex:0,onClick:this.dismiss},e("xpl-icon",{key:"d86187aed0665da278f953be5ab92f7051f44438",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))||c()}}))};export{n as XplToast,l as defineCustomElement}
+import{p as t,H as s,h as e,c as a,t as i}from"./p-BT_Lq3Vd.js";import{d as c}from"./p-ByJRw26d.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.variant="neutral",this.showIcon=!0,this.dismissable=!0,this.timeout=8e3,this.handleAnimationEnd=()=>{var t,s;(null===(t=this.el)||void 0===t?void 0:t.classList.contains("xpl-toast--dismissed"))&&(null===(s=this.el)||void 0===s||s.remove())},this.getIcon=()=>{switch(this.variant){case"warning":return e("xpl-icon",{size:24,icon:"alert-hex"});case"success":return e("xpl-icon",{size:24,icon:"check-circle"});default:return e("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 e(a,{key:"c9abdb6db66a9dad0d6ed3d2e6d178ea34852c86",class:"xpl-toast xpl-toast--"+this.variant,onAnimationEnd:this.handleAnimationEnd},e("div",{key:"7057e31e0f25dab1ba8b093f1dca15e6f08c44e4",class:"xpl-toast__left"},this.showIcon&&e("div",{key:"7875c518753729ae39a7bb9f2051751924a0d558",class:"xpl-toast__icon xpl-toast__icon--"+this.variant},this.getIcon()),e("div",{key:"e38c7d0593c16f3dfa83bc4e521f89ee644b46d4",class:"xpl-toast__notification"},e("p",{key:"8186437158381780554d2509a806704c52450f8c",class:"xpl-toast__title"},e("slot",{key:"0aa8df0520c33b4576acfb1ad4750a72928b94d5",name:"title"})),""!==this.caption&&e("p",{key:"3a4ce8f73e498373344b8b692e624f177212a70a",class:"xpl-toast__caption"},null===(t=this.caption)||void 0===t?void 0:t.substring(0,85)))),e("div",{key:"636ff5b9476cea09d21b97f3e1b78860a6f10669",class:"xpl-toast__action",ref:t=>{this.actionSlot=t}},e("slot",{key:"733bc27fba998cdbb97cc1124d8449b539a0fc21",name:"action"})),this.dismissable&&e("div",{key:"8f555e8a02c8aed5095ab659a792e19c242dae98",class:"xpl-toast__close"},e("button",{key:"ca64c6cb98c4cda5d2dab208afef54db4832e103",tabIndex:0,onClick:this.dismiss},e("xpl-icon",{key:"bf00f852ecffd16504a8ec95f3f6630b1aa569c9",icon:"x"}))))}get el(){return this}},[260,"xpl-toast",{variant:[1],showIcon:[4,"show-icon"],caption:[1],dismissable:[4],timeout:[2]}]),n=o,d=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))||c()}}))};export{n as XplToast,d as defineCustomElement}

package/dist/components/xpl-toggle.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as l,Host as i,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./v4.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleChange=s(this,"toggleChange",7),this.variant="default",this.id=a(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}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(i,{key:"2665ccecd2df94b7ed7443e2ecb6265fca7f235f",class:e},(this.heading||this.description)&&l("label",{key:"75292b431419e1d34c127a82d61baa1ee024a2bb",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"772e34c7d553faee5b1dfc448ecb95706dc3e8df",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),l("input",{key:"afec8fff16aadca330c804832dbd41c4b10f5caa",class:t,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&l("label",{key:"1b25d01805915cb2dacf03ad9340beec61565bcc",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),h=d,n=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(c(e))||customElements.define(c(e),d))}))};export{h as XplToggle,n as defineCustomElement}
+import{p as e,H as s,d as t,h as l,c as i,t as a}from"./p-BT_Lq3Vd.js";import{v as c}from"./p-CK3_k8jD.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleChange=t(this,"toggleChange",7),this.variant="default",this.id=c(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let s="xpl-toggle";return"small"===this.variant&&(s+=" xpl-toggle--small"),l(i,{key:"c57e1813c72cba62eed2927763277341bb0d3f77",class:e},(this.heading||this.description)&&l("label",{key:"00ba33da343a47681982f6437f1cb45060d70ae9",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&l("small",{key:"8ec4104abdb16ca405577f061c4cb68580317bc4",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),l("input",{key:"face83ccc22985b6d0a4c8b9e4c8dcf1d9d6b72a",class:s,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&l("label",{key:"aa89637f4b60b050a168fcf02e6702d9ed9bd186",htmlFor:this.id},this.label))}},[0,"xpl-toggle",{checked:[4],description:[1],disabled:[4],heading:[1],label:[1],name:[1],variant:[1],id:[32]}]),h=d,o=function(){"undefined"!=typeof customElements&&["xpl-toggle"].forEach((e=>{"xpl-toggle"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{h as XplToggle,o as defineCustomElement}

package/dist/components/xpl-toolbar.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";const c=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 a(o,{key:"156bc52063283c17215e1d3a90c25939ae92685b",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},a("div",{key:"184e28d57a16d8ba6e10f29a95c931a036f44515",class:"toolbar"},a("p",{key:"ff6a7137db216c71859eac4398bbaf8bc6fe18f9",class:"selected-item-count"},this.selectedItemCount," Selected"),a("div",{key:"a610539a08383a3d1d3dad8d95a8b75f43eaf1a3",class:"actions"},a("slot",{key:"dd8ea3150b40926ab40f36d38770daaa969a6fff",name:"actions-left"}),a("slot",{key:"b51f8940fb52dd6880841a917574f782e0d0c72c",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),n=c,l=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))};export{n as XplToolbar,l as defineCustomElement}
+import{p as e,H as t,h as s,c as a,t as o}from"./p-BT_Lq3Vd.js";const c=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 s(a,{key:"eda1f57ef1a207b82f622f090dd30f21d60bbc61",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},s("div",{key:"fe703bf7fb49ebe27f4eee7973ea1e24c5ed50a4",class:"toolbar"},s("p",{key:"d0d9cb84b4828688aabbabb3395ff3c18c4d2a78",class:"selected-item-count"},this.selectedItemCount," Selected"),s("div",{key:"c1259be179d245e4c18a3690f800eb493f491ba9",class:"actions"},s("slot",{key:"40000dda8efbfd0aa7175e0e5db1c1c9f4e7e89f",name:"actions-left"}),s("slot",{key:"255e21ebb1af8fde1bb76a1a1243eeadc4146d3d",name:"actions-right"}))))}get el(){return this}},[260,"xpl-toolbar",{selectedItemCount:[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]),d=c,n=function(){"undefined"!=typeof customElements&&["xpl-toolbar"].forEach((e=>{"xpl-toolbar"===e&&(customElements.get(o(e))||customElements.define(o(e),c))}))};export{d as XplToolbar,n as defineCustomElement}

package/dist/components/xpl-tooltip.js

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

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

@@ -1 +1 @@
-import{T as o,d as t}from"./xpl-top-nav-item2.js";const p=o,s=t;export{p as XplTopNavItem,s as defineCustomElement}
+import{T as o,d as s}from"./p-M900WO1C.js";const p=o,r=s;export{p as XplTopNavItem,r as defineCustomElement}

package/dist/components/xpl-top-nav-menu.d.ts

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

package/dist/components/xpl-top-nav-menu.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as i,c as n,t as s}from"./p-BT_Lq3Vd.js";import{T as o}from"./p-BUgtURvw.js";import{d as a}from"./p-ByJRw26d.js";import{d as l}from"./p-M900WO1C.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.timers=new o,this.isMobileCascade=!1,this.onViewportChange=()=>{var t,e;this.isMobileCascade=null!==(e=null===(t=this.mobileMq)||void 0===t?void 0:t.matches)&&void 0!==e&&e},this.handleBackClick=async()=>{var t;const e=this.el.closest("xpl-top-nav-item");e&&(await e.closeMenu(),null===(t=e.querySelector(".xpl-top-nav-item__inner"))||void 0===t||t.focus())}}connectedCallback(){"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(this.mobileMq=window.matchMedia("(max-width: 767px)"),this.mobileMq.addEventListener("change",this.onViewportChange),this.isMobileCascade=this.mobileMq.matches),this.connectParentOpenObserver()}disconnectedCallback(){var t;this.timers.dispose(),null===(t=this.mobileMq)||void 0===t||t.removeEventListener("change",this.onViewportChange),this.mobileMq=void 0,this.disconnectParentOpenObserver()}connectParentOpenObserver(){this.disconnectParentOpenObserver();const t=this.el.parentElement;t&&"undefined"!=typeof MutationObserver&&(this.parentOpenObserver=new MutationObserver((()=>{this.scheduleParentOpenCheck()})),this.parentOpenObserver.observe(t,{attributes:!0,attributeFilter:["class"]}))}disconnectParentOpenObserver(){var t;null===(t=this.parentOpenObserver)||void 0===t||t.disconnect(),this.parentOpenObserver=void 0}scheduleParentOpenCheck(){this.timers.scheduleCoalesced("parentOpenCheck",(()=>{this.el.isConnected&&this.focusBackRowIfJustOpenedOnMobile()}))}focusBackRowIfJustOpenedOnMobile(){var t;if(!this.isMobileCascade)return;const e=this.el.parentElement;(null==e?void 0:e.classList.contains("xpl-top-nav-item--dropdown-open"))&&(null===(t=this.el.querySelector(".xpl-top-nav-menu__back .xpl-top-nav-item__inner"))||void 0===t||t.focus())}renderBackRow(){var t;return this.isMobileCascade&&(null===(t=this.label)||void 0===t?void 0:t.trim())?i("xpl-top-nav-item",{class:"xpl-top-nav-menu__back",label:this.label,onNavItemClick:this.handleBackClick},i("xpl-icon",{slot:"leading-icon",icon:"chevron-left",size:24})):null}render(){return i(n,{key:"314c42b389883edceb333473d9bb97776e1f18de",class:{"xpl-top-nav-menu":!0,dark:!0},role:"list","aria-label":this.label||void 0},this.renderBackRow(),i("slot",{key:"a6b4e2c916ccc9c0cc1d5e7e6d03b2ad6032f7ac"}))}get el(){return this}},[260,"xpl-top-nav-menu",{label:[1],isMobileCascade:[32]}]),r=c,p=function(){"undefined"!=typeof customElements&&["xpl-top-nav-menu","xpl-icon","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav-menu":customElements.get(s(t))||customElements.define(s(t),c);break;case"xpl-icon":customElements.get(s(t))||a();break;case"xpl-top-nav-item":customElements.get(s(t))||l()}}))};export{r as XplTopNavMenu,p as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as n,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./xpl-button2.js";import{d as l}from"./xpl-icon2.js";import{d as r}from"./xpl-popover2.js";import{d as h}from"./xpl-top-nav-item2.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.brandClick=e(this,"brandClick",7),this.navOpen=e(this,"navOpen",7),this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{var t;this.navControlFocusTimeoutId=void 0,null===(t=this.el.querySelector(".xpl-top-nav__nav-control"))||void 0===t||t.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&this.focusNavControlAfterClose()},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");(null==s?void 0:s.classList.contains("xpl-popover--is-open"))&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=null!=this.el.querySelector('[slot="brand-logo"]');t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=null!=this.el.querySelector('[slot="user-menu"]'),s=null!=this.el.querySelector('[slot="user-menu-trigger"]');t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocEscapeListener()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocEscapeListener(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocEscapeListener(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){var t,s;return null!==(s=null===(t=this.childAccountLabel)||void 0===t?void 0:t.trim())&&void 0!==s?s:""}get hasBrand(){var t,s,e,i;const n=null!==(s=null===(t=this.brandName)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",o=null!==(i=null===(e=this.brandLogo)||void 0===e?void 0:e.trim())&&void 0!==i?i:"";return n.length>0||o.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(null==e?void 0:e.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((()=>{this.scheduleSlotContentSyncFromObserver()})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){var t;null===(t=this.slotContentObserver)||void 0===t||t.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){var t;this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),null===(t=this.userPopoverDrawerOpenObserver)||void 0===t||t.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocEscapeListener(){this.el.ownerDocument.removeEventListener("keydown",this.onDocKeyDownEscape,!1)}scheduleSlotContentSyncFromObserver(){void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots())}),0)}syncDocEscapeListener(){this.removeDocEscapeListener(),this.navControl&&this.el.ownerDocument.addEventListener("keydown",this.onDocKeyDownEscape,!1)}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&this.navOpen.emit(!1)}render(){var t,s,e,o;return i(n,{key:"9f65d609c6b4cf08b2899216fe8bc70fe0e12db9",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":!!this.navControl,"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"a3d613acbe13866886bca363372127e8e869ec2c","aria-label":null!==(t=this.label)&&void 0!==t?t:"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"b7057ef80f36e98def53bbfc2a39bd30bacd9b4c",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"3c4091842c7e4c1a62fea5446f6e29486617b11a",type:"button",class:"xpl-top-nav__nav-control","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onNavToggle},i("xpl-icon",{key:"cd5fd2cd1cf1dae5c765b63678e14cb87588c3b2",class:"xpl-top-nav__control-icon",icon:"menu",size:20})),this.hasBrand&&i("div",{key:"3cabfe3ce8ff58d9aed0ed9b4adccd896f6cad08",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"bca3924f36affd16b6c17d0d8cc1ccc57c488ef6",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},(null===(s=this.brandLogo)||void 0===s?void 0:s.trim())?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:(null===(e=this.brandName)||void 0===e?void 0:e.trim())?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,(null===(o=this.brandName)||void 0===o?void 0:o.trim())?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"1e9a1af5fbeca22c0f440556c121c38b8528d9ba",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"b5d67e1adf5bc6a751be3d8bfa448bdb682039bc",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"c738eb6fbda41c8320fa2645fb88f43ef11731b6",name:"left-aside"})))),i("div",{key:"8573832a3922746b2301f9bc8b4fa6ab7e1ac441",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"a21b318496a47000cde7a0346d3376999e7893ea",class:"xpl-nav-right__list"},i("div",{key:"5934e7d3976b13abba77b4361b4fe1c6f49bcc2e",class:"xpl-top-nav__right-rail"},i("div",{key:"49b44ea3d59eec32d6859978754e81ce6acc1bec",class:"xpl-top-nav__right-lead"},i("slot",{key:"054671b75354700b873a85f08998a14d7fc7073b",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return this}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}},[260,"xpl-top-nav",{brandHref:[1,"brand-href"],brandLogo:[1,"brand-logo"],brandName:[1,"brand-name"],childAccountLabel:[1,"child-account-label"],label:[1],navControl:[516,"nav-control"],brandLogoSlotPresent:[32],open:[32],userMenuSlotPresent:[32],userMenuTriggerSlotPresent:[32]},void 0,{navControl:[{onNavControlChanged:0}]}]),p=c,d=function(){"undefined"!=typeof customElements&&["xpl-top-nav","xpl-button","xpl-icon","xpl-popover","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav":customElements.get(o(t))||customElements.define(o(t),c);break;case"xpl-button":customElements.get(o(t))||a();break;case"xpl-icon":customElements.get(o(t))||l();break;case"xpl-popover":customElements.get(o(t))||r();break;case"xpl-top-nav-item":customElements.get(o(t))||h()}}))};export{p as XplTopNav,d as defineCustomElement}
+import{p as t,H as s,d as e,h as i,c as n,t as o}from"./p-BT_Lq3Vd.js";import{d as a}from"./p-D2SFagIb.js";import{d as l}from"./p-ByJRw26d.js";import{d as r}from"./p-BJqNuBZr.js";import{d as h}from"./p-M900WO1C.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.brandClick=e(this,"brandClick",7),this.navOpen=e(this,"navOpen",7),this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{var t;this.navControlFocusTimeoutId=void 0,null===(t=this.el.querySelector(".xpl-top-nav__nav-control"))||void 0===t||t.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&(this.resetMobileCascade(),this.focusNavControlAfterClose())},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");(null==s?void 0:s.classList.contains("xpl-popover--is-open"))&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=null!=this.el.querySelector('[slot="brand-logo"]');t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=null!=this.el.querySelector('[slot="user-menu"]'),s=null!=this.el.querySelector('[slot="user-menu-trigger"]');t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocEscapeListener()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocEscapeListener(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocEscapeListener(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){var t,s;return null!==(s=null===(t=this.childAccountLabel)||void 0===t?void 0:t.trim())&&void 0!==s?s:""}get hasBrand(){var t,s,e,i;const n=null!==(s=null===(t=this.brandName)||void 0===t?void 0:t.trim())&&void 0!==s?s:"",o=null!==(i=null===(e=this.brandLogo)||void 0===e?void 0:e.trim())&&void 0!==i?i:"";return n.length>0||o.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const e=t[s].querySelector(".xpl-popover");if(null==e?void 0:e.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((()=>{this.scheduleSlotContentSyncFromObserver()})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){var t;null===(t=this.slotContentObserver)||void 0===t||t.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){var t;this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),null===(t=this.userPopoverDrawerOpenObserver)||void 0===t||t.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocEscapeListener(){this.el.ownerDocument.removeEventListener("keydown",this.onDocKeyDownEscape,!1)}resetMobileCascade(){const t=this.el.querySelector(".xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open");null==t||t.closeMenu().catch((()=>{}))}scheduleSlotContentSyncFromObserver(){void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots())}),0)}syncDocEscapeListener(){this.removeDocEscapeListener(),this.navControl&&this.el.ownerDocument.addEventListener("keydown",this.onDocKeyDownEscape,!1)}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&(this.resetMobileCascade(),this.navOpen.emit(!1))}render(){var t,s,e,o;return i(n,{key:"a1556bcc2dfc2d35b9b9540a3f0e0d162d547923",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":!!this.navControl,"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"5531a9157af00cbd8b8d5459801ae00337c5e4ec","aria-label":null!==(t=this.label)&&void 0!==t?t:"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"5257bb97f7c388358820ae85e872644666538304",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"8e8acb60ee8cac9bf84bb559444fbdcfcee13a10",type:"button",class:"xpl-top-nav__nav-control","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onNavToggle},i("xpl-icon",{key:"7bafdf086e9df7d4a2333ea9d2fed86de8466912",class:"xpl-top-nav__control-icon",icon:"menu",size:32})),this.hasBrand&&i("div",{key:"39fc108bfb4b30a98bc06ca8d12331527708d3ef",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"7c951eb3c0e349170bb017f6e1d375f3b328653f",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},(null===(s=this.brandLogo)||void 0===s?void 0:s.trim())?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:(null===(e=this.brandName)||void 0===e?void 0:e.trim())?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,(null===(o=this.brandName)||void 0===o?void 0:o.trim())?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"16fa404db5c59741ec4a4c8c92c6f43f7502e906",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"d5421d83454aadb4252cc244b24c9d3bf9881c69",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"c95fcd2f6365dbc03ee4e4e99db15e3460fd5358",name:"left-aside"})))),i("div",{key:"fa5afd226b5eed1468ef066fba956852f7f0d65d",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"d84a6fc492147429d725b49681637a203fc36c35",class:"xpl-nav-right__list"},i("div",{key:"63ef2b0eddef28da05d172bb05b2edd64ad173dd",class:"xpl-top-nav__right-rail"},i("div",{key:"3ead1c8076e1ed51283ec6251c4ed252835457e3",class:"xpl-top-nav__right-lead"},i("slot",{key:"8076be6d9d726a2b380f41077d114b37cdfe15e9",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return this}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}},[260,"xpl-top-nav",{brandHref:[1,"brand-href"],brandLogo:[1,"brand-logo"],brandName:[1,"brand-name"],childAccountLabel:[1,"child-account-label"],label:[1],navControl:[516,"nav-control"],brandLogoSlotPresent:[32],open:[32],userMenuSlotPresent:[32],userMenuTriggerSlotPresent:[32]},void 0,{navControl:[{onNavControlChanged:0}]}]),d=p,c=function(){"undefined"!=typeof customElements&&["xpl-top-nav","xpl-button","xpl-icon","xpl-popover","xpl-top-nav-item"].forEach((t=>{switch(t){case"xpl-top-nav":customElements.get(o(t))||customElements.define(o(t),p);break;case"xpl-button":customElements.get(o(t))||a();break;case"xpl-icon":customElements.get(o(t))||l();break;case"xpl-popover":customElements.get(o(t))||r();break;case"xpl-top-nav-item":customElements.get(o(t))||h()}}))};export{d as XplTopNav,c as defineCustomElement}

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

@@ -1 +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:"2af96247c611b67255b7f285dfb2b8b1dada47cc"},a("nav",{key:"135186097dd0d8f308a1a08b5fbf4a5537c10f25","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:"3346444f9813b20d8c4ed13b5a0784205dcfbbb1",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}
+import{p as t,H as s,d as a,h as i,c as e,t as n}from"./p-BT_Lq3Vd.js";import{d as l}from"./p-ByJRw26d.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.navOpen=a(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 i(e,{key:"e990b6a7176fdb1d48fd1859f359f217a6600015"},i("nav",{key:"3b331ed5294f208dcededae078659d9b0d7b118f","aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?i("div",null,i("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle()},i("xpl-icon",{class:"xpl-utility-nav__bars",icon:"three-bars"})),i("slot",{name:"aside"})):i("slot",{name:"aside"}),i("slot",{key:"444363c10471bd6206d39d2da37bafdae6291137",name:"main"})))}},[260,"xpl-utility-bar",{navControl:[4,"nav-control"],isNavOpenAtStartup:[4,"is-nav-open-at-startup"],open:[32]}]),r=o,d=function(){"undefined"!=typeof customElements&&["xpl-utility-bar","xpl-icon"].forEach((t=>{switch(t){case"xpl-utility-bar":customElements.get(n(t))||customElements.define(n(t),o);break;case"xpl-icon":customElements.get(n(t))||l()}}))};export{r as XplUtilityBar,d as defineCustomElement}

package/dist/docs/xpl-backdrop/readme.md

@@ -18,6 +18,7 @@ This backdrop is used to add a transparent darker layer on top of the content ar
 
  - [xpl-application-shell](../xpl-application-shell)
  - [xpl-modal](../xpl-modal)
+ - [xpl-side-nav](../xpl-side-nav)
  - [xpl-slideout](../xpl-slideout)
 
 ### Graph
@@ -25,6 +26,7 @@ This backdrop is used to add a transparent darker layer on top of the content ar
 graph TD;
   xpl-application-shell --> xpl-backdrop
   xpl-modal --> xpl-backdrop
+  xpl-side-nav --> xpl-backdrop
   xpl-slideout --> xpl-backdrop
   style xpl-backdrop fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/dist/docs/xpl-badge/readme.md

@@ -92,6 +92,40 @@ The legacy semantic names `success`, `warning`, `inactive`, and `error` are stil
 
 - Each variant uses Apollo Foundation badge tokens (`--xpl-background-badge-`*, `--xpl-border-badge-*`, `--xpl-icon-badge-*`, `--xpl-text-badge-*`) that auto-switch between light and dark modes. Dot-only badges use the corresponding `--xpl-icon-badge-*` accent color for their solid fill.
 
+### Design Tokens
+
+Tokens used by this component from `@xplortech/apollo-foundation`.
+
+**Color**
+- `--xpl-background-badge-{default,green,yellow,grey,blue,red}` — variant backgrounds
+- `--xpl-border-badge-{purple,green,yellow,grey,blue,red}` — variant borders
+- `--xpl-text-badge-{default,green,yellow,gray,blue,red}` — variant text colors
+- `--xpl-icon-badge-{default,green,yellow,grey,blue,red}` — dot / dot-only fill
+- `--xpl-text-inverse` — dot-only text (green, blue, red)
+- `--xpl-text-strong` — orange variant text
+- `--xpl-border-inverse` — dot-only bordered ring
+- `--xpl-color-transparent-0` — dot-only / orange transparent border
+- `--xpl-color-neutral-1100` — dot-only text on yellow, gray, orange
+- `--xpl-background-surface-transparent-0` — orange background (dark mode)
+- `--xpl-background-accent-brand` — orange dot/dot-only fill (tech debt)
+- `--xpl-color-orange-{100,300}` — orange variant primitives (tech debt)
+
+**Spacing**
+- `--xpl-space-{2,4,8,12}` — padding variants
+
+**Sizing**
+- `--xpl-size-{150,125,050}` — height / dot sizes
+- `0.875rem` literal — dot-only badge height/min-width (no 14px Foundation token; tech debt)
+
+**Typography**
+- `--xpl-font-family-default` — font family
+- Default badge extends `.xpl-text-title-5` (Figma `Title/5`); small badge extends `.xpl-text-callout-bold` (Figma `Callout/Bold`)
+- `0.5rem` literal — dot-only (number) badge font-size/line-height (no 8px Foundation token or typography level; tech debt)
+
+**Border**
+- `--xpl-border-small` — border width (1px)
+- `--xpl-border-radius-{full,small}` — shape variants
+
 <!-- Auto Generated Below -->
 
 

package/dist/docs/xpl-button/readme.md

@@ -162,6 +162,7 @@ The **`state`** prop (`neutral` | `warning` | `success`) is deprecated. Use **`s
  - [xpl-button-row](../xpl-button-row)
  - [xpl-list-item](../xpl-list/xpl-list-item)
  - [xpl-modal](../xpl-modal)
+ - [xpl-side-nav](../xpl-side-nav)
  - [xpl-slideout](../xpl-slideout)
  - [xpl-spotlight](../xpl-spotlight)
  - [xpl-tab](../xpl-tab)
@@ -179,6 +180,7 @@ graph TD;
   xpl-button-row --> xpl-button
   xpl-list-item --> xpl-button
   xpl-modal --> xpl-button
+  xpl-side-nav --> xpl-button
   xpl-slideout --> xpl-button
   xpl-spotlight --> xpl-button
   xpl-tab --> xpl-button

package/dist/docs/xpl-button-row/readme.md

@@ -2,6 +2,19 @@
 
 
 
+### Design Tokens
+
+Tokens used by this component from `@xplortech/apollo-foundation`.
+
+**Color**
+- `--xpl-border-default` — top border color
+
+**Spacing**
+- `--xpl-space-{0,16,24}` — padding / margins
+
+**Border**
+- `--xpl-border-small` — top border width (1px)
+
 <!-- Auto Generated Below -->
 
 

package/dist/docs/xpl-checkbox/readme.md

@@ -4,6 +4,26 @@ Checkboxes allow users to make selections or choices. Checkboxes can be multi-se
 
 Provide visible label text in the default slot, or set `aria-label` when the checkbox has no adjacent label (for example, icon-only toolbars or table selection cells).
 
+## Design Tokens
+
+The checkbox component uses the following Apollo Foundation tokens:
+
+| Token | Usage |
+|-------|-------|
+| `--xpl-background-surface-default` | Default checkbox background; styled label background (resting/hover/focused) |
+| `--xpl-background-action-primary-default` | Checked/indeterminate state background and border |
+| `--xpl-background-action-disabled` | Disabled state background; disabled label background (styled variant) |
+| `--xpl-background-surface-information` | Checked/indeterminate label background (styled variant) |
+| `--xpl-text-inverse` | Checkmark and indeterminate icon color (checked / indeterminate states; inverse foreground on primary fill) |
+| `--xpl-icon-disabled` | Checkmark and indeterminate icon color (disabled state) |
+| `--xpl-border-strong` | Resting (unchecked) border color |
+| `--xpl-border-hover` | Hover, checked, and indeterminate border color; styled container hover/focus border |
+| `--xpl-border-default` | Styled container border; disabled state border |
+| `--xpl-border-focus` | Focus visible outline |
+| `--xpl-border-radius-small` | Checkbox corner radius and styled container corner radius (4px) |
+| `--xpl-border-small` | Border width (1px) |
+| `--xpl-size-100` | Checkbox dimensions (16px) |
+
 <!-- Auto Generated Below -->
 
 
@@ -20,7 +40,7 @@ Provide visible label text in the default slot, or set `aria-label` when the che
 | `name`          | `name`          | The name attribute for the html input. (submitted in form as name/value pair)                                                                                                                                                                                                        | `string`  | `undefined` |
 | `required`      | `required`      | Whether the input is required                                                                                                                                                                                                                                                        | `boolean` | `undefined` |
 | `styled`        | `styled`        | Whether the input is contained in a box with a border and a background                                                                                                                                                                                                               | `boolean` | `undefined` |
-| `value`         | `value`         | The value attribute for the checkbox input. (submittted in form as name/value pair)                                                                                                                                                                                                  | `string`  | `undefined` |
+| `value`         | `value`         | The value attribute for the checkbox input. (submitted in form as name/value pair)                                                                                                                                                                                                   | `string`  | `undefined` |
 
 
 ## Events
@@ -36,6 +56,7 @@ Provide visible label text in the default slot, or set `aria-label` when the che
 
  - [xpl-choicelist](../xpl-choicelist)
  - [xpl-header-accordion](../xpl-header-accordion)
+ - [xpl-table](../xpl-table)
  - [xpl-table-header-cell](../xpl-table-header-cell)
 
 ### Graph
@@ -43,6 +64,7 @@ Provide visible label text in the default slot, or set `aria-label` when the che
 graph TD;
   xpl-choicelist --> xpl-checkbox
   xpl-header-accordion --> xpl-checkbox
+  xpl-table --> xpl-checkbox
   xpl-table-header-cell --> xpl-checkbox
   style xpl-checkbox fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/dist/docs/xpl-divider/readme.md

@@ -1,7 +1,25 @@
-# xpl-divider
-
-Allows for easy separation and titling of sections within forms or other content.
-
+# xpl-divider
+
+Allows for easy separation and titling of sections within forms or other content.
+
+### Design Tokens
+
+Tokens used by this component from `@xplortech/apollo-foundation`.
+
+**Color**
+- `--xpl-border-default` — divider line color
+- `--xpl-text-default` — label text color
+
+**Spacing**
+- `--xpl-space-{0,4,16}` — padding / margin
+
+**Typography**
+- `--xpl-font-size-body` — base label font size
+- Tier typography extends the shared type scale from `typography.css`: tier 3 → `.xpl-text-title-3`, tier 2 → `.xpl-text-title-4`, tier 1 → `.xpl-text-title-5`
+
+**Border**
+- `--xpl-border-small` — line width (1px)
+
 <!-- Auto Generated Below -->
 
 

package/dist/docs/xpl-icon/readme.md

@@ -61,6 +61,7 @@ The `icon` property accepts any icon name as a string. See the links above for t
  - [xpl-toast](../xpl-toast)
  - [xpl-top-nav](../xpl-top-nav)
  - [xpl-top-nav-item](../xpl-top-nav/xpl-top-nav-item)
+ - [xpl-top-nav-menu](../xpl-top-nav/xpl-top-nav-menu)
  - [xpl-utility-bar](../xpl-utility-bar)
 
 ### Graph
@@ -95,6 +96,7 @@ graph TD;
   xpl-toast --> xpl-icon
   xpl-top-nav --> xpl-icon
   xpl-top-nav-item --> xpl-icon
+  xpl-top-nav-menu --> xpl-icon
   xpl-utility-bar --> xpl-icon
   style xpl-icon fill:#f9f,stroke:#333,stroke-width:4px
 ```